/* Barre Générale */
.eu-cookies-bar-cookies-bar-wrap.eu-cookies-bar-cookies-bar-position-bottom_right  {
background: #fff;    
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 
  margin-bottom: 15px;
  margin-right: 2%;
  width: 550px;
    
}

/* Message principal */
.eu-cookies-bar-cookies-bar-message {
    padding: 15px 25px;
}


/* lien politique de confidentialité */
.eu-cookies-bar-cookies-bar a {
    text-decoration: underline;
}

/* div des Trois boutons */
@media screen and (max-width: 768px) {
  
.eu-cookies-bar-cookies-bar-button-wrap {
    flex-direction: column;
}
}

/*Accepter */
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-accept {
    order: 1;
    padding: 10px 25px;
    border-radius: 5px;
    width: 33%;
    margin: 5px;
}

@media screen and (max-width: 768px) {
  
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-accept {
   width: 100%;
 }
}


/* Refuser */
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-decline {
    order: 2;
    padding: 10px 25px;
    border-radius: 5px;
    width: 33%;
    margin: 5px;
}

@media screen and (max-width: 768px) {
  
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-decline {
   width: 100%;
 }
}

/* Voir les préférences */
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-settings {
    order: 3;
    padding: 10px 25px;
    border-radius: 5px;
    width: 33%;
    margin: 5px;
    
    text-decoration: none;
    background: #f2f2f2;
}

@media screen and (max-width: 768px) {
  
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-settings {
   width: 100%;
 }
}


/* Bandeau de réapparition des cookies */
.eu-cookies-bar-cookies-settings-call-button.eu-cookies-bar-cookies-bar-button-settings {
    background: #f2f2f2;
    width: 150px;
    height: 15px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 250ms ease-in-out;
}
    
/* Texte bandeau de réapparition des cookies */
.eu-cookies-bar-cookies-settings-call-button.eu-cookies-bar-cookies-bar-button-settings span {
    margin-left: 15px;
    position: relative;
    top: 10px;
    opacity: 0;
    transition: all 250ms ease-in-out;
     left: 5px;
    color: black;
}


.eu-cookies-bar-cookies-settings-call-button.eu-cookies-bar-cookies-bar-button-settings:hover {
    height: 35px;
    transition: all 250ms ease-in-out;
}

.eu-cookies-bar-cookies-settings-call-button.eu-cookies-bar-cookies-bar-button-settings:hover #span_cookie {
    opacity: 1;
    transition: all 250ms ease-in-out;
}


/* div bouton croix */
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-close {
    
    position: absolute;
    top: 10px;
    right: 10px;
}

/* Bouton croix */
.eu-cookies-bar-cookies-bar-button.eu-cookies-bar-cookies-bar-button-close span:before {
    background: none;
    color: black;
}

/* fond autour du message */
.eu-cookies-bar-cookies-settings-call-container.eu-cookies-bar-cookies-settings-call-position-right {
    background: none;
}

/* couleur des cookies */
.eu-cookies-bar-cookies-bar-wrap, .eu-cookies-bar-cookies-bar-wrap *, .eu-cookies-bar-cookies-bar-settings-wrap, .eu-cookies-bar-cookies-bar-settings-wrap  {
    color: black;
}