@charset "utf-8";
/* CSS Document */

/**
 * Cette feuille de styles gère XXXXX
 */

/*
==================================================
    Table of Contents / Sommaire
==================================================
    #Mobile (Portrait)  // 320px
    #Mobile (Landscape) // 576px
    #Tablet (Portrait)  // 768px
    #Tablet (Landscape) // 992px
    #Computer           // 1200px+ > 1250 avec scrollbar 
*/

/*
==================================================
    Mobile (Portrait)   // 320px
==================================================
    Pas besoin de déclarer de média queries
*/
/**
 * CARD
 */
.card {
    border: 0;
}

.card-header {
    border-radius:0;
    padding: .75rem 0 0;
    background-color: transparent;
    border-bottom: 0;
}

/**
 * ACCORDEON BOUTON SUR MESURE en mode liste (mobile) et onglets verticaux (ordi)
 */
button.accordionTab {
    background: none;
    padding-left: 0;
    color: var(--neutral-dark);
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration:none;
    padding: .3rem;
    border: 0;
    border-radius: 0;
    margin-bottom: .5rem;
    line-height: 1;
}

button.accordionTab span {
    font-size: 1.5rem;
}

button.accordionTab:hover {
    color: #FFF;
    background: var(--focus-main);
    text-decoration: none;
    transition:unset;
}

button.accordionTab * {
    transition:none !important;
}

/**
 * LISTE
 */
.list-group-item.active {
    background: var(--color-main);
    border-color: var(--color-main);
}

/**
 * BLOC PRESENTATION CLIQUABLE
 */
.blockPres {
    margin-left: 0;
    padding: 0;
}

.blockPres > li {
    list-style: none;
    margin-bottom: 1rem;
}

    .blockPres > li:last-child {
        margin-bottom: 0;
    }

.blockPres > li a {
    display:block;
    position: relative;
    background: url(/templates/masterA/design/responsivePublic/images/bgBlocPres.png) -60px 90px var(--color-main) no-repeat;
    color:#FFF;
    padding: 1rem;
    border-radius: var(--radius-sm);
    min-height: 11rem;
}

.blockPres > li a .subtitle {
    color:#000;
    opacity:.5;
    display:block;
    margin-bottom: .3rem;
}

.blockPres > li a .title {
    font-weight: 800;
    font-size:1.313rem;
    line-height: 1;
    display:block;
    margin-bottom: 3rem;
}

.blockPres > li a .c2a {
    position:absolute;
    right:1rem;
    bottom:1rem;
    color:var(--color-pastel);
}

/**
 * COULEURS
 */
.color-main {
    color:var(--color-main) !important;
}

.color-dark {
    color:var(--color-dark) !important;
}

.color-light {
    color:var(--color-light) !important;
}

.color-pastel {
    color:var(--color-pastel) !important;
}
 
.color-focus-main {
    color:var(--focus-main) !important;
}

.color-focus-dark {
    color:var(--focus-dark) !important;
}

.neutral-main {
    color:var(--neutral-main) !important;
}

.neutral-dark {
    color:var(--neutral-dark) !important;
}

.neutral-light {
    color:var(--neutral-light) !important;
}

.neutral-pastel {
    color:var(--neutral-pastel) !important;
}

.color-white {
    color:#FFF !important;
}

.color-black {
    color:#000 !important;
}

/**
 * BG COLOR
 */
.bg-color-main {
    background-color:var(--color-main) !important;
}

.bg-color-dark {
    background-color:var(--color-dark) !important;
}

.bg-color-light {
    background-color:var(--color-light) !important;
}

.bg-color-pastel {
    background-color:var(--color-pastel) !important;
}
 
.bg-color-focus-main {
    background-color:var(--focus-main) !important;
}

.bg-color-focus-dark {
    background-color:var(--focus-dark) !important;
}

.bg-neutral-main {
    background-color:var(--neutral-main) !important;
}

.bg-neutral-dark {
    background-color:var(--neutral-dark) !important;
}

.bg-neutral-light {
    background-color:var(--neutral-light) !important;
}

.bg-neutral-pastel {
    background-color:var(--neutral-pastel) !important;
}

