.xcookiebar-logo { background-image: url(//www.jmtp-figureau.fr/wp-content/plugins/xcookiebar/images/logo.svg) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
width: 30px !important;
height: 30px !important;
position: fixed !important;
margin-top: 2% !important;
bottom: 25px !important;
left: 25px !important;
cursor: pointer !important;
z-index: 9999 !important;
}
.xcookiebar-logo:hover {
width: 40px !important;
height: 40px !important;
}
.xcookiebar {
display: flex !important;
width: 350px !important;
height: 280px !important;
max-width: 100% !important;
z-index: 9999 !important;
background-color: #FCFCFC !important;
box-shadow: 4px 4px 7px 1px rgb(0,0,0,0.4) !important;
bottom: 80px !important;
left: -420px !important;
border: 0.25px solid #9E9E9E !important;
border-radius: 12px !important;
position: fixed !important;
max-height: 80vh !important;
transform-origin: left bottom !important;
flex-direction: column !important;
overflow-y: hidden !important;
-webkit-transition: left 1s linear !important;
-moz-transition: left 1s linear !important;
-o-transition: left 1s linear !important;
transition: left 1s linear !important;
}
.fade-in {
left: 25px !important;
}
.xcookiebar-wrap {
flex: 3.5 !important;
flex-direction: column !important;
display: flex !important;
overflow: hidden !important;
}
.xcookiebar-header {
margin: 15px 0px 0px 15px !important;
font-family: Montserrat, sans-serif !important;
float: left !important;
flex: 0.5 !important;
}
.xcookiebar-header-p {
display: block !important;
padding: 0 !important;
margin: 0 !important;
color: #000 !important;
}
.p1 {
font-size: 18px !important;
font-weight: lighter !important;
}
.p2 {
margin-top: -10px !important;
font-size: 26px !important;
font-weight: bold !important;
}
.xcookiebar-body {
flex: 3 !important;
text-align: justify !important;
color: #4F4F4F !important;
font-size: 13px !important;
font-weight: 300 !important;
margin: 2px 20px !important;
font-family: Montserrat, sans-serif !important;
}
.xcookiebar-body-a {
color: #4F4F4F !important;
text-decoration: underline !important;
}
.xcookiebar-body-a:visited {
color: #4F4F4F !important;
}
.xcookiebar-footer {
display: flex !important;
flex: 0.5 !important;
flex-direction: row !important;
text-align: center !important;
border: 0.25px #9E9E9E !important;
height: 30px !important;
align-items: center !important;
}
.xcookiebar-footer-btn {
color: #000 !important;
background-color: #FCFCFC !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 17.5px !important;
word-spacing: 0px !important;
border: 0.25px solid #EDEDED!important;
border-radius: 0px !important;
padding: 10px !important;
}
.deny {
flex: 1 !important;
border-bottom-left-radius: 12px !important;
font-weight: 400 !important;
}
.accept {
flex: 1 !important;
color: #353535 !important;
font-weight: bold !important;
border-bottom-right-radius: 12px !important;
}
.deny:hover, .accept:hover {
background-color: #EDEDED !important;
}
@media (max-width: 500px) {
.xcookiebar {
margin: 0 5% 2% 5% !important;
width: 90% !important;
max-height: 50% !important;
bottom: 0px !important;
}
.fade-in {
left: 0px !important;
}
.xcookiebar-wrap {
overflow-y: scroll !important;
}
}