body {
    font-size: 16px;
    font-weight:300;
    font-family: "Hero New";
    color: var(--text-color-default);
    position: relative;
}

.centre {
    text-align: center;
}

.gras {
    font-weight: 700;
}

.droite {
    text-align: right;
}

img {
    max-width: 100%;
}


/* permet le décalage des ancres, lorsque celles ci sont ciblées par un lien*/
h1:target {
    padding-top: 4em;
    margin-top: -4em;
}

.numberVersion {
    display: none;
}

.bg-ice {
    background-color: #e2f2ff;
}

/*a.btn:hover {
    text-decoration: none;
}*/

.btn-lien {
    font-weight: 700;
    font-size: 1em;
    color: var(--text-color-default);
    padding: 0.6em 2em 0.6em 1em;
    border: 2px solid var(--text-color-default);
    display: inline-block;
    border-radius: 0;
    margin-top: 2em;
    background: url(../img/arrow-right-bk.png) right 5px no-repeat;
}

.btn-lien:hover /*, .btn-lien:focus*/
{
    background-color: var(--th-color-bleu);
    border-color: var(--th-color-bleu);
    color: white;
    text-decoration: none;
}

.btn-lien-video {
    font-weight: 700;
    font-size: 1em;
    color: var(--text-color-default);
    padding: 0.6em 1em;
    border: 2px solid var(--text-color-default);
    display: inline-block;
    border-radius: 0;
    margin-top: 2em;
    /*background: url(../img/icone_video.png) right 5px no-repeat;*/
}

.btn-lien-video:hover /*, .btn-lien-video:focus*/
{
    background-color: var(--th-color-bleu);
    border-color: var(--th-color-bleu);
    color: white;
    text-decoration: none;
}

.btn-lien-video:after {
    content: '\e81a';
    color: inherit;
    margin-left: 1em;
}

#contenu.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
/* ico forcée lien externe */
#contenu a.btn-unt:not(.icods-telecharger-rond-after)[target="_blank"]:after {
   font-family: 'ds-ucanss-icones';
   content: '\f895';
   margin-left: .45rem;
}
/* OLD à supprimer plus tard */
#contenu a:not(.btn-unt)[target="_blank"]:after {
    font-family: "ucanss-appli";
    content: '\e82f';
    display: inline-block;
    margin-left: 0.55rem;
    font-size: 0.7rem;
    color: inherit;
    transform: none; 
    -webkit-transform: none; 
    -ms-transform: none;
    /* transform: rotate(225deg);
    /*-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);*/
    /*content: "\f35d";
    font-family: "Font Awesome 5 Free";
    margin-left: 0.5em;
    font-weight: normal;
    font-size: 0.9em;
    color: var(--text-color-default);*/
}


/* Surcharge layout Jahia bootstrap5 */
.layout-editeur.hauteur-egale .col > div{
  height:100%;

}

#skippy ul {
    list-style-type: none;
    margin: 0;
}

#skippy ul li {
    display: inline;
}

#skippy a {
    font-size: .9rem;
    font-weight: 600;
    padding: .5rem .8rem;
    background-color: #FFF;
    border-radius: .5rem;
}

#skippy a:focus {
    outline: 2px solid var(--ds-focus);
    outline-offset: 1px;
    border: none;
    border-radius: .5rem;
}

/*  focus / hover */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}
main a:focus-visible,
    /*main a:focus,*/
main button:focus-visible,
main .btn:focus-visible {
    outline: 2px solid var(--ds-focus);
    outline-offset: 1px;
    /*border: none;*/
    border-radius: .5rem;
}
a:hover, a:focus {
    outline: none;
}
.btn:active{
    border:none;
}
footer a:focus-visible,
footer .nav > li > a:focus-visible,
footer button:focus-visible {
    outline-offset: 1px;
    border-radius: .5rem;
    border: none;
    outline: 2px solid var(--ds-focus);
}
/* general paramDesign */
.container-full{
--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}


/* focus swiper */
.swiper .swiper-pagination-bullet:focus-visible {
    border-radius: .5rem;
}

.swiper .swiper-pagination-bullet:focus-visible,
.swiper .swiper-button-next:focus-visible,
.swiper .swiper-button-prev:focus-visible,
.swiper-pgt.pgt .swiper-button-next:focus-visible,
.swiper-pgt.pgt .swiper-button-prev:focus-visible{
    outline-offset: 2px;
    border: none;
    outline: 2px solid var(--ds-focus);
}
.swiper-pgt.pgt .swiper-button-next:focus-visible,
.swiper-pgt.pgt .swiper-button-prev:focus-visible{
    background-color: var(--ds-primary);
    color:var(--ds-blanc);
}

.actu-une .swiper-button-next:focus-visible,
.actu-une .swiper-button-prev:focus-visible {
    outline-offset: 1px;
    border: none;
    outline: 2px solid var(--ds-focus);
}
/* Surcharge composant de partage dans commons pour s'aligner sur container xx-l Bootstrap5 */
.partagePage {
    max-width: 1320px;
    padding: 2rem .8rem;
    margin: auto;
}