/**/
.bg-image {
    background-image: url(/templates/masterA/design/responsivePublic/images/bgSection.png);
    background-repeat: no-repeat;
    background-position: -100px 60px;
}

/**/
.bg-shadow {
    box-shadow:0 2px 3px rgba(0,0,0,.2);
}

.bg-shadow-md {
    box-shadow:0 4px 8px rgba(0,0,0,.2);
}


.bg-shadow-lg {
    box-shadow:0 6px 20px rgba(0,0,0,.2);
}


/**
 * TAILLES TEXTE
 */
.size-xs {
    font-size: .688rem;
}

.size-sm {
    font-size: .813rem;
}

.size-md {
    font-size: 1rem;
}

.size-lg {
    font-size: 1.5rem;
}

.size-xl {
    font-size: 3rem;
}

/**
 * MARGES NÉGATIVES
 */
.mt--1 {
    margin-top: -.25rem!important;
}

.mt--2 {
    margin-top: -.5rem!important;
}

.mt--3 {
    margin-top: -1rem!important;
}

.mt--4 {
    margin-top: -1.5rem!important;
}

.mt--5 {
    margin-top: -2rem!important;
}
/**
 * BOUTONS
 */
.btn {
    border-radius:5rem;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: .688rem;
    padding-bottom: .688rem;
    border-color:var(--neutral-main);
    white-space: inherit;
}

.btn-primary {
    color:#FFF !important;
    background:var(--focus-main);
    border-color: var(--focus-main);
}

.btn-outline-primary {
    color:var(--focus-main) !important;
    border-color:var(--focus-main);
}

.btn-outline-neutral {
    color:var(--neutral-main) !important;
    border-color:var(--neutral-main);
}

.btn-outline-light {
    color:#FFF !important;
    color:rgba(255,255,255,.9) !important;
    border-color:#FFF;
    border-color:rgba(255,255,255,.9);
}


.btn-group-sm>.btn,
.btn-sm {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .813rem;
    padding-right: .813rem;
}
btn-group-lg>.btn,
.btn-lg {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/**
 * BOUTONS HOVER
 */
.btn-primary:hover {
    color:#FFF !important;
    background:var(--focus-dark);
    border-color: var(--focus-dark);
}

.btn-outline-primary:hover {
    color:#FFF !important;
    background-color:var(--focus-main) !important;
    border-color:var(--focus-main) !important;
}

.btn-outline-light:hover {
    background-color:var(--focus-main) !important;
    border-color:var(--focus-main) !important;
}

.btn-outline-neutral:hover  {
    color:#FFF !important;
    background-color:var(--focus-main) !important;
    border-color:var(--focus-main) !important;
}



/*
==================================================
    Mobile (Landscape)  // 576px
==================================================
*/
@media screen and (min-width: 576px) {


}/*/mediaquery*/


/*
==================================================
    Tablet (Portrait)   // 768px
==================================================
*/
@media screen and (min-width: 768px) {
/**
 * ACCORDEON BOUTON SUR MESURE en mode liste (mobile) et onglets verticaux (ordi)
 */
button.accordionTab {
    background: none;
    padding-left: 0;
    color: var(--neutral-dark);
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    padding: .3rem;
    border: 0;
    margin-bottom: .5rem;
    line-height: 1;
}

button.accordionTab span {
    font-size: 1.5rem;
}

button.accordionTab[aria-expanded=true],
button.accordionTab:hover {
    color: #FFF;
    background: var(--focus-main);
    text-decoration: none;
}

/**
 * BLOC PRESENTATION CLIQUABLE
 */
.blockPres > li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 2rem;
}

.blockPres > li:nth-child(2n) {
    margin-right:0;
}

/**
 * BLOC PRESENTATION CLIQUABLE
 */
.blockPres > li a:hover {
    transform: scale(1.01);
    box-shadow: 0 6px 25px rgba(0,0,0,.2);
}

}/*/mediaquery*/


/*
==================================================
    Tablet (Landscape)  // 992px
==================================================
*/
@media screen and (min-width: 992px) {


}/*/mediaquery*/


/*
==================================================
    Computer    // 1200px+ > 1250 avec scrollbar 
==================================================
*/
@media screen and (min-width: 1200px) {



}/*/mediaquery*/