* {font-size: 100%;width: 100%; margin: 0; padding: 0;border: none;font-family: 'Libre Franklin', sans-serif;font-optical-sizing: auto;text-decoration: none;color: inherit;}
body {min-width: 760px;}
img {width: auto;height: auto;}
li {display: block;}
h1 {font-size: 1em;font-weight: normal;}
h2 {font-size: 1.4em;padding-top: 1em;padding-bottom: 0.381em;}
h3 {font-size: 1.2em;}
h4 {padding-top: 1em;padding-bottom: 0.381em;}

.politiqueconf H2 {font-size: 1.618rem;}
.politiqueconf {padding: 4.236rem;}
.politiqueconf a {color: #2B437A; font-weight: bold;}
.politiqueconf * {text-align: left; padding-left: 0; color: black; padding-top: 0.618rem;}
.politiqueconf li {display: list-item; list-style-type: disc;}

.richtext-image {margin-top: 1em; margin-bottom: 1em; width: auto; height: auto;}
.left {float: left; max-height: 320px;max-width: 320px; margin-right: 1em;}
.right {float: right; max-height: 320px;max-width: 320px; margin-left: 1em;}
.full-width {width: 100%;}

.imageArticle, .imageArtProposes, .imageJournalArchive {background-repeat:no-repeat;background-position: left 0;background-size: 50% auto;background-origin: content-box;background-clip: content-box;margin-bottom: 1em;box-sizing: border-box;}
.imageJournalArchive {height: 320px;background-position: center;background-size: auto 100%;margin-bottom: 0.2em;}
.groupeArticle > .imageArticle, .articlesProposes > .imageArtProposes {height: 800px;background-repeat:no-repeat;background-position: center;background-size: cover;background-origin: content-box; background-clip: content-box;position: relative;}
.groupeArticle > .imageArticle > .titreDecoration, .articlesProposes > .imageArtProposes > .titreDecoration, .chroniqueDecoration {width: -webkit-fill-available; width: -moz-available;padding:  0.6em 5.573%;position: absolute;bottom:1.6em;background-color: rgba(16, 25, 46, 0.764);color:#fff }
.titreDecoration {width: 44.427%;float:right;padding: 0.6em 0.6em 0.6em 0;}
.groupeArticle > .articleText {width: 100%;float: none;padding: 0.6em 0em 0.6em 0; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; text-align:justify; text-justify: newspaper;-webkit-hyphenate-character: "-"}
body {height: 100%;width:100%;}
header {color: #10192E;box-sizing: border-box;padding: 1em 3em; display: inline-table;}
#nav {width: 100%; float: left;color:#fff;font-weight: normal;display: inline-block;box-sizing: border-box;background-color: #10192E;border-top: 2px solid #2B437A;margin-bottom: 1em;}
#menu {height:2.6em;width: 100%;box-sizing: border-box;background-color: #10192E;} 
#topsquare {min-height: 4.235ex;height: 3.444vh;width: 100%;background-color: #10192E;} 
#toggleMenu {height: auto;width: auto; padding: 0 3em;}
.toggleOnOffmenu {display:inline-block !important;}
#iconemenu {display: none;}
.navmenu {cursor: pointer;font-size:1.4em;float: left;width: max-content;box-sizing: border-box;padding: 0 1em;margin: 0.4em 0.4em 0.6em 0.4em;}
#sousmenuSection, #sousmenuChronique{display:none;position: relative;background-color: white;color: #15203B; padding: 0 3em 0.2em 3em; box-sizing: border-box;z-index: 1;border-bottom: 0.191em solid #15203B;}
.sousmenu {float: left;box-sizing: border-box;font-size:1.2em;width: fit-content; width: -moz-fit-content;margin:0.8em;padding:0.6em;}
#chroniqueTitle {background-color: #000;height: fit-content; height: -moz-fit-content; width: -moz-fit-content;padding-bottom:1.506vw;}
#chroniqueTitle >h3 {padding-left:9.017%;margin-top:1.506vw;font-size: 1.4em;}
.sousmenu > a > div {width: 100%;height: 100%;box-sizing: border-box;}
.labelsection {width: 5.573%; min-width: 1.618ch;height: 100%;float: left;margin-right: 3.444%;}
.labelpage {width: 5.573%; min-width: 1.618ch;height: 100%;float: left;margin-right: 3.444%;}
ul#navchronique >li > .labelpage , ul#navchronique >li:hover > .labelpage {margin: 0;}
section {width: 100%; height:100%; margin: auto;min-width: 760px;box-sizing: border-box;display:inline-block;font-size: 1.3em;}
article {width: calc(100% - 360px); min-width: 375px; float: left;min-width: 760px;box-sizing: border-box;}
aside {padding-top: 0.8em;width: 320px; height: fit-content; height: -moz-fit-content; float: right;text-align: center;background-color: #F3F7F8;color: #4B4E4F;margin-right: 20px;margin-bottom: 3rem;}
.groupe, .groupeArticle { min-height: 240px;float: left;padding-left: 5.573%;padding-bottom:1em;box-sizing: border-box;}
.groupeArticle {padding-top:3em;min-width: 760px;box-sizing: border-box;}
.groupe h1 {font-size:1em;}
.groupe:first-child {height: 480px;background-repeat:no-repeat;background-position: left;background-size: cover;background-origin: content-box; background-clip: content-box;position: relative; background-position: center center;}
.groupe:first-child *[class*='credit']{font-size: 0.7em;font-style: italic;text-align: left;margin-top: 0.3em;}
.groupe:first-child *[class*='datepublication']{width: max-content;font-weight: 100;font-size: 0.8em;font-style: normal;margin-right: 2.617ch;}
.groupe:first-child *[class*='datepublication']::after {content: none;white-space: normal;}
.groupe:first-child *[class*='titreDecoration'] {width: -webkit-fill-available; width: -moz-available;padding:  0.6em 5.573%;position: absolute;bottom:1.6em;background-color: rgba(16, 25, 46, 0.764);color:#fff;}
.groupe:first-child *[class*='titreDecoration'] h1 {font-size: 1em;}
#logo {width: 12em;height:4em; float: left; background-size:contain;background-repeat:no-repeat;background-position: left center;} 
#promo {width: 22em;height:4em; float: right; background-size:contain;background-repeat:no-repeat;background-position: left center;} 
#souscription {height: 9.081vh; width:50.154%;float: left;padding: 2.805vh 1.315%}
#souscription > form {height: 100%; width:100%; text-align: center;float: left;}
#souscription > form > fieldset {width: 33%;float: left;text-align: center;}
label {display: inline-block;font-size: 0.6em;}
input {width: 94.756%; height:auto; min-height: 2.617ex;color: #000;}
#pdfSemaine {text-align: center;min-height:11.089ex;height: 9.081vh; width: 20.978%; margin: 2.805vh 1.315%;float: left;} 
#mockup {text-align: center;height:  100%; width: 100%; margin-bottom:1.315%;float: left; background-size:cover;background-repeat:no-repeat;background-position: center;} 
#iconeTelecharge {display: inline-block;height:  100%; width: 100%;background-image: url('/media/icones/download.svg'); background-size:contain;background-repeat:no-repeat;background-position: center;opacity: 0.618;}
#pdfSemaine:hover > * >#iconeTelecharge {opacity: 1;}
.bannerBody {width: -webkit-fill-available; width: -moz-available;height: fit-content; height: -moz-fit-content; width: -moz-fit-content;margin: 1em auto;background-color: #F3F7F8;text-align: center;color: #4B4E4F;font-size: 0.813em;padding: 0.8em 0.8em 0 0.8em;display: table;}
.pub {width: 100%; height: fit-content; height: -moz-fit-content; width: -moz-fit-content;display:none;justify-content: space-evenly;padding:1em 0;}
.aside_pub_content {width: 300px;height: 100%;}
.bannerBody_pub_content {object-fit: contain;height:auto;max-height:35vh;}
.aside_pub_content > IFRAME {height: -webkit-fill-available; height: -moz-available;}
.pubBody {text-align: center;padding: 1.315vh 0 0.502vh 0;background-color: #F3F7F8;color: #4B4E4F;margin:3.444vh 0;}
.labelSection {height: 100%;width: 1.315vh;float: left;}
.labelDefault {height: 2px; width:100%;background-color: #10192E;}
.labelPub {height: 0.502vh; width:100%;background-color: #10192E;margin-top: 5.573vh;}
.credit {font-size: 0.7em;font-style: italic;text-align: left;margin-top: 0.3em;}
.creditphoto {font-size: 0.6em;font-style: italic;margin:0.3em 0 0.6em 0;margin-right: 5.783vh;}
aside > span, .pubBody > span, .bannerBody>span {font-size: 1rem;}
.rich-text > p {margin-bottom: 1.2em;}
.rich-text > * > li {display: list-item; list-style-position: inside; margin-bottom: 0.618em;padding-left: 1em;}
.rich-text > * > a:link {color: #304989;font-weight: bold;}
footer {margin-top: 2em;position: relative;padding:1rem 5.573%;min-height: 6em;width: -webkit-fill-available; width: -moz-available;background-color: #10192E;display: inline;float: left;background-size:contain;background-repeat:no-repeat;background-position:center;color: #fff;}
.footerLogo {max-width:max-content;min-width: min-content;margin-right: 2em;float: left;}
.footertxt {width: 100%;float: none;display: inline-block;margin-top: 1em;margin-bottom: 2em;}
#copyright {display: inline-block;left: 5.573%;}
.determinant {text-align: left;font-size: 0.6em;font-style: normal;}
.datepublication {width: max-content;font-weight: normal;font-size: 0.8em;font-style: normal;margin-right: 2.617ch;}
.datepublication::after {content:'\A';white-space: pre;}
.chroniqueheader {margin: 0 5.573% 0.6em 5.573%; display: inline-table;box-sizing: border-box;width: auto;}
.chroniqueheaderSection {float: left;color:#fff;display: table;margin: 0.6em 0.6em 0.6em 0;padding: 0.4em 0.6em;border: 1px solid red;box-sizing: border-box;width: auto;height: auto;}
.chroniqueheaderSection:hover {border: 1px solid #fff;}
.chroniqueheaderSection > span {display: table-cell; vertical-align: middle;padding-left: 0.6em;width: auto;}
.siteSection {width: calc(100% - 360px);min-width: 375px;margin: 3em 0em 2em 0em;display: inline-block;box-sizing: border-box;height:2.8em;border-bottom: 0.118em solid #10192E;}
.articlesProposes, .chroniqueBox {width: 100%;margin: 3em 0em 2em 0em;display: inline-block;}
.siteSection > H1, .articlesProposes > H1 {padding: 0 5.573% 0 5.573%;width: auto;font-size: 2.618rem;}
.chroniqueBox > H1 {color: #fff;padding: 1em 5.573% 1em 5.573%;width: auto;}
#sectionArchive {background-color: #10192E;height: 2.8em;}
#sectionArchive > H2 {color: #fff;padding: 0.4em 2.128%;width: auto;float: left;}
.labelSectionArchive {height:2.8em;width: 5.573%;float: left;}
.imageJournal {width: 100%;height:480px;background-size:cover;background-repeat:no-repeat;background-position: center;position: relative;margin-bottom: 2.4em;}
.journalDecoration {width: -webkit-fill-available; width: -moz-available;padding: 0.6em 5.573%;position:absolute;bottom: 1.6em;background-color: rgba(16, 25, 46, 0.764);color: #fff;}
.journalDecorationArchive {width: auto;padding: 0 23.608%;color: #10192E;text-align: center;}
.journalDecorationArchive > div {width: max-content;float: left;}
.journalDecorationBox {width: 100%;margin-bottom:  0.813vw;text-align: center;padding: 0.6em 0.6em 0.6em 0;}
#filter {width:calc(100% - 360px);text-align: center;margin: 0.8em 0 2.4em 0;}
#filter>input {width: max-content;box-sizing: border-box;padding: 0.4em;border: 1px solid #10192E;border-radius: 0px;margin-right: 0.8em;background-color: transparent;font-weight: bold;}
#filter>input[type=submit] {padding: 0;height:2.4em;width: 2.4em;background-image: url('/media/icones/search.svg'); background-size:contain;background-repeat:no-repeat;background-position: center;background-origin: content-box, padding-box;border: none;border-radius: 0px;}
#filter>input[type=submit]:hover {background-image: url('/media/icones/searchhover.svg');}
.journalArchive {width: 50%;float: left;text-align: left;margin-bottom: 2.128vw;}
.framebox, .poolbox {position:relative;width:auto;bottom:0;top:0;left:0;right:0;padding: 5.573% 5.573%;font-weight: bold;background-color: rgba(16, 25, 46, 0.85);color: #fff;font-weight: bold;}
.poolbox * {width: auto;}
.poolbox > form > table > tbody * {width: -webkit-fill-available;}
.poolbox > form > table > tbody > tr > td {padding-bottom: 25px;}
#contactimg {position:relative;width:auto;bottom:0;top:0;left:0;right:0;height:auto;background-size:cover;background-repeat:no-repeat;background-position: center;}
#infocontact, #wrapperAbonnement {position:relative;width:auto;bottom:0;top:0;left:0;right:0;height:auto;padding:3.444% 5.573%;background-color: #fff;}
#contactnum {width: auto; float: left; margin-right: 3.444vw;}
#contact>li>label {width: 100%; float: left; margin-right: 0.8em;}
#contact>li>input, #contact>li>textarea {width: 95.75%; float: left; margin-right: 0.813vw;padding-left: 2.128%;padding-right: 2.128%;}
#contact>li>label {padding: 3.444% 0 1.315% 0; font-size: 1em;}
#contact>input {width: 100%;margin-top: 1em;}
#contact>li>input {background-color: #fff;height:2.8em;}
#contact>li>textarea {width:95.75%;height:320px;color: #000;padding-top: 1.315%;padding-bottom: 1.315%;}
video {max-width: 640px;max-height: 480px;display: block;margin: auto;background-color: #000;}
.aligncenter{text-align: center;}
.alignright{text-align: right;}
#abonnementimg>.framebox {text-align: center; font-size: 2rem;}
#abonnementimg>.framebox>p {font-weight: normal;}
#abonnementimg {
    position: relative;
    width: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.frameAbonnement {
    text-align: left !important;
    font-size: inherit !important;
    color: black;
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
}
.frameAbonnement ul, .frameAbonnement li, .frameAbonnement ol {
    text-decoration: dotted!important;
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}
.frameAbonnement h2, .frameAbonnement h3, .frameAbonnement h4 {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
}
.frameAbonnement h2{
    text-align: center!important;
    font-size: 3rem!important;
    padding-bottom: 4rem!important;
}
#txtAbonnement {width: auto; float: left;}
#boutonWrapperAbonnement {width: auto;text-align: center;}
.boutonAbonnement {
    color: white;
    font-weight: bold;
    padding: 0.618rem;
    text-align: center;
    display: inline;
    margin: auto;
    cursor: pointer;
    font-size: 2.618rem;
}

div#circuHead {
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 3rem 0;
}

.circuPage {
    width: 100%;
    height: 11.75in;
    text-align: center;
    margin: auto;
    padding: 3rem 0;
}

.circuPage > p {
    font-size: small;
}

.circuPage > img {
    width: 76.4%;
}

@media screen and (min-width: 828px) {
    .groupe {width: 50%;}
    .groupe:first-child{width: 100%;}
}

@media screen and (max-width: 828px) {
    .groupe,.groupeArticle {max-width: 100%;min-width:auto;}
}

@media screen and (min-width: 1125px) {
    article {margin: auto;width: calc(100% - 360px);}
    .siteSection {width: calc(100% - 360px);}
    .groupe {width: 50%;}
    .groupe:first-child{width: 50%;}
    .groupe:first-child *[class*='titreDecoration']{width: calc(100% - 11.146%);box-sizing: border-box;}}

@media screen and (max-width: 1125px) {
    #promo {width: 8em;height:3em; float: right; background-size:contain;background-repeat:no-repeat;background-position: left center;} 
    .siteSection, article {width: 100%;}
    aside {margin: auto; clear: both; float: none;}
    .full-width {max-width: -webkit-fill-available; width: -moz-available;width: unset;}
    .groupe,.groupeArticle {padding-left: 0%;}
    .chroniqueBox>.groupe {padding-left: 2.787%;}
    article {padding-left:5.573%;padding-right:5.573%;}
    .groupe {padding-right: 2.787%;}
    .groupe:first-child{padding-right: 0;}
    #filter {width:100%;text-align: left;margin-left: 5.573%;}
}

@media screen and (max-width: 420px) {
    #contactart, .groupeArticle, article>.groupe>a>.titreDecoration, .journalDecoration, nav, .articlesProposes, .siteSection, #sectionArchive, .labelSectionArchive, header, #filter, .journalArchive, .chroniqueBox {font-size: 2.0em;}
    .journalArchive {width: 50%;}
    .articleText {font-size: 0.8em;}
    .imageArticle:first-child {height: 920px !important;}
    #menu {height: fit-content; height: -moz-fit-content; width: -moz-fit-content;width: 100%;box-sizing: border-box;background-color: #10192E;}
    #toggleMenu {height: -webkit-fill-available; height: -moz-available;width: 50%;float: left;padding: 0;}
    .navmenu {font-size: 1.4em;width: max-content;box-sizing: border-box;padding: 0.4em 0.4em;display: block;z-index: 1;position: relative;margin:0;}
    #sousmenuSection, #sousmenuChronique {display: none;position: relative;box-sizing: border-box;z-index: 1;float: left;width: 50%;border-left: 2px solid #2B437A;padding: 0;}
    .sousmenu {float: left;box-sizing: border-box;font-size: 1.2em;width: fit-content; width: -moz-fit-content;margin: 0.4em;padding: 0.6em;}
    #nav {display: none;}
    #iconemenu {display: block; background-image: url(/media/icones/menu.svg);float: right;height: 4em;width: 3.6em;background-repeat: no-repeat;background-size: contain;background-position: bottom;}
    header {padding: 1em;}
    article > .bannerBody {margin-left: -2.7865%;}
    article {margin-bottom: 1em;}
    .journalDecorationArchive {font-size: 0.8em;}
    aside > span {font-size: 1.2rem;}
    .titreDecoration {padding: unset;}
    #filter {width:100%;text-align: center;}
    #filter>input {margin-bottom: 0.6em;}
}