/* Cookies
   _______________________________________________________ */

/*.cookies : properties */
.cookies {
    /*display: none;*/
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px #ccc solid;
    padding: 5px 48px;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    z-index:  99999999;
    text-align: center; 
    background: #eee;
}

/* cookies : Transition */
.cookies {
    transition:all 0.15s ease-out;
    -webkit-transition:all 0.15s ease-out;
    transform:translate(0,200%);
    -webkit-transform:translate(0,200%);
}

/* a */
.cookies a:link, .cookies a:visited { color: #666; text-decoration: underline; }
.cookies a:hover, .cookies a:focus, .cookies a:active { color: #000; }

/* margin-bottom : 0; */
.cookies.cookies-not-ok p,
.cookies.cookies-not-ok .content_textimg { margin: 0 !important; }

/* btn = CLASS accept-cookies */
.cookies .btn-cookies-ok {
  display: inline-block;
  padding: 4px 6px;
  margin: 0 5px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.cookies .btn-cookies-ok:link, .cookies .btn-cookies-ok:visited { background: #000; border: 1px solid #888; color: #bbb; text-decoration: none; } 
.cookies .btn-cookies-ok:hover, .cookies .btn-cookies-ok:focus, .cookies .btn-cookies-ok:active { background: #444; border: 1px solid #888; color: #fff; } 


/* Transition if CLASS = .cookies-not-ok*/
.cookies.cookies-not-ok {
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    animation:none;
    -webkit-animation:none;
}

/*  Transition if CLASS = .cookies-ok*/
.cookies.cookies-ok {
    transform:translate(0,100%);
    -webkit-transform:translate(0,100%);
    animation:none;
    -webkit-animation:none;
} 

/* footer : on modifier les propriétés par defaut du footer */
.cookies-not-ok #footer { padding-bottom: 60px;  }
@media screen and (max-width: 850px) { .cookies-not-ok #footer { padding-bottom: 80px; } }
@media screen and (max-width: 500px) { .cookies-not-ok #footer { padding-bottom: 100px; } }
@media screen and (max-width: 360px) { .cookies-not-ok #footer { padding-bottom: 120px; } }