@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

h3.accordion{
    margin: 0;
    height:30px;
}

h3.accordion > a,
h3.accordion > span {
    padding: 0 10px;
    display: block;
    margin-bottom: 1px;
    color: #fdfdfd;
    font: bold 12px/32px Arial, sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0, .35);

    background: #6c6e74;
    background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
    background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);

    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255, .1), 0 1px 0 0 rgba(0,0,0, .1);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255, .1), 0 1px 0 0 rgba(0,0,0, .1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255, .1), 0 1px 0 0 rgba(0,0,0, .1);
}

h3.accordion span.btn:hover {
    color: inherit;
}

.accordion-container h3 .btn {
    padding: 6px 3px;
}

.accordion-content{
    border: none;  /* : 1px solid #ddd; */
    padding: 10px;
    margin: 1px 0;
    display: block;
    height: auto;
    max-height: 100%;
}

.accordion-container-nouveautes { position: absolute; left:0; right:0; top:0; bottom:0; }
.accordion-container { position: absolute; left:0; right:0; top:0; bottom:0; }

/*.accordion-container > h3:nth-of-type(1) { position: absolute; left: 0; right: 0; top: 0; }*/
/*.accordion-container > h3:nth-of-type(2) { position: absolute; left: 0; right: 0; bottom:30px; }*/
/*.accordion-container > h3:nth-of-type(3) { position: absolute; left: 0; right: 0; bottom: 0; }*/
.accordion-container > h3:nth-of-type(1) { position: absolute; left: 0; right: 0; top: 0; }
.accordion-container > h3:nth-of-type(2) { position: absolute; left: 0; right: 0; bottom:0; }

/*.accordion-container > div:nth-of-type(1) { position: absolute; left: 0; right: 0; top:30px; bottom: 60px; }*/
/*.accordion-container > div:nth-of-type(2) { position: absolute; left: 0; right: 0; top:64px; bottom: 30px; }*/
/*.accordion-container > div:nth-of-type(3) { position: absolute; left: 0; right: 0; top:98px; bottom: 0; }*/
.accordion-container-nouveautes > div.accordion-content {  position: absolute; left: 0; right: 0; top:30px; height: 130px }
.accordion-container > div:nth-of-type(1) { position: absolute; left: 0; right: 0; top:30px; bottom: 30px; }
.accordion-container > div:nth-of-type(2) { position: absolute; left: 0; right: 0; top:64px; bottom: 0; }

h3.accordion.first:not(.active) + div.accordion-content.ng-hide + h3.accordion:not(active)  { top: 33px; bottom: auto; }
h3.accordion:not(.active) + div.accordion-content.ng-hide + h3.accordion:not(.active)  + div.accordion-content.ng-hide + h3.accordion.active { top: 66px; bottom: auto; }