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

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

                   
        <title>Bynshare</title>

        <meta charset="ISO-8859-1">
        <meta pageEncoding="UTF-8">
        <meta name="description" content="je vous présente mon setup full white "/>
        <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 bloodsoul"/>
        <meta property="description" content="je vous présente mon setup full white "/>
        <meta property="og:title" content="Bynshare de bloodsoul"/>
        <meta property="og:description" content="je vous présente mon setup full white "/>
        <meta property="og:url" content="https://www.bynshare.com/pagephoto/128-61"/>
        <meta property="og:site_name" content="Bynshare"/>
        <meta property="og:image" itemprop="image" content="https://www.bynshare.com/photo/article/61_20221203190530.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/61_20221203190530.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/61_20221203190530.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/61_20221203190530.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/61_20211120192355.jpg" alt="1"/></a>
                                        </div>
                                        <div class="push-5-t">
                                            <a class="font-w600" data-toggle="modal" data-target="#seconnectermodal">bloodsoul</a> <br>
                                            <span class="font-s12 text-muted">Il y a 11 mois et 26 jours</span>
                                        </div>
                        </div>
                        <div class="col-lg-6">
    
                                    <div class="pull-right push-15-r">
                                                                                                    
                                                        <a data-toggle="modal" data-target="#seconnectermodal" id=""><button style="margin:5px 1px; padding: 5px; background-color: #28B351; color:black; border: 2px solid #28B351; border-radius:20px;"><span style ="color:white; margin: 0px 1px; font-size:12px">S'abonner</span></button></a>
                                                        
                                                  
                                                                                        </div> 
                        </div>
                        </div>
                        <div style="margin: 10px 0px;">
                        <strong>je vous présente mon setup full white </strong>
                        </div>
                                            <!-- ---------------------DEBUT BOUTON SUPRIMER ARTCILE ------------ -->
                                            
                                            <!-- ----------------------------- FIN ----------------------------- -->
                                                            
                                                                      
                        <hr>
                        <div class="row">   
                            <div class="col-lg-12">

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


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


                            </div>  
                            </div>    
                            <br>
                                                                            
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
    
                                                            
                        <div class="row"> 
                            <div class="col-lg-12">    
    
                                <div class="row"> 
    
                                    <div class="col-lg-8">                  
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">ASUS TUF Gaming VG27VQ</p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                                        <table class="pull-right">
                                                            <tr>
                                            
                                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                
                                                                <td>           
                                                                <a href="https://amzn.to/3P1P2bA" 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">Samsung Odyssey G5 34'' Ecran PC</p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                            <tr>
                                       
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://amzn.to/3B64hKM" 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">Corsair K65 RGB MINI</p>
                                    </div>  
                                                                                                                                                                                  
    
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                    <tr>
                                            
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://amzn.to/3EWWkIN" 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">Razer Viper Ultimate</p>
                                        </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                         
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3gTVEw2" 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">AMD Ryzen 5 5600X Processeur 3,7 GHz</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                                     
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3unh07T" 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">Asus ROG Strix GeForce RTX 3080 White OC Edition</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3iypExM" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                                                       
                                                    
                                                                <!-- ////////// ------------------ FIN ARTICLE 6 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                                                           
                                                                            
                                <div class="row">  
                                    <div class="col-lg-8">
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">Corsair Vengeance RGB Pro SL 32 Go</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                              
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3VPhqji" 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">Corsair iCUE H100i ELITE CAPELLIX Watercooling</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3umLc32" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>                                               
                                    </div>
                                </div>
                                                                       
                                                              
                                                                <!-- ////////// ------------------ FIN ARTICLE 8 --------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                                                                               
                                                                            
                                <div class="row">  
                                    <div class="col-lg-8">
                                                                                        
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">ROG Strix B550-A Gaming</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3EZ0Cj4" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                                                       
                                                             
                                                                <!-- ////////// ------------------ FIN ARTICLE 9 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                                                                             
        
                                <div class="row">  
                                    <div class="col-lg-8">
                                                                                            
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">ASUS ROG Strix 850W Gold Blanc</p>
                                    </div>  
                                                                                
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                         
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3iAEAvb" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                           
                                <!-- ////////// ------------------ FIN ARTICLE 10 --------------------   //////////-->
                                <a data-toggle="modal" data-target="#seconnectermodal"><button style=" background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/ellipsis.png" alt="" ></button></a>

                            </div>
                        </div>                                          
                                                
                                                           
                                <!-- ////////// -----------------------BOUTON J AIME COMMENTER PARTAGER----------------------   //////////-->  
                            <!-- ////////// ---------------------------------------------   //////////-->  
                            <hr>
    
                            <div class="row" style="padding: 10px; font-size: 11px;">
                             
                                                                                