/* Réglages généraux swiper */
.swiper-button-next,
.swiper-button-prev{
    position: relative;
    right: auto;
    left:auto;
}
/* exception si couleur personnalisée en contrib */
.swiper-button-next:not([class*="customStyle-"]), 
.swiper-button-prev:not([class*="customStyle-"]){
    background-color: transparent;
    color:var(--ds-primary);
    border-radius: 50%;
    border:2px solid var(--ds-primary);
     
}
.swiper-button-next:not([class*="customStyle-"]):hover, 
.swiper-button-prev:not([class*="customStyle-"]):hover{
   background-color: var(--ds-primary);
   color:var(--ds-blanc);
}
.swiper-button-next:not(.swiper-button-disabled), .swiper .swiper-button-prev:not(.swiper-button-disabled) {
    z-index: 3;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-family: "ds-ucanss-icones";
    margin-right:0;
    margin-left:0;
     font-size: 1.1rem;
}
.swiper-button-next:after{
    content:"\F892";
}
.swiper-button-prev:after{
    content:"\F893";
}
.swiper .swiper-button-next, .swiper .swiper-button-prev {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.8rem;
    color: white;
    border: 1px solid #FFF;
    background-size: 1rem;
}
 .swiper-pgt.pgt{
        display: flex;
        justify-content: space-between;
 }
@media screen and (max-width: 767px) {
    .swiper-pgt.pgt{
        margin:4rem 1rem 1rem;
    }
    .swiper-pgt.pgt .swiper-button-next,
    .swiper-pgt.pgt .swiper-button-prev{
        --variable-swiper-button-width:2.5rem;
        width:var(--variable-swiper-button-width);
        height:2.5rem;
    }
    .swiper-pgt.pgt .swiper-button-next::after,
    .swiper-pgt.pgt .swiper-button-prev::after{
        font-size:1.2rem;
    }
}
@media screen and (min-width: 768px) {
    .bloc-titre + .pgt.swiper-pgt {
      top:1.8rem;
      position: absolute;
       margin-top:0;
       margin-bottom: 0;
       margin-left:0;
       right:1rem;
    }
    .swiper-pgt.pgt{
       width: 6rem;
       position: relative;
       margin-top: 1rem;
       margin-bottom: 3rem;
       margin-left: auto;
    }
    .swiper-pgt.pgt .swiper-button-next,
    .swiper-pgt.pgt .swiper-button-prev{
        --variable-swiper-button-width:2rem;
        width:var(--variable-swiper-button-width);
        height:2rem;
    }
}
.swiper .swiper-pagination-bullet {
   transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    border-radius: 1.25rem;
     opacity: 1;
}
 .swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: var(--ds-surface-color);
    width: 0.75rem;
    height: 0.75rem;
    border: 1px solid var( --ds-nav-border-color);
}
 .swiper .swiper-pagination-bullet-active {
    background: var(--ds-gradient-sombre);
    border: none;
    width:2.688rem;
    height: 0.75rem;
}
/* exception si couleur personnalisée en contrib */
 .swiper-pgt.pgt .swiper-button-next/*:not([class*="customStyle-"])*/, 
 .swiper-pgt.pgt .swiper-button-prev/*:not([class*="customStyle-"])*/{
    background-color: transparent;
    color:var(--ds-primary);
}
 .swiper-pgt.pgt .swiper-button-next:hover/*:not([class*="customStyle-"])*/, 
 .swiper-pgt.pgt .swiper-button-prev:hover/*:not([class*="customStyle-"])*/{
    
    background-color: var(--ds-primary);
    color:var(--ds-blanc);
 }

.swiper .swiper-button-next:not(.swiper-button-disabled), .swiper .swiper-button-prev:not(.swiper-button-disabled) {
    z-index: 3;
}

.swiper .swiper-pagination {
    z-index: 2;
}




/* modale */
.modal-dialog button.close:focus-visible, .modal-footer button:focus-visible {
    outline: 2px solid var(--ds-focus);
    outline-offset: 1px;
    border: none;
    border-radius: .5rem;
}

.modal-dialog button.close:hover, .modal-footer button:hover {
    color: var(--th-color-bleu);
    border-color: var(--th-color-bleu);
    outline: none;
}

.modal-dialog button.close, .modal-footer button {
    border: 1px solid var(--text-color-default);
    background: none;
    border-radius: .5rem;
    color: var(--text-color-default);
    font-weight: 600;
}

.modal-dialog button.close {
    font-size: 2rem;
    line-height: 2rem;
    position: absolute;
    right: 1rem;
}

.modal-footer button {
    font-size: 1rem;
    font-weight: 600;
}

.hidden,
.bloc-info.hidden {
    display: none;
}

.bloc-info {
    border-left: 3px solid var(--bs-gray-400);
    width: 75%;
    display: inline-block;
    margin-top: 1rem;
    padding-left: 1rem;
    padding-top: 0.5rem;
}
.success {
    color: var(--th-color-green);
    border-color: var(--bs-primary);
}