import React, { Component, Fragment } from 'react';
import { withStyles } from '@material-ui/core/styles';
import Typography from '@material-ui/core/Typography'
import LayoutBack from '../components/templates/LayoutBack';
import Link from 'next/link'
import Head from 'next/head'

const styles = theme => ({
    container: {
        display: 'flex',
        flexDirection: 'column',
        position: 'relative',
        height: '100%',
        padding: '0 20vw',
    },
    bottomContainer: {
        display: 'flex',
        flexDirection: 'column',
        alignSelf: 'left',
        justifyContent: 'left',
        position: 'absolute',
        bottom: 0,
    },
    title: {
        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1.5em',
        fontWeight: '600',
        padding: theme.spacing(3, 0),
    },
    text: {
        fontSize: '1em',
        fontWeight: '300',
        padding: theme.spacing(1, 0),
        whiteSpace: 'pre-line',
    },
    textCookies: {

    },
    textCookies: {

    },
    link: {
        color: theme.palette.primary.main,
        textDecoration: 'none',
    },
})


class Confidentialite extends Component {
    render() {
        const { classes } = this.props
        return (
            <LayoutBack text="Politique de confidentialité et protection des données">
                <Head>
                    <title key="title">Politique de confidentialité et protection des données</title>
                    <meta key="robots" name="robots" content="noindex, follow"></meta>
                </Head>
                <div className={classes.container}>
                    <Typography className={classes.text} gutterBottom align="left">
                        Nous vous invitons à lire avec attention le présent document. Pour toute question concernant ce document et, d’une manière générale, sur la collecte et le traitement de vos informations personnelles par la société talentstube.com, n’hésitez pas à nous contacter via le formulaire présent sur la page contact : <a href="https://blog.talentstube.com/contact" className={classes.link} target="_blank">https://blog.talentstube.com/contact</a>
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        DONNÉES PERSONNELLES
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                            Dans le cadre de son activité, talents tube est amené à collecter, traiter et stocker vos données personnelles.
                            Conformément aux dispositions légales, et en particulier à la Loi n°78-17 du 6 janvier 1978, et au Règlement (UE) 2016/679 du Parlement européen et du Conseil du 27 avril 2016 applicable à compter du 25 mai 2018 (dit RGPD), talents tube tient à garantir la confidentialité et la sécurité de vos données à caractère personnel.
                            C’est pourquoi, nous nous engageons à :
                            Utiliser et traiter les données qui vous concerne en toute transparence, loyauté et légalité,
                            Limiter le traitement des données à caractère personnel, leur conservation, leur collecte ainsi que leur stockage,
                            Garantir l'exactitude de vos données et vous permettre de demander leur suppression ou leur rectification,
                            Assurer la sécurité, l'intégrité et la confidentialité de vos données.
                            `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        UTILISATION DES DONNEES COLLECTEES
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                            L'utilisation des données est déterminée, légitime et explicite :
                            Les données collectées pour une finalité précise ne sont pas utilisées à d’autres fins. Nos finalités sont en adéquation avec les normes de conformité de la Cnil (Commission nationale de l’informatique et des libertés).
                            À titre d’exemple, les données collectées sur le candidat lors de inscription sur le site talentstube.com sont les données nécessaires au bon déroulement du processus de recrutement. Avec l’objectif :
                            « De permettre à chaque candidat de trouver/ d’être orienté vers les offres les plus susceptibles de correspondre à ses attentes, son profil ; de postuler à ces offres ; d’être contacté par des recruteurs cherchant à pourvoir des emplois ; et in fine de trouver un emploi. »
                            La finalité définie permet de déterminer la pertinence des données que nous allons collecter. Seules les données adéquates et strictement nécessaires pour atteindre la finalité seront collectées et traitées. Ainsi nous ne collectons que les données permettant :
                            au candidat de valoriser sa candidature
                            au candidat d’exprimer ses préférences
                            au candidat de décrire son parcours
                            au recruteur d’évaluer le candidat
                            au recruteur de trouver les candidats correspondant à ses critères de recrutement
                            d’éviter les usurpations d’identité
                            `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        Quelles données collectons-nous ?
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                            Pour le candidat :
                            Nom/Prénom
                            Mail
                            Téléphone
                            Réseaux sociaux
                            Éventuellement d’autres informations renseignées dans les champs libres
                            `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        Quelles données collectons-nous ?
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                            Nous nous engageons à ne pas divulguer à des tiers les informations et Données Personnelles que vous nous communiquez. Ces informations et Données Personnelles sont exclusivement utilisées par nos services internes et ne seront en aucun cas cédées, vendues à des tiers sans votre accord préalable exprès.
                            `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        DUREE DE CONSERVATION DES DONNEES
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                            La durée de conservation des données à caractère personnel est variable selon la finalité de la collecte. Ainsi, les données sont conservées pendant un temps défini et nécessaire à la réalisation de leur finalité. Aussi, selon le type de Données Personnelles, la durée de conservation peut varier entre quelques jours et plusieurs années.
                            `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        SECURITE
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                            Talents tube s’engage à assurer la protection des données personnelles par la mise en place de mesures techniques et organisationnelles appropriées.
                            `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        VOS DROITS
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                            Vous disposez d'un droit d'accès, de rectification, de suppression, d’opposition et de portabilité des données. Nous disposons d’un délai de 30 jours à compter de votre demande pour apporter une réponse.
                            Vous pouvez demander une limitation du traitement des données collectées. L’exercice de ces droits peut exercer ce droit auprès de TALENTS TUBE en adressant une requête soit par voie postale à l'adresse suivante : 3 Rue Louis de Broglie, Village By CA 56000 Vannes, soit par courrier électronique via le formulaire présent sur la page Contact `
                        }<a  href="https://blog.talentstube.com/contact" className={classes.link} target="_blank">https://blog.talentstube.com/contact</a>{`. Cette requête devra être accompagnée d'une pièce d'identité revêtant la signature de l'Utilisateur et devra préciser l'adresse et le moyen par lesquelles une réponse pourra être envoyée..
                            `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        COOKIES
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                            Le site www.talentstube.com utilise des cookies. Il s’agit de petits fichiers téléchargés sur votre ordinateur qui permettent au site de fonctionner de manière fluide et sécurisée (cookies de session et de sécurité) et qui enregistrent des informations sur la façon dont nos visiteurs consultent notre site (cookies de pistage). Cela nous permet par exemple de savoir quelles sont les pages les plus consultées par nos visiteurs et combien de temps ces derniers passent sur notre site.
                            En paramétrant votre navigateur, vous avez la possibilité de désactiver les cookies ou d’être alerté lorsque des cookies sont sur le point d’être téléchargés sur votre ordinateur. Cependant, la désactivation de tous les cookies pourrait dans certains cas vous empêcher d’utiliser correctement toutes les fonctionnalités de ce site.
                            Vous avez la possibilité de désactiver les cookies en vous rendant dans les options de votre navigateur. Cliquez sur le lien correspondant à votre navigateur pour découvrir comment faire :
`
                        }
                        <a className={classes.link}  href="https://support.google.com/chrome/answer/95647?hl=fr" target="_blank">Google Chrome</a><br />
                        <a  href="https://support.mozilla.org/fr/kb/activer-desactiver-cookies" className={classes.link} target="_blank">Mozilla Firefox</a><br />
                        <a  href="http://support.apple.com/kb/PH17191?viewlocale=fr_FR&locale=en_US" className={classes.link} target="_blank">Safari</a><br />
                        <a href="http://help.opera.com/Windows/10.20/fr/cookies.html" className={classes.link} target="_blank">Opera</a><br />
                        <a href="http://windows.microsoft.com/fr-fr/internet-explorer/delete-manage-cookies#ie=ie-11" className={classes.link} target="_blank">Internet Explorer</a><br />
                        
