Perso2

/* LAYOUT */

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  font-family: AudiTypeNormal, Verdana, sans-serif;
  color:#000;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
footer {
  height: 60px;
  background-color: #f5f5f5;
}

/* BOOTSTRAP MODIFICATIONS
-------------------------------------------------- */



/* CAROUSEL
-------------------------------------------------- */
.carousel {
    height:30%;
    overflow:hidden;
}


.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-caption {
    top:5%;
    text-align:left;
}

.carousel-caption h3 {
    background:#000;
    padding:0.5em;
    display:inline-block;
    width:auto;
}

.carousel-caption p {
    background:#000;
    padding:0.3em;
    display:inline-block;
    width:auto;
}

/* BUTTONS
-------------------------------------------------- */

a.audi-button--primary, button.audi-button--primary {
    background:#000;
    color:#FFF;
    border:0;
    padding:.8666666667em 0 .8em;
    padding-left:2.1333333333em;
    padding-right:2.1333333333em;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}

a.audi-button--primary:focus, a.audi-button--primary:hover, button.audi-button--primary:hover, button.audi-button--primary:focus {
    background:#333;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    cursor:pointer;
    text-decoration:none;
}

a.audi-button--secondary, button.audi-button--secondary {
    border:1px solid #000;
    color:#000;
    padding:.8666666667em 0 .8em;
    padding-left:2.1333333333em;
    padding-right:2.1333333333em;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}

a.audi-button--secondary:focus, a.audi-button--secondary:hover, button.audi-button--secondary:hover, button.audi-button--secondary:focus {
    color:#666;
    border:1px solid #666;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    cursor:pointer;
    text-decoration:none;
}

/* GENERAL
-------------------------------------------------- */

.text-white {
    color:#FFF;
}

.bg-white {
    background:#FFF;
}

.text-black {
    color:#000
}

.bg-black {
    background:#000;
}

/* POSITION
-------------------------------------------------- */

.center {
    text-align:center;
}

/* MENU
-------------------------------------------------- */

a.active {
    position:relative;
}

a.active::after {
    content:"";
     position:absolute;
     left:15%;
     right:15%;
     bottom:0;
     border:1px solid #FFF;
}