h1{
    font-family: "neue-haas-grotesk-display", sans-serif;
    color: #ffff;
    font-weight: 300;
    font-style: normal;
    font-size: 8vw;
    text-transform: uppercase;

}
.h1-actu{
   font-family: "neue-haas-grotesk-display", sans-serif;
    color: #ffff;
    font-weight: 600;
    font-style: italic;
    font-size: 5vw;
    text-transform: uppercase;
    margin-bottom: 0px!important;


}

.h1-actu-petit{
   font-family: "neue-haas-grotesk-display", sans-serif;
    color: #ffff;
    font-weight: 500;
    font-style: normal;
    font-size: 4vw;
    text-transform: uppercase;
    margin-top: -2%;
    margin-left: 10%;

}
.h1-actu-reg{
    font-family: "neue-haas-grotesk-display", sans-serif;
    color: #ffff;
    font-weight: 500;
    font-style: normal;
    font-size: 5.5vw;
    text-transform: uppercase;
    margin-top: -2%;
    margin-left: 10%;
}

.h1-actu-small{
    font-family: "neue-haas-grotesk-display", sans-serif;
    color: #ffff;
    font-weight: 600;
    font-style: italic;
    font-size: 12vw!important;
    text-transform: uppercase;
    line-height: 12vw!important;
}

.h1-actu-light-small{
    font-family: "neue-haas-grotesk-display", sans-serif;
    color: #ffff;
    font-weight: 400;
    font-style: normal;
    font-size: 12vw!important;
    text-transform: uppercase;
    line-height: 12vw!important;
}

@media(max-width:768px){
h1{
    font-family: "neue-haas-grotesk-display", sans-serif;
    color: #ffff;
    font-weight: 300;
    font-style: normal;
    font-size: 15.5vw;
    text-transform: uppercase;
    line-height: 7vw;

}

.texte-plus-petit{
    font-family: "Satoshi-Regular", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffff;
    font-size: 3vw;
    line-height: 1.1;

}

.xgrand{
    font-size: 19vw;
}
}

.grand{
line-height: 0.5!important; 
}

.grand-actu{
line-height: 1!important; 
}


.bold-italic{
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 700;
    font-style: italic;
}

.bleu {
    color: rgba(22,23,168,1)!important;

}

h2{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: italic;
    color: #ffff;
    font-size: 4vw;
    line-height: 1;
}

.h2-actu{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 2vw!important;
    line-height: 1;
}

.p-actu{
    font-family: "Satoshi-Regular", sans-serif;
    font-weight: 600;
    font-size: 1.2vw!important;
    line-height: 1;
    font-kerning:normal;
    text-transform: uppercase;
}

@media(max-width: 768px) {
h2 {
font-size: 6vw;
}

.h2-actu{
font-size: 6vw!important;   
}

}

h3{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600;
    font-style: italic;
    color: #ffff;
    font-size: 2vw;
    line-height: 1.1;

}

.h3-actu{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #ffff;
    font-size: 1.8vw;
    line-height: 1.1;
}

.h3-actu-light-it{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #ffff;
    font-size: 1.8vw;
    line-height: 1.1;
}

@media (max-width: 768px) {
    .petit-titre1{

    font-size: 4vw!important;
    font-weight: bolder!important;
    
}}


.sous-titre-actu{
    font-size: 4.5vw;
    font-weight: 700!important;

}
@media only screen and (max-width: 768px) {
h3 {
font-size: 5vw;
}

.p-actu-small{
    font-family: "Satoshi-Light",sans-serif;
    color: #ffff;
    font-weight: 100;
    font-style: normal;
    font-size: 3vw!important;
    line-height: 1.3;
}
}

.light-it{
    font-weight: 400!important;
}

.light-it b{
    font-weight: 700;
}

h4{
   font-family: "satoshi-medium",sans-serif;
    color: #ffff;
    font-size: 2vw;
    margin-bottom: 0!important;
    margin-top: 0!important;
}

@media only screen and (max-width: 768px) {
h4 {
font-size: 3vw;
}

}


.italic-neue{
    font-family: "neue-haas-grotesk-display", sans-serif!important;
    font-weight: 400;
    font-style: italic!important;
    font-size: 4vw;
    margin-top: 0px!important;
}


h5{
   font-family: "satoshi-italic",sans-serif;
    color: #ffff;
    font-size: 1.5vw;
    margin-bottom: 0!important;
    margin-top: 0!important;
    line-height: 1.2;
}
@media only screen and (max-width: 768px) {
h5 {
font-size: 4vw;
}
}

h6{
    font-family: "satoshi-medium",sans-serif;
    color: #ffff;
    font-weight: 300;
    font-size: 1.5vw;
    line-height: 1;
}

@media(max-width: 768px) {
h6 {
font-size: 4.8vw;
}
}

p.gros{
    font-family: "Satoshi-LightItalic",sans-serif;
    color: #ffff;
    font-weight: 100;
    font-style: normal;
    font-size: 1.2vw;
    line-height: 1.2;
    text-transform: none;
}

@media(max-width: 768px) {
p.gros {
font-size: 3vw!important;
}
p.width70 {
width: 90%!important;
}
}

p.petit{
    font-size: 15px!important;
    font-family: "Satoshi-LightItalic",sans-serif;
    color: #ffff;
    font-weight: 100;
}

p{
    font-family: "Satoshi-LightItalic",sans-serif;
    color: #ffff;
    font-weight: 100;
    font-style: normal;
    font-size: 1vw;
    line-height: 1.2;
    text-transform: none;
}
@media(max-width: 768px){
p {
font-size: 20px!important;
}
}

.p-actu{
    font-family: "Satoshi-Light",sans-serif;
    color: #ffff;
    font-weight: 100;
    font-style: normal;
    font-size: 1.3vw!important;
    line-height: 1.3;
    text-transform: none;
}

b{
font-family: "Satoshi-bold",sans-serif;
}

a{
    text-decoration: none!important;
    color: white!important;
}

@media(max-width:968px){
footer div div a{
    font-size: 12px!important;
}
}

.MAJ{
    text-transform: uppercase;
}

.justifier{
    text-align: center;
}

.text-justifie P{
text-align: justify!important;
}