<!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                
                                    <span style="margin: 2px; padding:8px 2px 10px 4px; background: transparent; color:black; border: 2px solid #CCD1D1; border-radius:5px;">
                                        <a class="textehaut" data-toggle="modal" data-target="#sinscriremodal"><img class="imgrsbutton"src="../photo/hautgris.png" id="getImage161HAUT128"></a>
                                        <strong><span class="num61NUM128">4</span></strong>
                                        <a  class="textebas" data-toggle="modal" data-target="#sinscriremodal"><img class="imgrsbutton"src="../photo/basgris.png" id="getImage261BAS128"></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="imagefun1SAVEarticle128();" ><img class="imgrsbutton"src="../photo/noenvie.png"  id="getImage1SAVEarticle128" alt=""><span id="blockmobile" style="color: black;">Enregistrer</span></a>
 
                                
                                <script>
                                function imagefun1SAVEarticle128() {

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

                                if (Image_Id1.src.match("../photo/noenvie.png")) {
                                    Image_Id1.src = "../photo/envie.png";
                                }
                                else {
                                    Image_Id1.src = "../photo/noenvie.png";
                                }
                                $("#getImage1SAVEarticle128").load("../view/function_view/envies.php", {
                                                id_activite_main : '269',
                                                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="copierlienmodal128PCL61" 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="tocopy128PCL61">https://www.bynshare.com/pagephoto/128-61</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-copy128PCL61" data-target="#tocopy128PCL61">
                                <script>

                                
                                    var btncopy = document.querySelector('.js-copy128PCL61');
                                    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-copy128PCL61').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="61E128comment"></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>2                                                    
                                                    </div>
                                                    </div>
                                                    </div>
                                                    </div>
                                                </div>
    
                                                
                                                <div class="col-lg-4">
                                                        <div class="block divarticleblock block blockborder" >
                                                        <div class="block-content">
                                                        <div class="text-center">
                                                        <div class="h3 font-w700 text" style="padding:0 0 15px 0;"><i class="far fa-frown-open text-danger" style="padding: 0 10px;"></i>0                                                        
                                                        </div>
                                                        </div>
                                                        </div>
                                                        </div>
                                                </div>
    
                                                <div class="col-lg-2">
                                                </div>
    
                                </div>
                                </div>
           
    
                                <!-- ------------------------------------------------------------- -->
    
                          
                </div>
                </div>
    
                          
                <!-- ------------------------------------------------------------------- -->
                <!-- -------------------------- LES AVIS BYNSHARE ---------------------- -->
                <!-- ------------------------------------------------------------------- -->
                <!-- ------------------------------------------------------------------- -->
    
                <div class="row">
                <div class="">  
                <div id="avismurhorsligne">
                        
                                                <div class="avismurhorsligne2" id="46">     
                                                <div id="A46"></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="../dwenunn"><img class="roundedImageprofilarticle" src="../photo/profil/102_20211122211808.jpg" alt="1"/></a>
                        </td>
                        <td>
            
                        <strong><a data-toggle="modal" data-target="#seconnectermodal">Dwenunn</a></strong>
                        
                        <span class="font-s12 text-muted">Il y a 11 mois et 1 jour</span>
                        
                        </td>
                        </tr>
                        </table>     
                    </div>
                            
                        <br>
                        <span><strong></strong><br><br>
                        <p>Magnifique watercooling, faisant un peu de bruit au début, mais suffit juste de régler dans &quot;Corsair ICUE&quot;                        </p>
                        </div>
            
                        
                        <div class="col-xs-4">
                       
                        <div style="height:auto;">
                            <a href=""  data-toggle="modal" data-target="#46CD"><img class="displayed; roundedImageavisarticlequestion" style="max-height:120px; width:auto; margin: 10px auto; display: block; border: 2px solid #8E44AD;"  src="../photo/avis/102_20221228025534.jpg" /></a>
                                                    
            
                                <!-- MODAL -->
                                <div class="modal fade" id="46CD" 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/102_20221228025534.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="getImage1102HAUTavis46"></a>
                                <strong><span class="num102NUMavis46">4</span></strong>
                                <a  class="textebas" data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/basgris.png" id="getImage2102BASavis46"></a>
                            </span>
            
            
                                                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                    
                        <style>
                            
            
                        .textehaut
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textehaut:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #A9CCE3; 
                            border: 1px solid #A9CCE3; 
                            border-radius:5px;
                        }
            
                        .textebas
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textebas:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #E6B0AA; 
                            border: 1px solid #E6B0AA; 
                            border-radius:5px;
                        }
                        </style>    
            
            
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->                              
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                      
            
                                                <a data-toggle="modal" data-target="#seconnectermodal"><button style="margin:1px; background-color: transparent; color:black; border: 2px solid transparent; border-radius:5px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="1"/>0 <span id="blockmobile"> Questions</span></button></a>
            
            
                        <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                                    
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <a class="textesouris" data-toggle="modal" data-target="#copierlienmodal46PCLallquestionavis102"><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="copierlienmodal46PCLallquestionavis102" 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="tocopy46PCLallquestionavis102">https://www.bynshare.com/allquestionavis/46-102</span>
                        <input style="background-color: #28B351; color:white; border: 2px solid #28B351; border-radius:15px; font-size:15px;"  type="button" value="Copier le lien" class="js-copy46PCLallquestionavis102" data-target="#tocopy46PCLallquestionavis102">
                        <script>
            
            
                            var btncopy = document.querySelector('.js-copy46PCLallquestionavis102');
                            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-copy46PCLallquestionavis102').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="signalezmodalSIV46" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document" style="border-radius:15px;">
                        <div style="border-radius:15px;" class="modal-content">
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="row">
                        <div class="col-lg-12" style="margin-bottom:10px;">
            
                        <div style="border-radius:15px; background-color:white;">
                        <div class="row">
                        <div style="border-radius:15px; height:auto;margin:15px;" class="col-md-12" >
                                                <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <div class="block-content block-content-full block-content-narrow">
            
                        <h4 style="text-align:center; margin:0 0 20px 0;" class="ins3">Signaler l'image</h4>
            
                                    
                        <a data-toggle="modal" data-target="#seconnectermodal"><button class=" ins4 btn btn-block btn-primary" style="margin:5px 1px; padding: 5px; background-color: #F02849; color:xhite; border: 2px solid #F02849; border-radius:20px;" type="submit">Signaler</button></a>
            
                
                        </div>
            
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        </div>
                        </div>
                        </div>
                        </div>
                        </div>
                        
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Terminer</button> 
                        </div>
            
                        </div>
                        </div>
                        </div>
                        
            
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
            
                        
                        </span>                    
                        </div>      
                        </div>
                        </div>
                        
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
            
                        </div>
                        </div>
                        </div>
                        
            
                                                <div class="avismurhorsligne2" id="45">     
                                                <div id="A45"></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="../boyviper"><img class="roundedImageprofilarticle" src="../photo/profil/81_20211120231634.jpg" alt="1"/></a>
                        </td>
                        <td>
            
                        <strong><a data-toggle="modal" data-target="#seconnectermodal">Boyviper</a></strong>
                        
                        <span class="font-s12 text-muted">Il y a 11 mois et 21 jours</span>
                        
                        </td>
                        </tr>
                        </table>     
                    </div>
                            
                        <br>
                        <span><strong></strong><br><br>
                        <p>Franchement j'avais quand même un doute sur les écrans incurvés, mais depuis que j'ai acheté celui ci est bien c'est génial, super luminosité et des couleurs parfaites, je recommande vraiment cet écran qui est parfait.                        </p>
                        </div>
            
                        
                        <div class="col-xs-4">
                       
                        <div style="height:auto;">
                            <a href=""  data-toggle="modal" data-target="#45CD"><img class="displayed; roundedImageavisarticlequestion" style="max-height:120px; width:auto; margin: 10px auto; display: block; border: 2px solid #8E44AD;"  src="../photo/avis/81_20221208023118.jpg" /></a>
                                                    
            
                                <!-- MODAL -->
                                <div class="modal fade" id="45CD" 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/81_20221208023118.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="getImage181HAUTavis45"></a>
                                <strong><span class="num81NUMavis45">3</span></strong>
                                <a  class="textebas" data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/basgris.png" id="getImage281BASavis45"></a>
                            </span>
            
            
                                                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                    
                        <style>
                            
            
                        .textehaut
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textehaut:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #A9CCE3; 
                            border: 1px solid #A9CCE3; 
                            border-radius:5px;
                        }
            
                        .textebas
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textebas:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #E6B0AA; 
                            border: 1px solid #E6B0AA; 
                            border-radius:5px;
                        }
                        </style>    
            
            
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->                              
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                      
            
                                                <a data-toggle="modal" data-target="#seconnectermodal"><button style="margin:1px; background-color: transparent; color:black; border: 2px solid transparent; border-radius:5px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="1"/>0 <span id="blockmobile"> Questions</span></button></a>
            
            
                        <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                                    
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <a class="textesouris" data-toggle="modal" data-target="#copierlienmodal45PCLallquestionavis81"><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="copierlienmodal45PCLallquestionavis81" 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="tocopy45PCLallquestionavis81">https://www.bynshare.com/allquestionavis/45-81</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-copy45PCLallquestionavis81" data-target="#tocopy45PCLallquestionavis81">
                        <script>
            
            
                            var btncopy = document.querySelector('.js-copy45PCLallquestionavis81');
                            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-copy45PCLallquestionavis81').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="signalezmodalSIV45" 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=61" +"&id_article=128"+"&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>