/*Général*/
.bandeaujaune
{
	background: #00283AFF;
	height: 12px;
}

a {
    cursor: pointer;
    color: var(--wp--style--color--link, var(--global--color-primary));
    text-underline-offset: none;
    text-decoration-skip-ink: none;
}


/*header*/
#container-header-sungrid
{
    background-image: url('https://sungrid.fr/wp-content/themes/sungrid-theme/img/banniere_trackers_city_2.png');

    height: 95vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*Body*/
.image-prod > img
{
    position: absolute;
    width: 2.5vw;
    z-index: -1;
    top: 7.2vw;
    left: 8.5vw;
}
.image-conso > img
{
    position: absolute;
    width: 2.5vw;
    z-index: -1;
    top: 12.9vw;
    left: 8.5vw;
}
.image-source > img
{
    position: absolute;
    width: 2.5vw;
    z-index: -1;
    top: 17vw;
    left: 8.5vw;
}

.mission-acc
{
	background: #ffffff;
    width: 100%;
    margin: 0;
    position: relative;
    transform: translateY(-100%);
    z-index: 10;
    height: 11vh;
    border-top-right-radius: 2.5rem;
    border-top-left-radius: 2.5rem;
    padding-bottom: 10%;
}
.mission-acc-txt
{
    transform: translateY(-10%);
    background: #ffffff;
    width: 100%;
    margin: 0;
    padding: 0 3%;
}
.mission-acc > h1
{
    padding: 3% 2%;
    text-align: center;
    font-weight: 600;
    font-size: 2.4vw;
    color: #fed659;
    font-family: Plus Jakarta Sans, sans-serif !important;
}

.letter 
{
  text-align: left;
  font-size: 1vw;
  font-family: Plus Jakarta Sans, sans-serif !important;
  width: 100%;
  padding-left: 5%;
  padding-top: 2%;
}

#mission-sungrid
{
    background: #ffffff;
    align-items: center;
    margin: 0 20%;
    border-bottom-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
}

.txt-mission-acc
{
    margin-bottom: 3%;
    margin-left: 10%;
    font-family: Plus Jakarta Sans, sans-serif !important;
}


.btn-sinscrire > img
{
    align-items: center;
    width: 100%;
    text-underline-offset: none;
    text-decoration-skip-ink: none;
}
.btn-sinscrire, .btn-sinscrire:focus,
.btn-sinscrire:active
{
    outline: dashed #fff;
    display: block;
    text-decoration: none;
    background: transparent !important;
    text-underline-offset: none;
    text-decoration-skip-ink: none;
    margin: 2% 30%;
    width: 35%;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img
{
    outline: 2px dotted #fff !important;
    width: 100% !important;
}

/*Pourquoi ACC*/
#pq-acc
{
    width: 100%;
    /* background-color: #fed5592a; */
    background-color: #fed659;
}
#titre-pq-acc
{
    display: flex;
    padding: 2% 20%;
    font-family: Plus Jakarta Sans, sans-serif !important;
}
#titre-pq-acc > h4
{
    color: #fff;
    background-color: #00283AFF;
    margin-bottom: 0 !important;
    padding: 1%;
    font-size: 1vw;
    font-family: Plus Jakarta Sans, sans-serif !important;
}
#titre-pq-acc > p
{
    /* color: #c2c2c2; */
    color: #929292;
    padding: 1%;
    font-weight: 200;
    font-size: 1.2vw;
    font-style: italic;
    font-family: Plus Jakarta Sans, sans-serif !important;
}

#schema-ptecran
{
    display: none;
}
#schema-wrapper
{
    margin: 0 10%;
    position: relative;

}
#schema-wrapper > img
{
    margin: 0 20%;
    width: 50vw;
}

#txt-prod
{
    position: absolute;
    padding: 1%;
    right: 60vw;
    top: 0;
    text-align: justify;
    align-items: center;
    font-size: 0.8vw;
    width: 25vw;
    font-family: Plus Jakarta Sans, sans-serif !important;
}
#txt-conso-pro
{
    position: absolute;
    padding: 1%;
    top: 26vw;
    text-align: justify;
    align-items: center;
    font-size: 0.8vw;
    width: 25vw;
    font-family: Plus Jakarta Sans, sans-serif !important;
}
#txt-conso-collect
{
    position: absolute;
    padding: 1%;
    top: 0.5vw;
    left: 63vw;
    text-align: justify;
    align-items: center;
    font-size: 0.8vw;
    width: 25vw;
    font-family: Plus Jakarta Sans, sans-serif !important;
}
#txt-conso-part
{
    position: absolute;
    padding: 1%;
    top: 28vw;
    left: 50vw;
    text-align: justify;
    align-items: center;
    font-size: 0.8vw;
    width: 25vw;
    font-family: Plus Jakarta Sans, sans-serif !important;
}
#etoiles > p
{
    /* color: #c2c2c2; */
    color: #929292;
    padding: 1%;
    margin: 5% 25% 0 25%;
    font-weight: 200;
    font-size: 0.8vw;
    font-style: italic;
    font-family: Plus Jakarta Sans, sans-serif !important;
}

#pq-acc > p
{
    padding: 0 20%;
    text-align: justify;
    align-items: center;
    font-size: 1vw;
    margin-bottom: 2%;
    font-family: Plus Jakarta Sans, sans-serif !important;
}

/*Les étapes*/
.mission-acc-txt > p,
#explication-acc > p
{
    padding: 1% 4%;
    text-align: justify;
    align-items: center;
    font-size: 1vw;
    margin-bottom: 2%;
    font-family: Plus Jakarta Sans, sans-serif !important;
}

#titre-etapes-acc > h4
{
    color: #fff;
    text-align: center;
    background-color: #00283AFF;
    padding: 0.5%; 
    margin: 1% 0 0 20%;
    font-size: 1vw;
    width: 20vw;
    font-family: Plus Jakarta Sans, sans-serif !important;
}
#titre-etapes-acc > p
{
    color: #00283AFF;
    font-size: 1vw;
    text-align: justify;
    align-items: center;
    margin: 1% 0 0 20%;
    font-family: Plus Jakarta Sans, sans-serif !important;
}

#schema-etape
{
    display: flex;
    margin: 5% 10% 0 10%;
}

#txt-etapes-acc
{
    width: 50%;
}
#un > p, #deux > p,
#trois > p, #quatre > p
{
    font-weight: 600;
    padding: 1% 4%;
    font-size: 0.9vw;
    width: 50vw;
    font-family: Plus Jakarta Sans, sans-serif !important;
}

#un-mobile, #deux-mobile, 
#trois-mobile, #quatre-mobile
{
    display: none;
}
#imgun, #imgdeux,
#imgtrois, #imgquatre
{
    width: 10%;
    object-fit: scale-down;
}
#un, #deux, #trois, #quatre
{
    margin: 5% 0;
    display: flex;
}

#img-etapes
{
    width: 50vw;
}
#img-etapes > img
{
    width: 45vw;
}

/*Rejoindre ACC*/
#rejoindre-acc
{
    width: 100%;
    background-color: #f6bc7d94;
    /* background-color: #f6bc7d; */
    padding-top: 1%;
    padding: 1% 20% 0 20%;
}

#txt-rejoindre-acc > h4
{
    color: #fff;
    background-color: #00283AFF;
    padding: 0.5%; 
    font-size: 1vw;
    width: 38vw;
    text-align: left;
    font-family: Plus Jakarta Sans, sans-serif !important;
}
#txt-rejoindre-acc
{
    position: relative;
}

#txt-rejoindre-acc > p,
#fournir-elec > p,
#vendre-elec > p
{
    font-weight: 500;
    padding: 1% 0;
    font-size: 1vw;
    width: 100%;
    z-index: 1;
    font-family: Plus Jakarta Sans, sans-serif !important;
}
#fournir-elec, #vendre-elec
{
    margin: 2% 0;
    padding-left: 5%;
    display: flex;
}
#fournir-elec > img
{
    position: absolute;
    width: 2.5vw;
    z-index: 0;
    top: 6vw;
    left: 2vw;
}
#vendre-elec > img
{
    position: absolute;
    width: 2.5vw;
    z-index: 0;
    top: 13.5vw;
    left: 2vw;
}

.btn-inscription > img
{
    align-items: center;
    width: 100%;
    text-underline-offset: none;
    text-decoration-skip-ink: none;
}
.btn-inscription, .btn-inscription:focus,
.btn-inscription:active
{
    outline: dashed transparent;
    display: block;
    text-decoration: none;
    background: transparent !important;
    text-underline-offset: none;
    text-decoration-skip-ink: none;
    margin: 2% 30% 0 30%;
    width: 35%;
    padding-bottom: 5%;
}