- Add Pack RGPD
This commit is contained in:
Vincent BRIDIER
parent
69a2aed8b9
commit
ca3adf339c
15 changed files with 65624 additions and 35 deletions
10899
package-lock.json
generated
10899
package-lock.json
generated
File diff suppressed because it is too large
Load diff
11437
public/css/app.css
vendored
11437
public/css/app.css
vendored
File diff suppressed because one or more lines are too long
585
public/css/cookies-ldc.css
vendored
Normal file
585
public/css/cookies-ldc.css
vendored
Normal file
|
|
@ -0,0 +1,585 @@
|
|||
/* DEBUT DU PARAMETRAGE */
|
||||
/* - Choix des FONTS */
|
||||
/* - Changement des couleurs et des polices */
|
||||
|
||||
:root{
|
||||
/* PARTIE A RENSEIGNER */
|
||||
--primary-color: #00245a;
|
||||
--secondary-color: #707070;
|
||||
--background-color: #ffffff;
|
||||
--title-font: "MyriadProBlack", sans-serif;
|
||||
--title-size: 30px;
|
||||
--text-font: "MyriadProItalic", sans-serif;
|
||||
--text-size: 16px;
|
||||
--accept-color: #33aa33;
|
||||
--deny-color: #aa3333;
|
||||
|
||||
/* PARTIE A RENSEIGNER FACULTATIF */
|
||||
/* FENETRE D'ACCUEIL */
|
||||
--ck-bg-color: var(--background-color);
|
||||
/* Title settings */
|
||||
--ck-w1-bgcolor-title: var(--background-color);
|
||||
--ck-w1-font-family-title: var(--title-font);
|
||||
--ck-w1-font-size-title: var(--title-size);
|
||||
--ck-w1-color-title: #000000;
|
||||
|
||||
/* Text settings */
|
||||
--ck-w1-font-family-txt: var(--text-font);
|
||||
--ck-w1-font-size-txt: var(--text-size);
|
||||
--ck-w1-color-txt: var(--primary-color);
|
||||
--ck-w1-color-href-hover: var(--secondary-color);
|
||||
|
||||
/* Button settings */
|
||||
--ck-w1-color-btn: var(--primary-color);
|
||||
--ck-w1-color-btn-hover: var(--secondary-color);
|
||||
--ck-w1-font-family-btn-txt: var(--text-font);
|
||||
--ck-w1-font-size-btn-txt: var(--text-size);
|
||||
--ck-w1-color-btn-txt: #ffffff;
|
||||
--ck-w1-color-btn-txt-hover: #ffffff;
|
||||
--ck-w1-color-btn-border: transparent;
|
||||
--ck-w1-color-btn-border-hover: transparent;
|
||||
|
||||
/* FENETRE DE PERSONNALISATION */
|
||||
--ck-bg-color-modal-wrapper: #ffffff;
|
||||
/* Title settings */
|
||||
--ck-w2-bgcolor-title: var(--primary-color);
|
||||
--ck-w2-font-family-title: var(--title-font);
|
||||
--ck-w2-font-size-title: var(--title-size);
|
||||
--ck-w2-color-title: #ffffff;
|
||||
|
||||
/* Text settings */
|
||||
--ck-w2-font-family-txt: var(--text-font);
|
||||
--ck-w2-font-size-txt: var(--text-size);
|
||||
--ck-w2-color-txt: #ffffff;
|
||||
--ck-w2-color-href-hover: #000000;
|
||||
|
||||
/* Accept/Deny btn settings */
|
||||
--ck-color-accept: #808080;
|
||||
--ck-color-accept-hover: var(--accept-color);
|
||||
--ck-color-deny: #808080;
|
||||
--ck-color-deny-hover: var(--deny-color);
|
||||
--ck-color-txt: #ffffff;
|
||||
--ck-color-txt-hover: #ffffff;
|
||||
|
||||
/* Cookies list settings */
|
||||
--ck-bgcolor-list: #e4e4e4;
|
||||
--ck-font-family-list: var(--text-font);
|
||||
--ck-font-size-list: var(--text-size);
|
||||
--ck-color-list: #000000;
|
||||
}
|
||||
/* FIN DU PARAMETRAGE */
|
||||
|
||||
/* MOBILE FIRST */
|
||||
#ldcweb-cn *,#ldcweb-cn *::before, #ldcweb-cn *::after {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#template{display: none;}
|
||||
#ldcweb-cn.open-banner .ldcweb-cn-banner{display: flex;}
|
||||
#ldcweb-cn.open-modal #ldcweb-cn-modal{display: flex;}
|
||||
#ldcweb-cn.open-banner, #ldcweb-cn.open-modal{display: flex;}
|
||||
#ldcweb-cn {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
position: fixed;
|
||||
left: 0; right: 0;
|
||||
top: 0; bottom: 0;
|
||||
width: 100%; height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
z-index: 99999999999;
|
||||
opacity: 1;
|
||||
line-height: initial;
|
||||
}
|
||||
|
||||
#ldcweb-cn p,
|
||||
#ldcweb-cn a{
|
||||
font-family: var(--ck-w1-font-family-txt);
|
||||
font-size: var(--ck-w1-font-size-txt);
|
||||
color: var(--ck-w1-color-txt);
|
||||
}
|
||||
#ldcweb-cn a{
|
||||
text-decoration: underline;
|
||||
transition: color .5s;
|
||||
}
|
||||
#ldcweb-cn a:hover{color: var(--ck-w1-color-href-hover);}
|
||||
#ldcweb-cn .ldcweb-cn-banner, #ldcweb-cn-modal .modal-wrapper{
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
#ldcweb-cn .ldcweb-cn-banner{
|
||||
display: none;
|
||||
padding: 6vw 10vw;
|
||||
max-height: 50vh;
|
||||
|
||||
box-shadow: 0px 5px 10px -5px #000 inset;
|
||||
background-color: var(--ck-bg-color);
|
||||
}
|
||||
#ldcweb-cn .ldcweb-cn-banner div:not(:last-child){margin-bottom: 4vw;}
|
||||
#ldcweb-cn .banner-img{
|
||||
flex: 1;
|
||||
max-width: 200px;
|
||||
}
|
||||
#ldcweb-cn .banner-img img{width: 100%;}
|
||||
#ldcweb-cn .col{flex: 2;}
|
||||
#ldcweb-cn .banner-title p{
|
||||
font-family: var(--ck-w1-font-family-title);
|
||||
font-size: var(--ck-w1-font-size-title);
|
||||
font-weight: bold;
|
||||
color: var(--ck-w1-color-title);
|
||||
text-align: center;
|
||||
}
|
||||
#ldcweb-cn .banner-txt{text-align: center;}
|
||||
#ldcweb-cn .btns {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
#ldcweb-cn .btns .btn {
|
||||
display: block;
|
||||
/* flex: 1; */
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
min-width: 12em;
|
||||
width: 100%;
|
||||
line-height: 0;
|
||||
|
||||
background-color: var(--ck-w1-color-btn);
|
||||
text-decoration: none;
|
||||
font-family: var(--ck-w1-font-family-btn-txt);
|
||||
font-size: var(--ck-w1-font-size-btn-txt);
|
||||
color: var(--ck-w1-color-btn-txt);
|
||||
transition: all .5s;
|
||||
}
|
||||
#ldcweb-cn .btns .btn:hover {
|
||||
background-color: var(--ck-w1-color-btn-hover);
|
||||
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
||||
color: var(--ck-w1-color-btn-txt-hover);
|
||||
}
|
||||
|
||||
/* MODAL */
|
||||
#ldcweb-cn-modal {
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: fixed;
|
||||
left: 0; right: 0;
|
||||
top: 0; bottom: 0;
|
||||
width: 100%; height: 100%;
|
||||
z-index: 200;
|
||||
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
opacity: 1;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-wrapper{
|
||||
position: relative;
|
||||
background-color: var(--ck-bg-color-modal-wrapper);
|
||||
max-height: 100vh;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-wrapper > div:not(:first-of-type){width: 100%;}
|
||||
#ldcweb-cn-modal .modal-btn-close{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 5vw; height: 6vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-btn-close a{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: medium;
|
||||
font-weight: bold;
|
||||
color: var(--ck-w2-color-title);
|
||||
background-color: var(--ck-w2-bgcolor-title);
|
||||
text-decoration: none;
|
||||
border-radius: 0 0 0 50%;
|
||||
transition: all .5s;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-btn-close a:hover{
|
||||
color: #000000;
|
||||
background-color: #808080;
|
||||
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
||||
box-shadow: -1px 1px 10px -4px #000;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-title, #ldcweb-cn-modal .modal-all
|
||||
{background-color: var(--ck-w2-bgcolor-title);}
|
||||
#ldcweb-cn-modal .modal-title .description,
|
||||
#ldcweb-cn-modal .modal-title > div,
|
||||
#ldcweb-cn-modal .modal-all{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-title .description,
|
||||
#ldcweb-cn-modal .modal-title > div a,
|
||||
#ldcweb-cn-modal .modal-all p,
|
||||
#ldcweb-cn-modal .modal-all a{
|
||||
font-family: var(--ck-w2-font-family-txt);
|
||||
font-size: var(--ck-w2-font-size-txt);
|
||||
color: var(--ck-w2-color-txt);
|
||||
text-align: center;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-title > div a:hover,
|
||||
#ldcweb-cn-modal .modal-all a:hover
|
||||
{color: var(--ck-w2-color-href-hover);}
|
||||
/* TITLE */
|
||||
#ldcweb-cn-modal .modal-wrapper .modal-title{padding: 4vw;}
|
||||
#ldcweb-cn-modal .modal-title .title{
|
||||
font-family: var(--ck-w2-font-family-title);
|
||||
font-size: var(--ck-w2-font-size-title);
|
||||
font-weight: bold;
|
||||
color: var(--ck-w2-color-title);
|
||||
text-align: center;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-title .title::after,
|
||||
#ldcweb-cn-modal .modal-title > div::after{
|
||||
content: "";
|
||||
display: block;
|
||||
width: 90%; height: 2px;
|
||||
margin: 4vw auto;
|
||||
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
}
|
||||
#ldcweb-cn-modal .modal-title a{width: fit-content;}
|
||||
/* ALL */
|
||||
#ldcweb-cn-modal .modal-wrapper .modal-all{padding: 0 4vw 4vw;}
|
||||
#ldcweb-cn-modal .modal-all .all-buttons{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-all .all-buttons > div{
|
||||
width: calc(100% + 15vw);
|
||||
margin: 2vw 0 0;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-all a{
|
||||
display: block;
|
||||
padding: 3vw 0;
|
||||
|
||||
color: var(--ck-color-txt);
|
||||
/* font-weight: bold; */
|
||||
text-decoration: none;
|
||||
transition: all .5s;
|
||||
}
|
||||
#ldcweb-cn-modal .all-buttons > div.accept > a.active {
|
||||
background-color: var(--ck-color-accept-hover);
|
||||
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
||||
}
|
||||
#ldcweb-cn-modal .all-buttons > div.deny > a.active {
|
||||
background-color: var(--ck-color-deny-hover);
|
||||
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
||||
}
|
||||
#ldcweb-cn-modal .modal-all > div > div:first-of-type a{background-color: var(--ck-color-accept);}
|
||||
#ldcweb-cn-modal .modal-all > div > div:last-of-type a{background-color: var(--ck-color-deny);}
|
||||
#ldcweb-cn-modal .modal-all > div > div:first-of-type a:hover{
|
||||
color: var(--ck-color-txt-hover);
|
||||
background-color: var(--ck-color-accept-hover);
|
||||
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
||||
}
|
||||
#ldcweb-cn-modal .modal-all > div > div:last-of-type a:hover{
|
||||
color: var(--ck-color-txt-hover);
|
||||
background-color: var(--ck-color-deny-hover);
|
||||
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
||||
}
|
||||
/* DETAILS */
|
||||
#ldcweb-cn-modal .modal-wrapper .modal-details{padding: 2vw 0;}
|
||||
#ldcweb-cn-modal .modal-details ul{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details li > div{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
margin: 2vw 0;
|
||||
padding: 2vw 4vw;
|
||||
|
||||
background-color: var(--ck-bgcolor-list);
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details li span,
|
||||
#ldcweb-cn-modal .modal-details li a,
|
||||
#ldcweb-cn-modal .modal-details li label{
|
||||
font-family: var(--ck-font-family-list);
|
||||
font-size: var(--ck-font-size-list);
|
||||
color: var(--ck-color-list);
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details li a:hover{color:var(--secondary-color);}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-infos{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-infos span:first-of-type{
|
||||
font-size: calc(var(--ck-font-size-list) * 1.25);
|
||||
font-weight: bold;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-infos a{width: fit-content;}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons{display: flex;}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type,
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type
|
||||
{transition: all .5s;}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type{
|
||||
margin-right: 2vw;
|
||||
background: var(--ck-color-accept);
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type{background: var(--ck-color-deny);}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{
|
||||
width: 25vw;
|
||||
margin: 2vw 0;
|
||||
display: table;
|
||||
|
||||
/* font-weight: bold; */
|
||||
text-align: center;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type:hover,
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type:hover{
|
||||
cursor: pointer;
|
||||
background: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:hover > label{color: var(--ck-color-txt-hover);}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type input:checked ~ label,
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type input ~label.active{
|
||||
background-color: var(--ck-color-accept-hover);
|
||||
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type input:checked ~ label,
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type input ~ label.active{
|
||||
background-color: var(--ck-color-deny-hover);
|
||||
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons input{display: none;}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons label{
|
||||
display: block;
|
||||
padding: 1.5vw 0;
|
||||
|
||||
color: var(--ck-color-txt);
|
||||
transition: color .5s;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons label:hover{
|
||||
cursor: pointer;
|
||||
color: var(--ck-color-txt-hover);
|
||||
}
|
||||
|
||||
/* ************************* */
|
||||
/* ** ** */
|
||||
/* ************************* */
|
||||
/* ** ** */
|
||||
/* ** ** */
|
||||
/* ** ** */
|
||||
/* ** ** */
|
||||
/* ** ** */
|
||||
/* ** ** */
|
||||
/* ** ** */
|
||||
/* ******* */
|
||||
@media only screen and (min-width:768px) {
|
||||
#ldcweb-cn .ldcweb-cn-banner{
|
||||
padding-top: 4vw;
|
||||
padding-bottom: 4vw;
|
||||
}
|
||||
#ldcweb-cn .btns {flex-direction: row;}
|
||||
#ldcweb-cn .btns > div:first-child,
|
||||
#ldcweb-cn .btns > div:last-child
|
||||
{margin-top: 0;}
|
||||
#ldcweb-cn .btns > div:not(:last-child) {margin: 0 2vw 0 0;}
|
||||
|
||||
/* MODAL */
|
||||
#ldcweb-cn-modal .modal-wrapper{width: 90vw;}
|
||||
/* ALL */
|
||||
#ldcweb-cn-modal .modal-all{
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-all a{padding: 2vw 0;}
|
||||
#ldcweb-cn-modal .modal-all .all-buttons > div{margin: 0;}
|
||||
#ldcweb-cn-modal .modal-all .all-buttons > div:last-of-type{margin: 1vw 0 0;}
|
||||
#ldcweb-cn-modal .modal-all a{width: 30vw;}
|
||||
/* DETAILS */
|
||||
#ldcweb-cn-modal .modal-details li > div{flex-direction: row;}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons{flex-direction: column;}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{
|
||||
width: 20vw;
|
||||
margin: 0;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type{margin: 0 0 1vw;}
|
||||
}
|
||||
|
||||
/* **** */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* **** */
|
||||
@media only screen and (min-width:1024px) {
|
||||
#ldcweb-cn .ldcweb-cn-banner{
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
padding: 2vw 3vw;
|
||||
}
|
||||
#ldcweb-cn .ldcweb-cn-banner div:not(:last-child){margin: 0 0 .5em 0;}
|
||||
#ldcweb-cn .ldcweb-cn-banner > div:not(:last-child){margin: 0 4vw 0 0;}
|
||||
#ldcweb-cn .ldcweb-cn-banner .banner-img{
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
#ldcweb-cn .banner-img img{height: fit-content;}
|
||||
|
||||
#ldcweb-cn .banner-txt{text-align: start;}
|
||||
#ldcweb-cn .btns {
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
#ldcweb-cn .btns > div:first-child .btn{margin: 0;}
|
||||
/* MODAL */
|
||||
#ldcweb-cn-modal .modal-wrapper{width: 80vw;}
|
||||
#ldcweb-cn-modal .modal-btn-close{
|
||||
width: 3vw;
|
||||
height: 3vw;
|
||||
}
|
||||
/* TITLE */
|
||||
#ldcweb-cn-modal .modal-wrapper .modal-title{padding: 2vw;}
|
||||
#ldcweb-cn-modal .modal-title .title::after,
|
||||
#ldcweb-cn-modal .modal-title > div::after{margin: 2vw auto;}
|
||||
/* ALL */
|
||||
#ldcweb-cn-modal .modal-wrapper .modal-all{padding: 0 2vw 2vw;}
|
||||
#ldcweb-cn-modal .modal-all a{padding: 1.5vw 0;}
|
||||
#ldcweb-cn-modal .modal-all .all-buttons{flex-direction: row;}
|
||||
#ldcweb-cn-modal .modal-all .all-buttons > div:first-of-type{margin: 0 1vw 0 0;}
|
||||
#ldcweb-cn-modal .modal-all .all-buttons > div:last-of-type{margin: 0;}
|
||||
#ldcweb-cn-modal .modal-all a{width: 22vw;}
|
||||
/* DETAILS */
|
||||
#ldcweb-cn-modal .modal-wrapper .modal-details{padding: 1vw 0;}
|
||||
#ldcweb-cn-modal .modal-details li > div{
|
||||
margin: 1vw 0;
|
||||
padding: 2vw;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons{
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{
|
||||
width: 10vw;
|
||||
margin: 0;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type{margin: 0 1vw 0;}
|
||||
|
||||
}
|
||||
|
||||
/* ******** */
|
||||
/* * ***** * */
|
||||
/* * * * * */
|
||||
/* *** * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * * */
|
||||
/* * ************** */
|
||||
/* * * */
|
||||
/* ***************** */
|
||||
@media only screen and (min-width: 1440px) {
|
||||
#ldcweb-cn .col{flex: 4;}
|
||||
/* MODAL */
|
||||
#ldcweb-cn-modal .modal-wrapper{width: 60vw;}
|
||||
#ldcweb-cn-modal .modal-btn-close{
|
||||
width: 2vw;
|
||||
height: 2vw;
|
||||
}
|
||||
/* ALL */
|
||||
#ldcweb-cn-modal .modal-all .all-buttons > div:first-of-type{margin: 0 1vw 0 0;}
|
||||
#ldcweb-cn-modal .modal-all a{
|
||||
width: 15vw;
|
||||
padding: 1vw 0;
|
||||
}
|
||||
/* DETAILS */
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{width: 8vw;}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons label{padding: 1vw 0;}
|
||||
}
|
||||
|
||||
/* ************ */
|
||||
/* * **** */
|
||||
/* ********* * */
|
||||
/* ***** * */
|
||||
/* ** * */
|
||||
/* ** * */
|
||||
/* ********** * */
|
||||
/* * * */
|
||||
/* ********* * */
|
||||
/* ***** * */
|
||||
/* ** * */
|
||||
/* ** * */
|
||||
/* ********** * */
|
||||
/* * *** */
|
||||
/* ************ */
|
||||
@media only screen and (min-width: 1920px) {
|
||||
#ldcweb-cn p{font-size: calc(var(--ck-w1-font-size-txt) * 1.25);}
|
||||
#ldcweb-cn .banner-title p{font-size: calc(var(--ck-w1-font-size-title) * 1.25);}
|
||||
#ldcweb-cn .btns .btn {font-size: calc(var(--ck-w1-font-size-btn-txt) * 1.25);}
|
||||
|
||||
/* MODAL */
|
||||
#ldcweb-cn-modal .modal-wrapper{width: 50vw;}
|
||||
#ldcweb-cn-modal .modal-btn-close{
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-title .description,
|
||||
#ldcweb-cn-modal .modal-title > div a,
|
||||
#ldcweb-cn-modal .modal-all p,
|
||||
#ldcweb-cn-modal .modal-all a
|
||||
{font-size: calc(var(--ck-w2-font-size-txt) * 1.25);}
|
||||
/* TITLE */
|
||||
#ldcweb-cn-modal .modal-wrapper .modal-title{padding: 1vw;}
|
||||
#ldcweb-cn-modal .modal-title .title{font-size: calc(var(--ck-w2-font-size-title) * 1.25);}
|
||||
#ldcweb-cn-modal .modal-title .title::after,
|
||||
#ldcweb-cn-modal .modal-title > div::after{margin: 1vw auto;}
|
||||
/* ALL */
|
||||
#ldcweb-cn-modal .modal-wrapper .modal-all{padding: 0 1vw 1vw;}
|
||||
#ldcweb-cn-modal .modal-all a{
|
||||
width: 13vw;
|
||||
padding: .5vw 0;
|
||||
}
|
||||
/* DETAILS */
|
||||
#ldcweb-cn-modal .modal-wrapper .modal-details{padding: .5vw 0;}
|
||||
#ldcweb-cn-modal .modal-details li > div{
|
||||
margin: .5vw 0;
|
||||
padding: 1vw;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details li span,
|
||||
#ldcweb-cn-modal .modal-details li a,
|
||||
#ldcweb-cn-modal .modal-details li label
|
||||
{font-size: calc(var(--ck-font-size-list) * 1.25);}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-infos span:first-of-type{font-size: calc(var(--ck-font-size-list) * 1.5);}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons{
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{width: 5vw;}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type{margin: 0 1vw 0;}
|
||||
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons label{padding: .5vw 0;}
|
||||
}
|
||||
37118
public/js/app.js
vendored
37118
public/js/app.js
vendored
File diff suppressed because one or more lines are too long
1
public/js/ldcweb-cn.min.js
vendored
Normal file
1
public/js/ldcweb-cn.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
5232
public/loue/css/app.css
vendored
5232
public/loue/css/app.css
vendored
File diff suppressed because one or more lines are too long
BIN
public/loue/img/logo_loue.png
Normal file
BIN
public/loue/img/logo_loue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 75 KiB After Width: | Height: | Size: 76 KiB |
31
resources/themes/loue/css/_index.scss
vendored
31
resources/themes/loue/css/_index.scss
vendored
|
|
@ -69,6 +69,9 @@ header {
|
|||
font-family: MyriadProSemiBoldIt;
|
||||
}
|
||||
}
|
||||
& h1 {
|
||||
font-family: MyriadProBlack;
|
||||
}
|
||||
}
|
||||
|
||||
& .body {
|
||||
|
|
@ -130,6 +133,20 @@ header {
|
|||
width: 63px;
|
||||
}
|
||||
}
|
||||
|
||||
&.legals {
|
||||
margin-top:10px;
|
||||
margin-bottom:10px;
|
||||
color: $blue;
|
||||
font-family: 'MyriadProBoldIt', sans-serif;
|
||||
& h2 {
|
||||
text-transform: uppercase;
|
||||
font-family: 'MyriadProBlack', sans-serif;
|
||||
&:not(:first-child) {
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .footer {
|
||||
|
|
@ -332,13 +349,19 @@ header {
|
|||
font-family: MyriadProBold;
|
||||
color: $yellow;
|
||||
}
|
||||
& img {
|
||||
width: 40px;
|
||||
& .icons {
|
||||
display: flex;
|
||||
& a {
|
||||
padding: 5px;
|
||||
& img {
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
& a {
|
||||
&:last-child {
|
||||
&.text {
|
||||
color: white;
|
||||
font-size: 25px;
|
||||
font-size: 14px;
|
||||
font-family: MyriadProBold;
|
||||
text-decoration: none;
|
||||
&:visited {
|
||||
|
|
|
|||
|
|
@ -14,3 +14,12 @@
|
|||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.container {
|
||||
& footer {
|
||||
height: auto !important;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
BIN
resources/themes/loue/img/logo_loue.png
Normal file
BIN
resources/themes/loue/img/logo_loue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
|
|
@ -6,28 +6,129 @@
|
|||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
||||
<title>Traçabilité Oeufs</title>
|
||||
<!-- Styles -->
|
||||
<link href="{{ asset('css/cookies-ldc.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('loue/css/app.css') }}" rel="stylesheet">
|
||||
<!-- jQuery -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-172817725-1"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'UA-172817725-1');
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
@yield('content')
|
||||
<footer>
|
||||
<p>Suivez-nous !</p>
|
||||
<a href="https://www.facebook.com/loue/" target="_blank"><img src="/loue/img/fb.png" alt="Facebook"></a>
|
||||
<a href="https://twitter.com/FermiersdeLoue" target="_blank"><img src="/loue/img/twitter.png" alt="Twitter"></a>
|
||||
<a href="https://www.instagram.com/fermiers_de_loue/" target="_blank"><img src="/loue/img/instagram.png" alt="Instagram"></a>
|
||||
<a href="https://www.loue.fr/" target="_blank">Loué.fr</a>
|
||||
<div class="icons">
|
||||
<a href="https://www.facebook.com/loue/" target="_blank"><img src="/loue/img/fb.png" alt="Facebook"></a>
|
||||
<a href="https://twitter.com/FermiersdeLoue" target="_blank"><img src="/loue/img/twitter.png" alt="Twitter"></a>
|
||||
<a href="https://www.instagram.com/fermiers_de_loue/" target="_blank"><img src="/loue/img/instagram.png" alt="Instagram"></a>
|
||||
</div>
|
||||
<a href="#cookies" class="ldcweb-cn-cookie-link text">Gestion des cookies</a>
|
||||
<a href="{{ route('policy') }}" class="text">Charte de confidentialité</a>
|
||||
<a href="{{ route('legals') }}" class="text">Mentions Légales</a>
|
||||
<a href="https://www.loue.fr/" target="_blank" class="text">Loué.fr</a>
|
||||
</footer>
|
||||
</div>
|
||||
<div id="ldcweb-cn">
|
||||
<div id="ldcweb-banner" class="ldcweb-cn-banner">
|
||||
<div class="banner-img">
|
||||
<img src="{{ asset('/loue/img/logo_loue.png') }}" alt="{{ __('Loué') }}">
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="banner-title">
|
||||
<p aria-level="h1">Le respect de votre vie privée est notre priorité</p>
|
||||
</div>
|
||||
<div class="banner-txt">
|
||||
<p>Ce site web stocke les cookies sur votre ordinateur. Loué utilise ces informations afin d’améliorer et de personnaliser votre expérience de navigation, ainsi que pour l'analyse et les indicateurs concernant nos visiteurs à la fois sur ce site web et sur d'autres supports.
|
||||
<br>Vous pouvez cliquer sur « Accepter » si vous consentez à l’utilisation de ces cookies.
|
||||
<br>Si vous refusez l'utilisation des cookies, vos informations ne seront pas suivies lors de votre visite sur ce site. Un cookie sera utilisé dans votre navigateur afin de se souvenir de ne pas suivre vos préférences. Certaines fonctionnalités ne seront pas accessibles.
|
||||
<br>Vous pouvez changer d’avis et modifier votre consentement à tout moment en revenant sur ce site.
|
||||
<br>Pour en savoir plus sur les cookies que nous utilisons, consultez notre <a href="/charte-confidentialite">politique de confidentialité</a>.
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btns">
|
||||
<div>
|
||||
<a href="#" id="ldcweb-cn-accept-banner" class="btn ldcweb-cn-accept">OK, TOUT ACCEPTER</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" id="ldcweb-cn-deny-banner" class="btn ldcweb-cn-deny">TOUT REFUSER</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" class="btn ldcweb-cn-personalize">Personnaliser</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ldcweb-cn-modal">
|
||||
<div class="modal-wrapper">
|
||||
<div class="modal-btn-close"><a href="#" id="close-link">X</a></div>
|
||||
<div class="modal-title">
|
||||
<p class="title" aria-level="h2">Panneau de gestion des cookies</p>
|
||||
<p class="description">Les fonctionnalités de ce site s’appuient sur des services proposés par des tiers.
|
||||
<br>Si vous acceptez, ces tiers déposeront des cookies qui vous permettront de visualiser sur le site du contenu hébergé par ces tiers.
|
||||
<br>Via ces cookies, ces tiers collecteront et utiliseront vos données de navigation pour des finalités qui leur sont propres, conformément à leur politique de confidentialité (lien ci-dessous). Cette page vous permet de donner ou de retirer votre consentement, soit globalement soit service par service.
|
||||
</p>
|
||||
</div>
|
||||
<div class="modal-all">
|
||||
<p>Préférence pour tous les services</p>
|
||||
<div class="all-buttons">
|
||||
<div class="accept"><a href="#" id="ldcweb-cn-accept">Autoriser tous les cookies</a></div>
|
||||
<div class="deny"><a href="#" id="ldcweb-cn-deny">Interdire tous les cookies</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-details">
|
||||
<ul id="ldcweb-cn-list">
|
||||
</ul>
|
||||
<div id="template">
|
||||
<div>
|
||||
<div class="ldcweb-cn-infos">
|
||||
<span class="ldcweb-cn-name">Google Analytics (universal)</span>
|
||||
<span class="ldcweb-cn-description">Ce service peut déposer 8 cookies.</span>
|
||||
<a class="ldcweb-cn-link" href="#">En savoir plus</a>
|
||||
</div>
|
||||
<div class="ldcweb-cn-buttons">
|
||||
<div class="accept" id="accept-btn">
|
||||
<input type="radio" id="analytics1" name="analytics" data-name="analytics" data-status="true">
|
||||
<label for="analytics1">Autoriser</label>
|
||||
</div>
|
||||
<div class="deny" id="deny-btn">
|
||||
<input type="radio" id="analytics2" name="analytics" data-name="analytics" data-status="false">
|
||||
<label for="analytics2">Interdire</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="{{ asset('js/ldcweb-cn.min.js') }}"></script>
|
||||
<script>
|
||||
window.LDCWebCN = new LdcwebCn({
|
||||
'analytics': {
|
||||
'name': "MESURES D'AUDIENCE - Google Analytics",
|
||||
'description': 'Les services de mesure d\'audience permettent de générer des statistiques de fréquentation utiles à l\'amélioration du site.',
|
||||
'link': 'https://support.google.com/analytics/answer/6004245',
|
||||
'cookies': ['NID', '_ga', '_gat_gtag_UA_172817725_1', '_gid'],
|
||||
'script': function() {
|
||||
(function(d, t) {
|
||||
var g = d.createElement(t),
|
||||
s = d.getElementsByTagName(t)[0];
|
||||
g.src = 'https://www.googletagmanager.com/gtag/js?id=UA-172817725-1';
|
||||
g.id = 'analytics';
|
||||
s.parentNode.insertBefore(g, s)
|
||||
}(document, 'script'));
|
||||
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-172817725-1');
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
42
resources/views/themes/loue/legals.blade.php
Normal file
42
resources/views/themes/loue/legals.blade.php
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
<header>
|
||||
<a href="/search"><img src="/loue/img/logo.png" alt="Logo" class="logo"></a>
|
||||
</header>
|
||||
<div class="container">
|
||||
<div class="block blue">
|
||||
<div class="header">
|
||||
<p></p>
|
||||
<h1>Conditions générales d’utilisation</h1>
|
||||
</div>
|
||||
<div class="body legals">
|
||||
<h2>INTRODUCTION</h2>
|
||||
<p>
|
||||
Nous vous remercions de lire ces conditions générales d’utilisation qui régissent les conditions d’accès et d’utilisation du site tracabilite.loue.fr.
|
||||
<br><br>
|
||||
<b>Nous vous invitons à consulter régulièrement cette rubrique car la société Loué peut être amenée à la modifier à tout moment.</b>
|
||||
<br><br>
|
||||
Mise à jour le 17 janvier 2022.
|
||||
</p>
|
||||
<h2>MENTIONS LÉGALES</h2>
|
||||
<p>
|
||||
SYVOL QUALIMAINE – Fermiers de Loué - , la Cour du Bois, 72550 Coulans Sur Gée <br>
|
||||
Tel : +33 2 43 39 93 13 r<br>
|
||||
Mail : info@loue.fr r<br>
|
||||
SIREN 305 080 368 brr<br>
|
||||
TVA intracommunautaire : FR 41 305 080 368 <br>
|
||||
Directeur de la publication : Yves de la Fouchardière brr<br>
|
||||
</p>
|
||||
<h2>Droit d’auteur – Droit des marques – Protection des bases de données</h2>
|
||||
<p>
|
||||
La présentation et le contenu du site constituent, ensemble, une œuvre protégée par les lois en vigueur des droits d’auteur, de la propriété intellectuelle et industrielle. Les dénominations ou appellations, les logos sont, sauf indications particulières, des marques déposées. Les créations apparaissant éventuellement sur le site (dessins, photographies, images, textes, séquences animées sonores ou non et autres documentations représentées), sont objets de droits d’auteur, de propriété industrielle et/ou intellectuelle et sont, selon les cas, propriété de la société LOUE ou de tiers ayant autorisé la société LOUE à les utiliser.
|
||||
<br><br>
|
||||
Aucune exploitation commerciale, reproduction, représentation, utilisation, adaptation, modification, incorporation, traduction, commercialisation, partielle ou intégrale de ces éléments (y compris ceux téléchargeables ou copiables) ne pourra en être faite sans l’accord préalable et écrit de la société LOUE, à l’exception de l’utilisation pour un usage privé sous réserve des dispositions différentes voire plus restrictives du Code de la propriété intellectuelle. Tout contrevenant s’expose aux sanctions visées aux articles L 343-1 et suivants du Code de la propriété intellectuelle.
|
||||
</p>
|
||||
<h2>Vie privée – Données personnelles – Cookies</h2>
|
||||
<p>
|
||||
Nous vous invitons à vous reporter à notre Charte de confidentialité en <a href="{{ route('policy') }}">cliquant ici</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
170
resources/views/themes/loue/policy.blade.php
Normal file
170
resources/views/themes/loue/policy.blade.php
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
<header>
|
||||
<a href="/search"><img src="/loue/img/logo.png" alt="Logo" class="logo"></a>
|
||||
</header>
|
||||
<div class="container">
|
||||
<div class="block blue">
|
||||
<div class="header">
|
||||
<p></p>
|
||||
<h1>Charte de confidentialité</h1>
|
||||
</div>
|
||||
<div class="body legals">
|
||||
<h2>INTRODUCTION</h2>
|
||||
<p>
|
||||
Le nouveau Règlement Général de l’Union Européenne sur la Protection des Données (RGPD), entré en vigueur le 25 mai 2018, vise à mieux encadrer la collecte, le traitement et l’utilisation de vos données personnelles. LOUE, en sa qualité de responsable du traitement, renforce ses engagements pour garantir la protection et la sécurité des données à caractère personnel que vous lui confiez.
|
||||
<br><br>
|
||||
A ce titre, la présente Charte de confidentialité vous informe sur le type de données que nous collectons, comment nous les traitons, dans quelles finalités, de manière à rendre leur utilisation la plus adaptée à vos besoins.
|
||||
<br><br>
|
||||
Le responsable de traitement, qui collecte et gère vos données, est la société LOUE, société par actions simplifiée au capital social de 19 390 000 euros immatriculée au registre du commerce et des sociétés de Créteil sous le numéro 327 280 368, dont le siège social est 22-24 rue Saarinen 94150 Rungis, représentée par Stéphane Sallé.
|
||||
<br><br>
|
||||
Pour toute question relative à notre Charte de confidentialité, merci de nous contacter via le formulaire de contact suivant :
|
||||
<br><br>
|
||||
privacy@loue.fr
|
||||
<br><br>
|
||||
Nous vous invitons à consulter régulièrement cette rubrique car LOUE peut être amené à la modifier à tout moment.
|
||||
<br><br>
|
||||
La présente Charte de confidentialité a été mise à jour le 17/01/2022.
|
||||
</p>
|
||||
<h2>NOS ENGAGEMENTS</h2>
|
||||
<p>
|
||||
Conformément à la réglementation relative à la protection des données personnelles et à la vie privée, notamment la loi n°78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés dite loi « Informatique et Libertés » et au Règlement (UE) 2016/679 du 25 mai 2018 relatif à la protection des personnes physiques à l’égard du traitement des données à caractère personnel et à la libre circulation de ces données, (ci-après le « Règlement RGPD»), LOUE s’engage à respecter les principes suivants :
|
||||
<br>
|
||||
<ul>
|
||||
<li>Consentement: vous devez avoir consenti à la collecte et au traitement de vos données. Si tel n’était pas le cas ou si vous avez changé d’avis, merci de vous reporter à l’article ci-dessous relatif à vos droits.</li>
|
||||
<li>Limitation des données collectées: nous ne collectons que les données qui sont strictement nécessaires au traitement et à l’utilisation envisagée. Nous vous rappelons qu’il n’y a aucune obligation à nous transmettre ces données. Toutefois certains services ou opérations promotionnelles nécessitent certaines données, faute de quoi vous ne pourriez y accéder.</li>
|
||||
<li>Limitation des finalités: les données que nous collectons sont traitées uniquement dans les finalités décrites ci-dessous.</li>
|
||||
<li>Limitation des durées de conservation: vos données sont conservées uniquement le temps nécessaire aux finalités de traitement pour lequel elles ont été collectées. Au-delà de cette durée si aucune obligation légale impose leur conservation, nous veillerons à ce que vos données soient supprimées, détruites ou anonymisées.</li>
|
||||
<li>Protection des données: en vue de sécuriser vos données et leur traitement, nous avons mis en place des mesures techniques et organisationnelles détaillées ci-dessous.</li>
|
||||
<li>Transparence et loyauté: lorsque LOUE collecte une donnée vous concernant, nous vous informons de l’utilisation qui en sera faite. C’est pourquoi nous vous conseillons de lire attentivement les informations qui vous sont transmises à travers notre site internet.</li>
|
||||
<li>Le site internet ne vise pas comme public les mineurs. L’accès au site ne leur est toutefois pas interdit car il ne présente pas de contenus interdits aux personnes de moins de 18 ans. Si des informations étaient recueillies sur un mineur par le site, le représentant légal du mineur peut à tout moment nous contacter pour exercer ses droits (voir la rubrique ci-dessous « quels sont vos droits ? »).</li>
|
||||
</ul>
|
||||
</p>
|
||||
<h2>QUELLES DONNÉES PERSONNELLES SONT COLLECTEES ?</h2>
|
||||
<p> Au sens du Règlement RGPD, une donnée à caractère personnel désigne toute information relative à une personne physique identifiée ou identifiable.
|
||||
<br><br>
|
||||
Les données personnelles collectées varient en fonction du but de la collecte et du service dont vous souhaitez bénéficier.
|
||||
<br><br>
|
||||
La société LOUE est amenée à collecter les catégories de données personnelles suivantes :
|
||||
<br><br>
|
||||
Coordonnées personnelles (nom, prénom, adresse e-mail, date de naissance, code postal et ville, taille du foyer, préférence de consommation) ;
|
||||
Identifiants utilisés pour accéder à votre compte en ligne (adresse IP, adresse e-mail et mot de passe);
|
||||
Historiques de navigation, telles que les pages visitées et actions sur le site.
|
||||
Vous vous engagez à fournir des données personnelles actualisées et valides et garantissez ne faire aucune fausse déclaration et ne donner aucune information erronée.
|
||||
</p>
|
||||
<h2>POURQUOI VOS DONNEES PERSONNELLES SONT COLLECTEES ?</h2>
|
||||
<p> Vos données peuvent être collectées dans la mesure où vous avez consenti de manière spécifique, libre et éclairée. Elles peuvent également être collectées pour satisfaire à l’exécution d’une obligation légale ou dans le cadre de la relation contractuelle construite avec vous (notamment conditions générales d’utilisation, conditions générales de vente) ou encore dans l’intérêt légitime de LOUE (par exemple pour assurer la sécurité des transactions).
|
||||
<br><br>
|
||||
Nous collectons vos données personnelles afin de vous fournir la meilleure expérience utilisateur à travers notre site internet.
|
||||
<br><br>
|
||||
Ces données sont collectées aux fins suivantes :
|
||||
<br>
|
||||
<ul>
|
||||
<li>Gestion des fonctionnalités et de la qualité du site internet.</li>
|
||||
<li>Développement et amélioration des produits LOUE et des services «Tracabilité».</li>
|
||||
</ul>
|
||||
</p>
|
||||
<h2>QUELS SONT VOS DROITS ?</h2>
|
||||
<p> Vous disposez d’un certain nombre de droits concernant vos données personnelles listés ci-dessous.
|
||||
<br><br>
|
||||
Droit d’accès <br>
|
||||
Vous pouvez demander la communication de vos données sous une forme accessible, la confirmation que vos données font ou ne font plus l’objet d’un traitement ainsi que la communication des informations relatives à vos données. Afin que vos données personnelles soient exactes, complètes, pertinentes et à jour, vous avez le droit d’accéder, de corriger ou de mettre à jour vos données personnelles à tout moment.
|
||||
<br><br>
|
||||
Droit de rectification <br>
|
||||
Vous êtes en droit de demander à ce que vos données soient rectifiées, complétées ou mises à jour lorsqu’elles sont inexactes, incomplètes, équivoques ou périmées.
|
||||
<br><br>
|
||||
Droit à l’effacement <br>
|
||||
Vous avez le droit de demander la suppression de vos données personnelles notamment lorsqu’elles ne sont plus nécessaires aux finalités pour lesquelles elles ont été collectées. Si les données personnelles collectées ne sont plus nécessaires à aucune finalité et qu’aucune obligation légale nous impose de les conserver, nous mettrons tout en œuvre pour supprimer, détruire ou anonymiser ces données.
|
||||
<br><br>
|
||||
Droit à la limitation du traitement <br>
|
||||
Vous avez le droit de demander la limitation du traitement de vos données personnelles si :
|
||||
<br>
|
||||
<ul>
|
||||
<li>vous contestez l’exactitude des données;</li>
|
||||
<li>vous souhaitez limiter le traitement des données qui n’avaient pas été traitées de manière licite plutôt que leur suppression;</li>
|
||||
<li>nous n’avons plus besoin de vos données personnelles mais celles-ci sont nécessaires pour la constatation, l’exercice ou la défense de vos droits en justice;</li>
|
||||
<li>vous vous êtes opposés au traitement de vos données personnelles et attendez de savoir si vos intérêts liés à cette objection l’emportent sur les motifs légitimes que nous poursuivons.</li>
|
||||
</ul>
|
||||
Droit à la portabilité de vos données <br>
|
||||
Lorsque le traitement est effectué à partir de procédés automatisés et que vous avez librement consenti au traitement de vos données personnelles pour une finalité que nous vous avions communiqué au préalable ; ou lorsque nous traitons vos données dans le cadre d’une opération commerciale (ex : vous fournir un produit) vous avez le droit de demander :
|
||||
<br>
|
||||
<ul>
|
||||
<li>à recevoir vos données personnelles dans un format structuré, couramment utilisé et lisible par une machine;</li>
|
||||
<li>à ce que vos données personnelles soient transmises directement à une autre responsable de traitement, lorsque que cela est techniquement possible.</li>
|
||||
</ul>
|
||||
Droit d’opposition <br>
|
||||
Lorsque vos données sont traitées à des fins de prospection commerciale, vous avez le droit, à tout moment, de vous opposer au traitement de vos données personnelles et ce sans motif.
|
||||
<br><br>
|
||||
Droit de porter réclamation auprès de la CNIL <br>
|
||||
Si vous estimez que le traitement de vos données personnelles constitue une violation de la réglementation, vous pouvez introduire une réclamation auprès d’une autorité de contrôle, telle que la CNIL.
|
||||
<br><br>
|
||||
Vous pouvez exercer ces droits à tout moment en nous contactant via le formulaire suivant :
|
||||
<br>
|
||||
privacy@loue.fr
|
||||
<br><br>
|
||||
Vous recevrez une réponse de notre part dans un délai d’un mois à compter de la réception de la demande. En cas de demande complexe ou du nombre important de demandes, le délai peut être prolongé de deux mois.
|
||||
<br><br>
|
||||
L’exercice des droits se fait à titre gratuit. Si toutefois la demande était manifestement infondée ou excessive, LOUE se réserve la possibilité d’appliquer des frais administratifs ou de refuser de donner suite à la demande.
|
||||
</p>
|
||||
<h2>COMMENT VOS DONNEES PERSONNELLES SONT PROTEGEES ?</h2>
|
||||
<p> Afin d’assurer la sécurité de vos données personnelles nous avons mis en place des mesures de sécurité, notamment des contrôles d’accès, des pare-feux, des serveurs sécurisés.
|
||||
<br><br>
|
||||
Ces mesures visent à protéger vos données personnelles contre toute perte, détournement, mauvaise utilisation, divulgation, modification, interférence, dommage, accès non autorisé des données.
|
||||
<br><br>
|
||||
En cas de violation de vos données personnelles susceptible d’engendrer un risque pour vos droits et libertés, LOUE en notifie la violation à la CNIL dans les meilleurs délais et, si possible, 72 heures au plus tard après en avoir pris connaissance. LOUE vous en informera dans les meilleurs délais.
|
||||
</p>
|
||||
<h2>ACCES A VOS DONNEES PERSONNELLES :</h2>
|
||||
<p> Vos données personnelles sont destinées au personnel de LOUE habilitée à les traiter, notamment le service marketing, développement durable, informatique, commercial, qualité et administratif.
|
||||
</p>
|
||||
<h2>PARTAGE DE VOS DONNÉES PERSONNELLES :</h2>
|
||||
<p> Conformément à la règlementation, quand nous sommes amenés à partager vos données personnelles avec des sous-traitants pour certaines finalités décrites dans la présente Charte, nous nous assurons que leur dispositif en matière de sécurité des données et de leur stockage est au moins aussi important que celui de notre organisation. Nous veillons également à ce qu’ils respectent les lois relatives à la protection des données personnelles dans des conditions au moins équivalentes à celles que nous respectons.
|
||||
<br><br>
|
||||
Par ailleurs, les sous-traitants étant amenés à traiter de vos données personnelles pour notre compte et sur nos instructions, nous nous engageons à ce que vos données personnelles ne soient pas partagées ou divulguées pour des finalités autres que celles décrites dans la présente Charte. Nous pouvons cependant être amenés à transmettre vos données, pour des finalités autres que celles prévues dans la Charte, dans les cas où leur communication est requise par la loi et les autorités gouvernementales.
|
||||
</p>
|
||||
<h2>TRANSFERT DE VOS DONNÉES EN DEHORS DE L’ESPACE ECONOMIQUE EUROPEEN :</h2>
|
||||
<p> Nous nous informons que vos données personnelles ne sont pas traitées en dehors de l’Espace Economique Européen (EEE). En cas de changement, nous vous en avertirons et mettrons tout en œuvre pour que ce transfert international de données dispose d’un niveau et de garanties de sécurité adéquats.
|
||||
</p>
|
||||
<h2>UTILISATION DES COOKIES :</h2>
|
||||
<p> Les cookies sont des petits fichiers textes contenant des informations propres vous concernant stockés sur le disque dur de l’équipement informatique avec lequel vous vous êtes connectés sur le site internet et pouvant être lus seulement par le serveur qui l’a fourni. Les cookies sont gérés par votre navigateur internet.
|
||||
<br><br>
|
||||
Les cookies indiquent la fréquentation des pages que vous visitez, ce qui nous aide à connaître les informations qui vous intéressent. Cela permet de vous offrir plus de contenu qui vous intéresse et moins de contenu qui ne vous intéresse pas.
|
||||
<br><br>
|
||||
Les cookies vous permettent de stocker des préférences et les noms des utilisateurs, enregistrer des produits et des services ou personnaliser des pages.
|
||||
<br><br>
|
||||
Ce site internet utilise directement ou indirectement des cookies :
|
||||
<br>
|
||||
<ul>
|
||||
<li>Des cookies à des fins de mesure d’audience, via Google Analytics. Les informations de navigation stockées sont : l’identifiant de session, l’adresse des pages consultées, les dates et heures des visites.</li>
|
||||
<li>Un cookie tiers est installé dans le cadre de l’utilisation du ReCaptcha de Google lors de l’envoi des formulaires de contact. Ce cookie sert à vérifier que le formulaire est bien complété par un utilisateur et non un robot.</li>
|
||||
<li>La lecture de vidéo peut provoquer l’installation de cookies provenant de Youtube et de Vimeo, service tiers utilisé pour la diffusion des vidéos sur le site. LOUE n’est ni dépositaire ni destinataire de ces données.</li>
|
||||
</ul>
|
||||
Vous avez le choix :
|
||||
<br>
|
||||
<ul>
|
||||
<li>d’accepter ces cookies en cliquant sur le bouton «Accepter » présent sur le bandeau Cookies, apparaissant au bas de votre page internet. Tant que vous n’avez pas accepté, les cookies ne pourront être stockés sur votre appareil ;</li>
|
||||
<li>de refuser ces cookies via le bouton «Refuser » et/ou « Paramétrer » présent sur le bandeau Cookies ;</li>
|
||||
<li>de personnaliser ces cookies en fonction des types de cookies et de leurs finalités.</li>
|
||||
</ul>
|
||||
Lorsque vous cliquez sur le bouton « Personnaliser » du bandeau Cookies, une liste s’affiche présentant les différents types de cookies par finalité. Si vous consentez au dépôt des cookies, il vous suffit de cliquer sur « autoriser » puis de cliquer sur la croix en haut de la fenêtre. Si vous refusez le dépôt des cookies, il vous suffit de cliquer sur le bouton « Interdire », et de fermer la fenêtre. Le dépôt des cookies est par défaut désactivé.
|
||||
<br><br>
|
||||
La durée de conservation de ces informations dans votre appareil est d’une durée maximale de 13 mois. A l’expiration de ce délai, nous recueillerons de nouveau votre consentement. Vous pouvez également à tout moment revenir sur votre consentement en cliquant sur la rubrique « Gestion des cookies » en bas du site internet.
|
||||
<br><br>
|
||||
Vous pouvez également paramétrer votre navigateur pour qu’il bloque l’utilisation des cookies.
|
||||
<br><br>
|
||||
Nous vous invitons à consulter le site de la CNIL pour en savoir plus sur le paramétrage de votre navigateur.
|
||||
</p>
|
||||
<h2>SITES INTERNET DE TIERS</h2>
|
||||
<p> Le site internet LOUE peut être associé à des sites internet tiers. Les sites hébergés par des tiers sont hors de notre contrôle. Lorsque vous renseignez des données personnelles sur un site internet tiers, le traitement de ces données n’est pas effectué sur notre site internet, mais sur le site internet tiers concerné. Toute donnée personnelle que vous fournissez sera collectée et traitée conformément à la politique relative à la confidentialité des données du tiers concerné.
|
||||
<br><br>
|
||||
Par conséquent, nous n’assumons aucune responsabilité concernant les pratiques exercées par lesdits tiers en matière de protection des données.
|
||||
</p>
|
||||
<h2>DROIT APPLICABLE</h2>
|
||||
<p>La présente Charte de confidentialité est régie et sera interprétée conformément au droit français.</p>
|
||||
<h2>NOUS CONTACTER</h2>
|
||||
<p>Si vous avez des questions, remarques ou réclamations relatives à la présente Charte de confidentialité, ou le traitement de vos données personnelles, veuillez-nous contacter à l’adresse :
|
||||
<br>
|
||||
privacy@loue.fr
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -79,6 +79,14 @@ Route::get('/{id}/details-emballage', function ($id) {
|
|||
Route::get('/{id}/portrait-eleveur/{eleveurId}', 'FrontController@EleveurPortrait')->name('portraitEleveur');
|
||||
//return view('themes.loue.elevages.portrait');
|
||||
|
||||
Route::get('/charte-confidentialite', function () {
|
||||
return view('themes.loue.policy');
|
||||
})->name('policy');
|
||||
|
||||
Route::get('/mentions-legales-cgu', function () {
|
||||
return view('themes.loue.legals');
|
||||
})->name('legals');
|
||||
|
||||
Route::get("/erreur", function () {
|
||||
return view('themes.loue.erreur404');
|
||||
})->name('erreur404');
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue