    <!-- -------------------------------------------------------------- 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="Le gamer allume son PC, illuminé de RGB, prêt à tout défoncer ! ahaha ⚔️⚔️"/>
        <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 fatelard"/>
        <meta property="description" content="Le gamer allume son PC, illuminé de RGB, prêt à tout défoncer ! ahaha ⚔️⚔️"/>
        <meta property="og:title" content="Bynshare de fatelard"/>
        <meta property="og:description" content="Le gamer allume son PC, illuminé de RGB, prêt à tout défoncer ! ahaha ⚔️⚔️"/>
        <meta property="og:url" content="https://www.bynshare.com/pagephoto/139-97"/>
        <meta property="og:site_name" content="Bynshare"/>
        <meta property="og:image" itemprop="image" content="https://www.bynshare.com/photo/article/97_20230125024424.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/97_20230125024424.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/97_20230125024424.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/97_20230125024424.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/97_20211122203537.jpg" alt="1"/></a>
                                        </div>
                                        <div class="push-5-t">
                                            <a class="font-w600" data-toggle="modal" data-target="#seconnectermodal">fatelard</a> <br>
                                            <span class="font-s12 text-muted">Il y a 10 mois et 3 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>Le gamer allume son PC, illuminé de RGB, prêt à tout défoncer ! ahaha ⚔️⚔️</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/note10.png" alt="">                                                                 


                                <a  class="textesouris" href="../pagephoto/139-97#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="">1<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 7700X Processeur</p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                                        <table class="pull-right">
                                                            <tr>
                                            
                                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                
                                                                <td>           
                                                                <a href="https://amzn.to/3Hs88W4" 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 Pro 4 Processeur Refroidisseur</p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                            <tr>
                                       
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://amzn.to/3wz5N5b" 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">MSI MPG B650 Edge WiFi Carte mère Micro ATX</p>
                                    </div>  
                                                                                                                                                                                  
    
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                    <tr>
                                            
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://amzn.to/3XMpjHc" 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">G.Skill Trident Z5 Neo 32Go</p>
                                        </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                         
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3R8sG99" 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">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/3DeNAOl" 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">Corsair RM750x 80 PLUS Gold</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3H7wZwN" 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">MSI GeForce RTX 4080 16Go</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                              
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3XzwAdO" 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">Light Wings PWM Ventilateur Boitier</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3HqEpvB" 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 ---------------------------   //////////-->
                                                                           
                                                                <!-- ////////// ------------------ FIN ARTICLE 9 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                           
                                <!-- ////////// ------------------ FIN ARTICLE 10 --------------------   //////////-->
                                <a data-toggle="modal" data-target="#seconnectermodal"><button style=" background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/ellipsis.png" alt="" ></button></a>

                            </div>
                        </div>                                          
                                                
                                                           
                                <!-- ////////// -----------------------BOUTON J AIME COMMENTER PARTAGER----------------------   //////////-->  
                            <!-- ////////// ---------------------------------------------   //////////-->  
                            <hr>
    
                            <div class="row" style="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="getImage197HAUT139"></a>
                                        <strong><span class="num97NUM139">8</span></strong>
                                        <a  class="textebas" data-toggle="modal" data-target="#sinscriremodal"><img class="imgrsbutton"src="../photo/basgris.png" id="getImage297BAS139"></a>
                                    </span>


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

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

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


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

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


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

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

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


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

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

                                if (Image_Id1.src.match("../photo/noenvie.png")) {
                                    Image_Id1.src = "../photo/envie.png";
                                }
                                else {
                                    Image_Id1.src = "../photo/noenvie.png";
                                }
                                $("#getImage1SAVEarticle139").load("../view/function_view/envies.php", {
                                                id_activite_main : '300',
                                                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="copierlienmodal139PCL97" 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="tocopy139PCL97">https://www.bynshare.com/pagephoto/139-97</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-copy139PCL97" data-target="#tocopy139PCL97">
                                <script>

                                
                                    var btncopy = document.querySelector('.js-copy139PCL97');
                                    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-copy139PCL97').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="97E139comment"></div>
                                                                    <br/>
                                                                                                                                                
                                                                        
                                                                    <!-- END Post Comment -->
    
                            </div> 
                        </div>
                                                <script>
                                                                        document.getElementById('scroll').scrollTop = document.getElementById('scroll');
                                                                        </script>
                        </div>
                                                              <br>
                                                             <!-- ////////// ------------------FIN COMMENTAIRE---------------------------   //////////-->  
                   
    
                    </div>
                </div>
                </div>
                </div>
                           
                              
                            <!-- ------------------------------------------------------------------- -->
                        <!-- ----------------------- POSTER UN AVIS ---------------------------- -->
                        <!-- ------------------------------------------------------------------- -->
                        <!-- ------------------------------------------------------------------- -->
              
                    
                <div class="block divarticleblock block blockborder" >
                <div class="block-content">
                
                        <a id="divavis"></a>
    
                            <!-- ------------------------------------------------------------------- -->
    
                    
                        <div class="row">
                        <div class="col-lg-12">
                       
    
                                <div style="margin: 0 0 10px 10px">
                                    <strong>Hello toi </strong>,
                                    tu as acheté le même article !? Poste ton avis avec une photo.<img class="imgrsbuttonbadge"src="../photo/cameraflash.png" alt="">
                                </div>
    
    
                                <div id="faq2" class="panel-group">
                                <div class="panel">
                        
                                    <a class="accordion-toggle" style=" display: block; text-align:center;"  data-toggle="modal" data-target="#seconnectermodal">
                                    <button style=" margin:5px 1px; padding: 5px 60px; background-color: white; color:black; border: 2px solid #3498DB; border-radius:20px;"><img class="imgrsbutton5" style="margin-right:10px" src="../photo/creer1.png" alt="1"/>Poster un avis</button>
                                    </a>
                                    </h3>
                            
                                <div id="faq2_q1" class="panel-collapse collapse">
    
                                <div class="panel-body">
    
    
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                </div>
                                </div>
                                </div>
                                </div>
                                
                                </div>
                                </div>
                                                                           
                                       
                            <!-- ------------------------------------------------------------------- -->
                            <!-- ----------------------- POSTER UN AVIS ---------------------------- -->
                            <!-- ------------------------------------------------------------------- -->
                            <!-- ------------------------------------------------------------------- -->
    
                                <div class="row">
                                <div class="col-lg-12">
    
                                        <a id="divavis"></a>
    
                                        <script src='https://kit.fontawesome.com/a076d05399.js'></script>
                                            
                                                <div class="col-lg-2">
                                                </div>
    
                                                <div class="col-lg-4">
                                                    <div class="block divarticleblock block blockborder" >
                                                    <div class="block-content">
                                                    <div class="text-center">
                                                    <div class="h3 font-w700 text"style="padding:0 0 15px 0;"><i class="far fa-grin text-success" style="padding: 0 10px;"></i>1                                                    
                                                    </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="58">     
                                                <div id="A58"></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="../tavdozh"><img class="roundedImageprofilarticle" src="../photo/profil/109_20211122224043.jpg" alt="1"/></a>
                        </td>
                        <td>
            
                        <strong><a data-toggle="modal" data-target="#seconnectermodal">Tavdozh</a></strong>
                        
                        <span class="font-s12 text-muted">Il y a 10 mois et 2 jours</span>
                        
                        </td>
                        </tr>
                        </table>     
                    </div>
                            
                        <br>
                        <span><strong>Be quiet! Dark Rock Pro 4</strong><br><br>
                        <p>Le Be quiet! Dark Rock Pro 4 est considéré comme l'un des meilleurs ventilateurs de processeur haut de gamme sur le marché. Les utilisateurs l'achètent pour son refroidissement efficace, sa qualité de construction et son faible bruit. Il peut être un peu difficile à installer, mais c'est un petit inconvénient comparé à ses performances globales. <br />
<br />
Il est un excellent choix pour ceux qui cherchent à refroidir efficacement leur processeur tout en maintenant le bruit de leur système à un minimum.                        </p>
                        </div>
            
                        
                        <div class="col-xs-4">
                       
                        <div style="height:auto;">
                            <a href=""  data-toggle="modal" data-target="#58CD"><img class="displayed; roundedImageavisarticlequestion" style="max-height:120px; width:auto; margin: 10px auto; display: block; border: 2px solid #8E44AD;"  src="../photo/avis/109_20230126232759.jpg" /></a>
                                                    
            
                                <!-- MODAL -->
                                <div class="modal fade" id="58CD" 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/109_20230126232759.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="getImage1109HAUTavis58"></a>
                                <strong><span class="num109NUMavis58">5</span></strong>
                                <a  class="textebas" data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/basgris.png" id="getImage2109BASavis58"></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"/>1 <span id="blockmobile"> Questions</span></button></a>
            
            
                        <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                                    
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <a class="textesouris" data-toggle="modal" data-target="#copierlienmodal58PCLallquestionavis109"><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="copierlienmodal58PCLallquestionavis109" 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="tocopy58PCLallquestionavis109">https://www.bynshare.com/allquestionavis/58-109</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-copy58PCLallquestionavis109" data-target="#tocopy58PCLallquestionavis109">
                        <script>
            
            
                            var btncopy = document.querySelector('.js-copy58PCLallquestionavis109');
                            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-copy58PCLallquestionavis109').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="signalezmodalSIV58" 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=97" +"&id_article=139"+"&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>