                            `
                            Pour plus d’informations sur les cookies et la façon de les gérer, nous vous recommandons de consulter le site ` <a href="http://www.youronlinechoices.com/fr/" className={classes.link} target="_blank">www.youronlinechoices.com</a>{`, développé par l’organisme EDAA (European Interactive Digital Advertising Alliance).
                            `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        Google Analytics
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                           Ce site utilise le service d’analyse web Google Analytics. Cela nous permet d’analyser la façon dont les internautes utilisent notre site afin de leur proposer une meilleure expérience de navigation. Pour ce faire, Google Analytics utilise des cookies de pistage permettant de suivre le parcours d’un internaute sur le site. Ces cookies sont conservés pour une durée de 26 mois.
                           Nous avons activé l’anonymisation des adresses IP pour ce site. Cela signifie que les adresses IP collectées par Google Analytics sont systématiquement raccourcies pour rendre impossible l’identification des internautes. Dans certains cas exceptionnels, l’adresse IP complète peut être transférée sur un serveur de Google localisé aux Etats-Unis, et est ensuite raccourcie immédiatement sur celui-ci. Google utilise les informations récoltées via les cookies pour le compte de talents tube, dans le but d’analyser les habitudes de navigation des internautes et de fournir des rapports sur l’activité du site.
                           Google met à disposition des utilisateurs un plug-in pour leur navigateur leur permettant d’empêcher la récolte de données relatives à leur navigation sur les sites web utilisant Google Analytics.
                           Ce plug-in est disponible à cette adresse : `} <a href="https://tools.google.com/dlpage/gaoptout?hl=fr" className={classes.link} target="_blank">tools.google.com/dlpage/gaoptout</a>{`
                           `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        Google Remarketing
                    </Typography>
                    <Typography className={classes.text} gutterBottom align="left">
                        {
                            `
                           Ce site peut être amené à utiliser le service Google Remarketing, qui permet de proposer aux internautes des annonces publicitaires ciblées en fonction des sites consultés dans le réseau d’annonces de Google. Cela nous permet notamment d’utiliser vos données de navigation sur ce site afin de vous proposer des annonces ciblées lors que vous visitez d’autres sites du réseau Google. Vous avez la possibilité de désactiver cette fonctionnalité via le lien suivant : `} <Link href="http://www.google.com/settings/ads"><a className={classes.link} target="_blank">www.google.com/settings/ads</a></Link> {`
                            Si vous possédez un compte Google et que vous êtes connecté à celui-ci en visitant notre site, et si vous avez autorisé Google à lier votre historique de navigation à votre compte Google et d’utiliser cet historique pour personnaliser les annonces, Google liera les données de navigation recueillies grâce à Google Analytics à votre compte Google. Si vous utilisez votre compte Google sur plusieurs appareils, nos annonces pourront s’afficher sur ces autres appareils. Bien que Google collecte sur ce site des données liées à l’utilisation de comptes Google, talents tube ne peut en aucun cas en déduire l’identité des utilisateurs de comptes Google consultant le site.
                            Pour plus d’informations concernant la façon dont Google collecte et utilise ces données, nous vous invitons à consulter les règles de confidentialité de Google :`} <Link href="http://www.google.com/policies/privacy/"><a className={classes.link} target="_blank">www.google.com/policies/privacy</a></Link> {`
                           `
                        }
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
                        Autres cookies
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        PHPSESSID
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Conserve la configuration des paramètres des utilisateurs à travers les demandes de page.
                        Fournisseur : talentstube.com
                        Expiration : Session
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        __cfduid
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Utilisé par le réseau de contenu, Cloudlare, pour identifier le trafic web fiable.
                        Fournisseur : crisp.chat
                        Expiration : 1 an
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        lang
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Rappelle la version linguistique d'un site sélectionnée par l'utilisateur.
                        Fournisseur : ads.linkedin.com
                        Expiration : Session
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        _ga
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Enregistre un identifiant unique utilisé pour générer des données statistiques sur la façon dont le visiteur utilise le site.
                        Fournisseur : talents tube.com
                        Expiration : Session
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        _gat
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Utilisé par Google Analytics pour diminuer radicalement le taux de requêtes.
                        Fournisseur : talents tube.com
                        Expiration : Session
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        _gid
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Enregistre un identifiant utilisé pour générer des données statistiques sur le façon dont le visiteur utilise le site.
                        Fournisseur : talents tube.com
                        Expiration : Session
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        collect
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Collecte des données pour mesurer de façon efficace les annonces vues ou cliquées. Il permet d'afficher des annonces ciblées.
                        Fournisseur : Google.com
                        Expiration : Session
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        vuid
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Recueille des données sur les visites de l'utilisateur sur le site web, telles que les pages qui ont été consultées.
                        Fournisseur : vimeo.com
                        Expiration : 2 ans
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        BizoID
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Statistiques publicitaires LinkedIn
                        Fournisseur : ads.linkedin.com
                        Expiration : 29 jours
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        bscookie
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Utilisé par le service de réseau social, LinkedIn , pour le suivi de l'utilisation des services intégrés.
                        Fournisseur : ads.linkedin.com
                        Expiration : 2 ans
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        _hjIncludedInSample
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Détermine si la navigation de l'utilisateur doit être enregistrée dans un certain espace réservé pour les statistiques.
                        Fournisseur : talentstube.com
                        Expiration : Session
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        lidc
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Utilisé par le service de réseau social, LinkedIn , pour le suivi de l'utilisation des services intégrés.
                        Fournisseur : ads.linkedin.com
                        Expiration : Session
                    </Typography>



                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        r/collect
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Ce cookie est utilisé pour envoyer des données à Google Analytics sur l'appareil et le comportement du visiteur. Il piste le visiteur à travers différents appareils et canaux marketing.
                        Fournisseur : doubleclick.net
                        Expiration : Session
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        UserMatchHistory
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Ce cookie est utilisé pour envoyer des statistiques publicitaires LinkedIn.
                        Fournisseur : ads.linkedin.com
                        Expiration : 29 jours
                    </Typography>

                    <Typography className={classes.titleCookies} component="h3" gutterBottom align="left">
                        cookie.js
                    </Typography>
                    <Typography className={classes.textCookies} component="h3" gutterBottom align="left">
                        Non determiné
                        Fournisseur : talentstube.com
                        Expiration : Sessions
                    </Typography>
                </div>
            </LayoutBack>
        )
    }
}




export default withStyles(styles)(Confidentialite);