    <!-- -------------------------------------------------------------- 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="Config partie 1  #Projet4"/>
        <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 alphaze"/>
        <meta property="description" content="Config partie 1  #Projet4"/>
        <meta property="og:title" content="Bynshare de alphaze"/>
        <meta property="og:description" content="Config partie 1  #Projet4"/>
        <meta property="og:url" content="https://www.bynshare.com/pagephoto/67-80"/>
        <meta property="og:site_name" content="Bynshare"/>
        <meta property="og:image" itemprop="image" content="https://www.bynshare.com/photo/article/80_20211218174810.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/80_20211218174810.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/80_20211218174810.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/80_20211218174810.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/80_20211120225559.jpg" alt="1"/></a>
                                        </div>
                                        <div class="push-5-t">
                                            <a class="font-w600" data-toggle="modal" data-target="#seconnectermodal">alphaze</a> <br>
                                            <span class="font-s12 text-muted">Il y a 1 an et 5 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>Config partie 1  #Projet4</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/67-80#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="">0<img class="imgrsbutton"src="../photo/avis_decu.png" alt="">0</p></button></a>


                            </div>  
                            </div>    
                            <br>
                                                                            
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
    
                                                            
                        <div class="row"> 
                            <div class="col-lg-12">    
    
                                <div class="row"> 
    
                                    <div class="col-lg-8">                  
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">AMD Ryzen 7 5800X processeur 3,8 GHz 32 Mo L3</p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                                        <table class="pull-right">
                                                            <tr>
                                            
                                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                
                                                                <td>           
                                                                <a href="https://www.amazon.fr/gp/product/B0815XFSGK/ref=as_li_qf_asin_il_tl?ie=UTF8&amp;tag=barastlieo-21&amp;creative=6746&amp;linkCode=as2&amp;creativeASIN=B0815XFSGK&amp;linkId=811ae6f8025466f245ab79720eccfb74" 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">RX 6800XT XFX Speedster MERC319 Noir 16 Go</p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                            <tr>
                                       
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://www.amazon.fr/gp/product/B08NX14LV1/ref=as_li_qf_asin_il_tl?ie=UTF8&amp;tag=barastlieo-21&amp;creative=6746&amp;linkCode=as2&amp;creativeASIN=B08NX14LV1&amp;linkId=2e864e16f19b4dac998724d6fe32879f" 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">Nzxt N7 Z490</p>
                                    </div>  
                                                                                                                                                                                  
    
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                    <tr>
                                            
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://www.amazon.fr/gp/product/B08MB7YF38/ref=as_li_qf_asin_il_tl?ie=UTF8&amp;tag=barastlieo-21&amp;creative=6746&amp;linkCode=as2&amp;creativeASIN=B08MB7YF38&amp;linkId=f46322cafb8ac7c81ec3174862c0498c" 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">Corsair Vengeance RGB Pro SL 64 Go</p>
                                        </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                         
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://www.amazon.fr/gp/product/B095HN61QW/ref=as_li_qf_asin_il_tl?ie=UTF8&amp;tag=barastlieo-21&amp;creative=6746&amp;linkCode=as2&amp;creativeASIN=B095HN61QW&amp;linkId=c7ebbed01d8b20277d258f19af3665bc" 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">Corsair 5000D Airflow Moyen-Tour</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                                     
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://www.amazon.fr/gp/product/B08M48QY16?ie=UTF8&amp;th=1&amp;linkCode=ll1&amp;tag=barastlieo-21&amp;linkId=b2649bfcfe386b9dddc7fef1a8855c44&amp;language=fr_FR&amp;ref_=as_li_ss_tl" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                                                       
                                                
                                                                <!-- ////////// ------------------ FIN ARTICLE 5 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                                                                    
                                                                            
                                <div class="row">  
                                    <div class="col-lg-8">
                                                                                        
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">Corsair MP600 2TB M.2 SSD</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://www.amazon.fr/gp/product/B08T9ZY5SY?ie=UTF8&amp;th=1&amp;linkCode=ll1&amp;tag=barastlieo-21&amp;linkId=aa9c6e88ffaa1c9fb6112ee80fb439d7&amp;language=fr_FR&amp;ref_=as_li_ss_tl" 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 iCUE QL120 RGB</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                              
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://www.amazon.fr/dp/B083X4VCLB?_encoding=UTF8&amp;psc=1&amp;linkCode=ll1&amp;tag=barastlieo-21&amp;linkId=fe2b49cb5706fd47483aeb57ca40fa29&amp;language=fr_FR&amp;ref_=as_li_ss_tl" 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 Waterblock pour Processeur Hydro X </p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://www.amazon.fr/gp/product/B08HSQTV7J/ref=as_li_qf_asin_il_tl?ie=UTF8&amp;tag=barastlieo-21&amp;creative=6746&amp;linkCode=as2&amp;creativeASIN=B08HSQTV7J&amp;linkId=94c27e0be582fdeee4f988953c49f99c" 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">Waterblock pour Carte Graphique CORSAIR Hydro X</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://www.amazon.fr/gp/product/B08TRK49WK/ref=as_li_qf_asin_il_tl?ie=UTF8&amp;tag=barastlieo-21&amp;creative=6746&amp;linkCode=as2&amp;creativeASIN=B08TRK49WK&amp;linkId=8fa86f2faee271d5531bd7265389f748" 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">Corsair Hydro X Series, XR5 Radiateur de 240 mm</p>
                                    </div>  
                                                                                
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                         
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://www.amazon.fr/gp/product/B07VSGFSJC/ref=as_li_qf_asin_il_tl?ie=UTF8&amp;tag=barastlieo-21&amp;creative=6746&amp;linkCode=as2&amp;creativeASIN=B07VSGFSJC&amp;linkId=59d154e6c6e57f7aebbc679a8154948a" 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="getImage180HAUT67"></a>
                                        <strong><span class="num80NUM67">6</span></strong>
                                        <a  class="textebas" data-toggle="modal" data-target="#sinscriremodal"><img class="imgrsbutton"src="../photo/basgris.png" id="getImage280BAS67"></a>
                                    </span>


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

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

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


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

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


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

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

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


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

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

                                if (Image_Id1.src.match("../photo/noenvie.png")) {
                                    Image_Id1.src = "../photo/envie.png";
                                }
                                else {
                                    Image_Id1.src = "../photo/noenvie.png";
                                }
                                $("#getImage1SAVEarticle67").load("../view/function_view/envies.php", {
                                                id_activite_main : '90',
                                                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="copierlienmodal67PCL80" 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="tocopy67PCL80">https://www.bynshare.com/pagephoto/67-80</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-copy67PCL80" data-target="#tocopy67PCL80">
                                <script>

                                
                                    var btncopy = document.querySelector('.js-copy67PCL80');
                                    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-copy67PCL80').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="80E67comment"></div>
                                                                    <br/>
                                                                                                                                                    <table>
                                                                            <tr>
                                                                            <td>
                                                                            <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImagecomment" src="../photo/profil/1_20221018070947.jpg" alt="1"/></a>
                                                                            </td>
    
                                                                            <td>
                                                                            Je valide 🕹                                                                           </td>
                                                                                                                                                            
                                                                                
                                                                                 </tr>
                                                                                 </table>
                                                                                                                                                          
                                                                        
                                                                    <!-- END Post Comment -->
    
                            </div> 
                        </div>
                                                <script>
                                                                        document.getElementById('scroll').scrollTop = document.getElementById('scroll');
                                                                        </script>
                        </div>
                                                              <br>
                                                             <!-- ////////// ------------------FIN COMMENTAIRE---------------------------   //////////-->  
                   
    
                    </div>
                </div>
                </div>
                </div>
                           
                              
                            <!-- ------------------------------------------------------------------- -->
                        <!-- ----------------------- POSTER UN AVIS ---------------------------- -->
                        <!-- ------------------------------------------------------------------- -->
                        <!-- ------------------------------------------------------------------- -->
              
                    
                <div class="block divarticleblock block blockborder" >
                <div class="block-content">
                
                        <a id="divavis"></a>
    
                            <!-- ------------------------------------------------------------------- -->
    
                    
                        <div class="row">
                        <div class="col-lg-12">
                       
    
                                <div style="margin: 0 0 10px 10px">
                                    <strong>Hello toi </strong>,
                                    tu as acheté le même article !? Poste ton avis avec une photo.<img class="imgrsbuttonbadge"src="../photo/cameraflash.png" alt="">
                                </div>
    
    
                                <div id="faq2" class="panel-group">
                                <div class="panel">
                        
                                    <a class="accordion-toggle" style=" display: block; text-align:center;"  data-toggle="modal" data-target="#seconnectermodal">
                                    <button style=" margin:5px 1px; padding: 5px 60px; background-color: white; color:black; border: 2px solid #3498DB; border-radius:20px;"><img class="imgrsbutton5" style="margin-right:10px" src="../photo/creer1.png" alt="1"/>Poster un avis</button>
                                    </a>
                                    </h3>
                            
                                <div id="faq2_q1" class="panel-collapse collapse">
    
                                <div class="panel-body">
    
    
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                </div>
                                </div>
                                </div>
                                </div>
                                
                                </div>
                                </div>
                                                                           
                                       
                            <!-- ------------------------------------------------------------------- -->
                            <!-- ----------------------- POSTER UN AVIS ---------------------------- -->
                            <!-- ------------------------------------------------------------------- -->
                            <!-- ------------------------------------------------------------------- -->
    
                                <div class="row">
                                <div class="col-lg-12">
    
                                        <a id="divavis"></a>
    
                                        <script src='https://kit.fontawesome.com/a076d05399.js'></script>
                                            
                                                <div class="col-lg-2">
                                                </div>
    
                                                <div class="col-lg-4">
                                                    <div class="block divarticleblock block blockborder" >
                                                    <div class="block-content">
                                                    <div class="text-center">
                                                    <div class="h3 font-w700 text"style="padding:0 0 15px 0;"><i class="far fa-grin text-success" style="padding: 0 10px;"></i>0                                                    
                                                    </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>
                </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=80" +"&id_article=67"+"&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>