/* HEADER
------------------------------------------ */

.logo-convivialiteenflandre {float: left; width:25%; }
#top-header { width:100%; height:30px; margin-bottom:8px; padding-top:5px; background:linear-gradient(to right, #0A2D8C, #009BD2); border-bottom:2px solid #DC1E05; }
.contacts-header { position: relative; width: 1160px; max-width:95%; margin:0 auto; text-align:right;  }
.page-header { position: relative; max-width: 95%; min-height:120px; margin:0 auto;}
.menu-top {width:1160px; min-height:40px; margin:5px auto; padding-top:5px;}
.bt-rub-membres {float:left; width:22%;}
.bt-nouscontacter { width:25%; margin:35px auto; display:inline-block;}
a.top {color:#FFF;}
.accent { display:inline-block; text-align:center; margin:5px auto; width:49%; }

/* SOMMAIRE
------------------------------------------ */

.bloc-somm { display: block; margin: 20px auto; padding-bottom:10px;}
.mot-somm {}
.titles {width:100%; margin:10px auto 25px 0; border-bottom:1px solid #ffcf33; line-height:3em;}
.titles-o {width:100%; margin:10px auto 25px 0; border-bottom:1px solid #ffcf33; line-height:3em; text-align: center; }
.titles-b {width:100%; margin:10px auto 25px 0; border-bottom:1px solid #0a2d8c; line-height:3em; text-align: center; }
.titles-bloc {width:100%; margin:0; padding:10px;}
.theme-somm {background:#FFFFFF69; color: #FFF; padding:30px;}
.bloc1-theme-somm { width:100%; display:block; position:inherit; background-color:#0a2d8c; margin:0;}
.bloc2-theme-somm { width:100%; display:block; position:inherit; background-color:#AED2D6; margin:0;}
.list_articles {padding:10px;}
.list_articles-somm {padding:10px 20px;}
a.tt-list-art-somm { width: 100%; text-align: center; color: #FFF; padding:10px; background-color: #0a2d8c; display:inline-block; margin: 5px auto 10px auto; }
a:hover.tt-list-art-somm { width: 100%; text-align: center; color: #FFF; padding:10px; background-color: #FF8B0D; display:inline-block; margin: 5px auto 10px auto; transform: scale(1.075); }
.list-art { border: 1px solid #144BA0; margin: 10px auto; padding: 5px; }
.list-art-somm { width:31%; background:#FFF; vertical-align:top; display:inline-block; border: 1px solid #144BA0; border-radius: 6px; margin:10px auto; padding: 5px; min-height:345px; }
.tt-list-art { font-size:18px; color: #144BA0; text-transform: uppercase; }
.motsclefs { margin:3em auto; text-align:center; padding: 10px; }
.sstitre { font-weight: 400; font-size:100%; font-style: italic; color:#DC1E05; padding:0; }
.sstitre2 { font-size:small; font-style: italic; color:#4375B9; margin:10px; }

.chapo-somm { padding: 0 10px; text-align: left; color: #144BA0; }
.introduction-somm { padding: 0 10px; }

.logo-list-art { text-align:center; display:block; float: left; margin: auto 0; }
.img-list-art { text-align:center; display:block; float: left; margin: auto 50px auto 0; }
.tt-ssrub { float:left; margin:40px auto 20px auto; width:100% }
.art-ssrub {width:31%; text-align:center; display:inline-block; vertical-align: top; margin:10px; padding: 5px 0; box-shadow: 0px 2px 6px #CCC; min-height:420px; background:linear-gradient(to bottom, #fff, #fff); border-radius:12px; border:1px solid #000; }

.logo-art-rub {alignment-adjust:auto; }
.tt-art-rub { text-transform: uppercase; padding: 15px; background: #144BA0; color: #FFF; display:grid; }

.voirplus {  text-align: center; display: grid; width: auto; margin: 10px auto; }
.lire-suite { text-align: right; display:inline-block; width: auto; margin: 10px auto; }
a.bt-suite { padding: 12px; border-radius: 5px; background-color: #FC6; }
a:hover.bt-suite { padding:12px; border-radius: 5px; background-color: #F93; transform: scale(1.075); }

#index25 {width:100%; min-height:350px; background-image:url(../../IMG/2025/img-index.jpg); background-repeat:no-repeat; background-position:center center; }
.header25 { width:1160px; margin:0 auto; }
.img-overlay { background-image:linear-gradient(180deg, #cde3ff 30%, #FFF 100%); opacity:0.65; position: absolute; inset: 0; top: 245px; height: 390px; }
.activ { background-color: #FFFFFF85; width: auto; display: inline-block; border-radius: 8px; margin:10px auto; padding:30px 20px 10px 20px; position: relative; line-height: 1.5; }
.activ2 { background-color: #FFFFFF85; width: auto; display: inline-block; border-radius: 8px; margin: 75px 10px 10px 180px; padding: 30px 20px 10px 20px; position: relative; line-height: 1.5; }

.introduction {padding: 10px 0; font-style: italic; }
.introduction-art {padding: 10px 0; font-style: italic; color:#f1891e; text-align: center; font-size: 30px; }

.miniplan-rub { background-color: #144BA0; border-radius: 10px; }

/* RUBRIQUE
------------------------------------------ */

.bloc1-art-rub { width:95%; background-color:#fff ; background:linear-gradient(to bottom, #F5FDFE, #fff); margin:0 auto 25px auto; }


/* FOOTER
------------------------------------------ */

.page-footer { position: relative; max-width:95%; margin:0 auto; }
.bloc-footer { width:100%; padding:10px; margin:15px auto; color:#144BA0; text-align:left; display:block;}
.bloc-footer2 { width:100%; padding:10px; margin:15px auto; color:#144BA0; float:left; position: relative;}
.bloc-footer-left { width:50%; float:left; padding:5px 20px 10px 0; margin:15px auto; color:#009bd2;}
.bloc-footer-right { width:50%; float:right; padding:5px 0 10px 0; margin:15px auto; color:#009bd2;}
.bloc-footer-center {width:100%; padding:0; margin:0 auto 30px auto; }

.textinfobulle { font-size:smaller; color:#009bd2;}

/* SECTIONS
------------------------------------------ */
.section-index { width:1160px; position:relative; margin:auto; }
.conf { background:#0a2d8c; position: inherit; }
.sorties { background: #AED2D6; position: inherit; }
.keywords { background-color: #E43500; padding:30px 0; color: #FFF;  }
.footer-part {background-color:#FFCF33; padding:10px 0; position: inherit; }
.footer-section {background-color:#F0FFFC; padding:0 0 10px 0; position: inherit; }
.introrub {  min-height:300px; background-image:linear-gradient(180deg, #E2F4FF 10%, #E2F4FF 100%); padding: 0; }
.intro-overlay { background-image:linear-gradient(180deg, #E2F4FF 0%, #FFF 100%); opacity:0.85; position: absolute; inset: 0; top:227px; }
.footer-sign {width: 100%; background-color:#144BA0; color: #FFF; padding:15px 0; position: inherit; }
.top-mainmenu { width: 100%; background-color:#0a2d8c; display: inline-block; }
#helloasso {width:100%; background-color:#f1891e; }
.txt-helloasso { width: 50%; display: inline-block; vertical-align: middle; text-align: right; margin: 10px 20px; }
.img-helloasso { width: 45%; display: inline-block; vertical-align: middle; }

.filet_sep {margin: 35px auto; }