<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* AktivGrotesk-BlackItalic */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-BlackItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/* AktivGrotesk-Bold */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* AktivGrotesk-BoldItalic */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* AktivGrotesk-Hairline */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-Hairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/* AktivGrotesk-HairlineItalic */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-HairlineItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* AktivGrotesk-Italic */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/* AktivGrotesk-Light */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* AktivGrotesk-LightItalic */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* AktivGrotesk-Medium */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* AktivGrotesk-MediumItalic */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* AktivGrotesk-Regular */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* AktivGrotesk-Thin */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/* AktivGrotesk-ThinItalic */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* AktivGrotesk-XBold */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-XBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* AktivGrotesk-XBoldItalic */
@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/Aktiv Grotesk/AktivGrotesk-XBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'FjallaOne';
    src: url('../fonts/FjallaOne/FjallaOne-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Globals */
:root{
    --red: #e72c3a;
    --grey: #404040;
    --light-grey: #8c8c8c;
}

body, .page_pro h2, .page_pro .h2{
    font-family: 'AktivGrotesk';
}

#header1{
    padding-bottom: 10px;
    padding-top:0;
}

section{
    padding: 40px 0px;
}
img {
    max-width: 100%;
    height:auto;
}
.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

/* SECTION TITRE */
section#titre{
    padding-top: 0px;
    padding-bottom: 0px;
}
h1, article.page_pro div.h1{
    font-family: 'AktivGrotesk';
    font-weight: 400;
    color: black;
    font-size: 32px;
    margin-bottom: 20px;
}
h1 span.surtitre, article.page_pro div.h1 span.parent_surtitre  {
    display:block;
    font-weight:bold;
}

/* SECTION INTRO */
#intro{
    background-color: var(--red);
    color: white;
}
#intro .surtitre{
    font-family: 'AktivGrotesk';
    font-weight: 300;
    font-size: 42px;
    line-height: 42px;
}
#intro h2{
    font-family: 'AktivGrotesk';
    color: white;
    font-weight: bold;
    font-size: 42px;
    line-height: 50px;
    margin: 10px 0px;
}
#intro .texte{
    font-family: 'AktivGrotesk';
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

#intro #image_guide{
    display:block;
    margin: auto;
    margin-right:0;
}

#intro #lien_guide{
    color: white;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'AktivGrotesk';
    font-size: 18px;
    display:block;
    margin:auto;
    margin-top: 10px;
    margin-right:0;
    width: 250px;
    position: relative;
    text-align:right;
}

/*Section fle_num*/
#fle_num{
	background-color: #f2f2f2;
	color: #565656;
	font-size: 24px;
}

#fle_num .surtitre{
	color: #888888;
	font-weight: 700;
	font-size: 30px;
}

#fle_num .titre{
	color: #1f1f1f;
	font-weight: 700;
	font-size: 55px;
	line-height: 60px;
}

#fle_num .spip_logo{
	margin-top: -50px;
	filter: grayscale(100%);
}

#fle_num .spip_logo:hover{
	filter: grayscale(0);
}

/*SECTION THEMA FOCUS MENU*/
#thema_focus_menu{
	background: linear-gradient(to right, #F2F2F2 50%, white 50%);
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 0;
    margin-bottom: 40px;
}

#thema_focus_menu .container{
	background-color: #f2f2f2;
}

#thema_focus_menu .container .thema_focus{
	padding: 40px 0;
}

#thema_focus_menu .container .thema_focus .row{
	padding: 30px 0;
}

#thema_focus_menu .container .thema_focus .row.rub368{
	border-bottom: 1px solid black;
}

#thema_focus_menu .container .thema_focus  .row .col-md-7{
    position: relative;
}

#thema_focus_menu .container .thema_focus .vignette{
    position: absolute;
    width: 70px;
    height: 120px;
}

#thema_focus_menu .container .thema_focus .desc, #thema_focus_menu .container .thema_focus .texte{
    padding-left: 80px;
}

#thema_focus_menu .container .thema_focus .desc a{
	font-size: 38px;
    font-weight: 300;
	line-height: 42px;
    color: black;
}

#thema_focus_menu .container .thema_focus .texte{
	font-size: 20px;
    color: black;
}

#thema_focus_menu .container .thema_focus .logo{
	text-align: right;
    background-color: #F2F2F2;
}

#thema_focus_menu .container .menu{
	background-color: white;
}

