.accordion-ucanss h2.panel-title {
    position: relative;
}

.accordion-ucanss .panel-body p{
    margin: 0;
    color: rgba(4,57,94,.7);
}
.accordion-ucanss .titreNbre {
    color:#efac55;
    font-size: 3rem;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 600;
}

.accordion-ucanss.puce-bleu .titreNbre {
    color: #61efe4;
}
.accordion-ucanss.puce-rose .titreNbre {
    color: #e57373;
}
.accordion-ucanss.puce-turquoise .titreNbre {
    color: #59c4f2;
}

.accordion-ucanss .panel-default>.panel-heading {
    background: rgba(4, 57, 94, .8);
}
.accordion-ucanss .panel-default>.panel-heading:hover {
    background: rgba(4,57,94,1);
}
.accordion-ucanss .panel-default>.panel-heading button {
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    color: white;
    font-size: 2.25rem;
    padding-right: 3rem;
    padding-left: 4rem;
}
.accordion-ucanss .panel-default>.panel-heading button::after {
    content: "\276F";
    width: 16px;
    height: 16px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 0;
    top: 0.5rem;
}

.accordion-ucanss .panel-default>.panel-heading button[aria-expanded=true]::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion-ucanss.sans-chiffre .panel-default>.panel-heading button {
    padding-left: 0;
}

.accordion-ucanss .panel-collapse .panel-body ul {
    list-style-type: disc;
}

.accordion-ucanss .panel-collapse .panel-body ul li:before {
    display: none;
}
.accordion-ucanss .panel-collapse .panel-body ul li {
    margin-bottom: 2rem;
}
.header-inscription .bloc-inscription .texte-inscription {
    margin: 7% 0 0 7%;
}
.resp-container { 
  position: relative; 
  overflow: hidden; 
  padding-top: 56.25%; 
}
.resp-iframe { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  border: 0; 
}

.gwt-HTML.x-component .appelIframe {
    border: 3px solid green;
    margin: 4em;
}

.gwt-HTML.x-component .resp-container {
    border: 3px solid green;
    margin: 4em;
}
.col-md-4 .bloc-video .ico-play {
top: 30%;
left: 37%;
}
@media screen and (min-width: 1081px) {
    .liste-articles.container-fluid .carte-article .carte-image {
        max-height: 235px;
    }
}
.liste-articles.container-fluid .carte-article h3 {
    padding: 0;
}

.liste-articles.container-fluid .carte-article .date {
    padding: 0.5rem 0;
}