/* SECTION TOP ACTU */
#top-actu .surtitre, article.page_pro #intro .surtitre {
    font-family: 'AktivGrotesk';
    font-size: 32px;
    font-weight: 600;
    color: #8c8c8c;
}
#top-actu h2 {
    font-family: 'AktivGrotesk';
    font-size: 50px;
    line-height: 52px;
    font-weight: 700;
    color: black;
    margin-top:0px;
    margin-bottom: 20px;
}
#top-actu h2 a{
    font-size:1em;
    color: black;
}

#top-actu .texte {
    font-family: 'AktivGrotesk';
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: var(--grey);
}

#top-actu .logo {
    display: block;
    margin:auto;
    margin-right: 0;
    filter: grayscale(100%);
}
#top-actu .container-logo, #intro .container-logo {
    position:relative;
    display:block;
}
#top-actu .container-logo .logo-survol,#intro .container-logo .logo-survol {
    display:none;
    position: absolute;
    height: 400px;
    width: 400px;
    top:0;
    right:0;
    z-index: 1;
    background-color: rgba(231, 44, 58, 0.6);
}
#top-actu .container-logo:hover .logo-survol,#intro .container-logo:hover .logo-survol {
    display:flex;
    align-items: center;
    justify-content: center;
}
#intro .container-logo .logo-survol{
    height:250px;
    width:250px;
    justify-content: flex-end;
}

#intro .container-logo:hover .logo-survol svg{
    width: 100px;
    height: 100px;
}

/* SECTION PUB */
#pub{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    display:flex;
    align-items: center;
    justify-content: center;
}
#pub a {
    display:inline-block;
    margin:auto;
}

/* SECTION ACTUS */
#actus{
    padding-top: 0;
}
#actus h2{
    font-family: 'AktivGrotesk';
    display:block;
    color: white;
    font-weight: 800;
    background-color: var(--red);
    text-align: center;
    padding: 10px 25px;
    margin-top: 0;
    font-size: 18px;
    width: 50%;
}

#actus .actu .content::before {
    content: "";
    display: block;
    width:50%;
    height:4px;
    background-color: #8c8c8c;
    position:absolute;
    left:0;
    top:0;
    transition:all .2 ease;
}
#actus .actu .content{
    position: relative;
    padding-top: 10px;
}

#actus .actu{
    position: relative;
    margin-bottom:50px;
}
#actus .actu .extrait {
    font-family: 'AktivGrotesk';
}

#actus .actu h3{
    font-family: 'AktivGrotesk';
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    color: var(--grey);
    margin-top: 5px;
    margin-bottom: 10px;
}
#actus .actu h3 a{
    color: var(--grey);
    font-size: 1em;
}
#actus .actu .texte{
    font-family: 'AktivGrotesk';
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    color: var(--grey);
}
#actus .actu .logo{
    /* width:100%; */
    filter: grayscale(100%);
    transition:all .2 ease;
}
#actus .actu:hover .content::before {
    background-color: var(--red);
}
#actus .actu:hover img.logo {
    filter:inherit;
}


#actus .archives, article.page_pro .archives{
    border-top:1px solid var(--grey);
    border-bottom:1px solid var(--grey);
    margin: 10px 0px;
    padding: 10px 0px;
}
#actus .archives a, article.page_pro .archives a{
    font-family: 'AktivGrotesk';
    color: var(--grey);
    display: flex;
    align-items: center;
    font-size: 22px;
}
#actus .archives a i, article.page_pro .archives a i {
    padding-left: 10px;
    font-size: 30px;
}

/*div.container-aside{
    display:flex;
    justify-content: flex-end;
}
*/
aside.aside {
    max-width: 200px;
    margin: 40px 0;
}

aside.aside.aside-actu &gt; div.top-item:first-child {
    margin-top: 0px;
}

aside &gt; div{
    padding:10px 0px;
    margin-bottom: 10px;
}
aside &gt; div p{
    margin:0;
}
aside &gt; div a {
    display: inline-block;
    width: 100%;
    font-family: 'AktivGrotesk';
    color: var(--light-grey);
    font-size: 16px;
    line-height: 18px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    padding-top: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
}
aside &gt; div.top-item {
    padding:0;
}
aside &gt; div.top-item a {
    color:white;
    background-color: #8b8b8b;
    margin:0;
    padding:20px;
}
aside div.top-item a span::before{
    content:inherit;
}
aside div.top-item:last-child{
    margin-bottom: 30px;
}

aside &gt; div[data-dev="agenda"]{
    margin-bottom: 10px;
}

aside &gt; div[data-dev="stage"]{
    margin-bottom: 30px;
}

aside &gt; div[data-dev="agenda"] a{
    padding-right: 20px;
}

aside .descriptif{
    font-family: 'AktivGrotesk';
    font-size:18px;
    line-height: 20px;
    color: #404040;
}

aside &gt; div a span{
    position:relative;
    padding-top: 10px;
    font-size:1em;
}
aside &gt; div a span::before {
    content: "";
    width:100%;
    height: 15px;
    display:inline-block;
    background-color: var(--light-grey);
    position: absolute;
    top:-15px;
    left:0;
}
aside &gt; div.top-item:hover a{
    background-color: var(--red);
}
aside div:hover a span::before {
    background-color: var(--red);
}
aside div.descriptif {
    display: none;
}
aside &gt; div[data-dev="agenda"] div.descriptif {
    display:block;
}

aside &gt; div[data-dev="focus_rub"] a{
    color: #000;
    position: relative;
    padding-left: 100px;
    line-height: 24px;
}

aside &gt; div[data-dev="focus_rub"] a::before{
    content: "";
    width:90px;
    height: 15px;
    display:inline-block;
    background-color: var(--red);
    position: absolute;
    top: 9px;
    left:0;
}

aside.aside-menu .thema_carrefour, aside.aside-menu .focus_carrefour{
	display: none;
}

section.focus-items{margin-top: -60px;}
section.focus-items a{
    display: block; 
    text-transform: none;
    color: var(--light-grey);
    position: relative;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
}
section.focus-items a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* Ajustez selon vos besoins */
    width: 30%;
    height: 2px; /* Ã‰paisseur du soulignement */
    background-color: red; /* Couleur du soulignement */
}


/* article.page_pro */
article.page_pro div.h1 {
    margin: 10px 0px;
}
article.page_pro.page_pro #intro &gt; .container &gt; .row {
    padding-top: 10px;
}
article.page_pro.page_pro #intro {
    background-color: #f2f2f2;
    border-bottom: 1px solid black;
    padding:0;
}
article.page_pro #intro h1 {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
    line-height: 60px;
    color: black;
    max-width: 800px;
}
article.page_pro #intro .surtitre{
    font-size:30px;
}
article.page_pro #intro .logo{
    width:100%;
    height: auto;
}
article.page_pro .actu1{
    padding-right: 80px;
    padding-top: 20px;
}
article.page_pro .actu1 .chapo{
    font-family: 'AktivGrotesk';
    font-size: 30px;
    line-height: 32px;
    font-weight: 400;
    color: #404040;
}

article.page_pro .actu1 .texte{
    font-family: 'AktivGrotesk';
    font-size: 18px;
    line-height: 22px;
    color: #404040;
    padding: 20px 0px;
}
article.page_pro .actu1 .chapo,
article.page_pro .actu1 .texte{
    max-width: 650px;
}
    article.page_pro .actu1 .texte h2.spip{
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    margin-top:20px;
}
article.page_pro .actu1 .texte strong.h3{
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-top:20px;
    display:block;
}
/* article.page_pro .actu1 .texte p &gt; strong:only-child  {
    color: red;
} */


article.page_pro .archives a i {
    padding-right: 10px;
}


@media (max-width: 768px) {
    #intro #lien_guide, #top-actu .logo{
        margin:auto;
    }
    #top-actu .container-logo{
        display:block;
        margin:auto;
        width: 400px;
        height: 400px;
    }
    div.container-aside{
        display:block;
    }
    article.page_pro .actu1{
        padding-right: 20px;
    }
}

@media (max-width: 576px) {
    #top-actu .container-logo{
        display:block;
        margin:auto;
        width: 250px;
        height: 250px;
    }
    #top-actu .container-logo .logo, #top-actu .container-logo .logo-survol{
        width: 250px;
        height: 250px;
    }
    article.page_pro #intro h1 {
        font-size: 30px;
        line-height: 32px;
    }
    article.page_pro #intro .surtitre {
        font-size: 20px;
        line-height: 22px;
    }


    #thema_focus_menu .container .thema_focus {
      padding: 0;

    }

    #thema_focus_menu .container .thema_focus .desc a{
        font-size: 26px;
        font-weight: 300;
        line-height: 30px;
        color: black;
    }

    #thema_focus_menu .container .thema_focus .texte{
        font-size: 18px;
        color: black;
        margin-bottom: 10px;
    }

    #thema_focus_menu .container .thema_focus .logo{
        text-align: left;
        margin: 10px 0 20px 80px;
    }

    aside.aside {
      max-width: 80%;
      padding: 40px 0;
    }
}</pre></body></html>