/* FONTS
------------------------------------------------------------------------------------------- */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  display: swap;
  src: local(''),
       url('../../../__project/_ressources/_fonts/lato-v17-latin-regular.woff2') format('woff2'),
       url('../../../__project/_ressources/_fonts/lato-v17-latin-regular.woff') format('woff');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  display: swap;
  src: local(''),
       url('../../../__project/_ressources/_fonts/lato-v17-latin-700.woff2') format('woff2'),
       url('../../../__project/_ressources/_fonts/lato-v17-latin-700.woff') format('woff');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  display: swap;
  src: local(''),
       url('../../../__project/_ressources/_fonts/mulish-v1-latin-regular.woff2') format('woff2'),
       url('../../../__project/_ressources/_fonts/mulish-v1-latin-regular.woff') format('woff');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  display: swap;
  src: local(''),
       url('../../../__project/_ressources/_fonts/mulish-v1-latin-600.woff2') format('woff2'),
       url('../../../__project/_ressources/_fonts/mulish-v1-latin-600.woff') format('woff');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  display: swap;
  src: local(''),
       url('../../../__project/_ressources/_fonts/mulish-v1-latin-700.woff2') format('woff2'),
       url('../../../__project/_ressources/_fonts/mulish-v1-latin-700.woff') format('woff');
}



/* GENERAL
------------------------------------------------------------------------------------------- */

html,
body,
input,
textarea,
button {
font-family: 'Lato', sans-serif;
line-height: 1.3em;
color: #4d4d4d;
}

html {
position: relative;
background: #eee;
}

a {
color: #333;
background-color: transparent;
text-decoration: none;
}

a:hover {
color: #333;
background-color: transparent;
text-decoration: underline;
}


/* STRUCTURE
------------------------------------------------------------------------------------------- */

#fw_notices {
display: none;
}

div#fw_str_wrapper {
position: relative;
width: 100%;
background-color: #fff;
}

div.str-container {
position: relative;
margin: 0 auto;
width: 1230px;
}

h1.str-titre,
h2.str-titre-home {
padding-top: 20px;
padding-bottom: 15px;
font-size: 50px;
color: #5c9733;
font-family: 'Mulish', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}

h1.str-titre span,
h2.str-titre-home span {
position: relative;
padding: 0 32px;
}

h1.str-titre span:before,
h2.str-titre-home span:before {
position: absolute;
top: 18px;
left: 0;
content: '\f45c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 12px;
color: #5c9733;
}

h1.str-titre span:after,
h2.str-titre-home span:after {
position: absolute;
top: 18px;
right: 0;
content: '\f45c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 12px;
color: #5c9733;
}

h1.str-titre.fiche {
font-size: 30px;
}

h1.str-titre.fiche span:before,
h1.str-titre.fiche span:after {
top: 9px;
}


p.str-sstitre {
padding-bottom: 20px;
font-family: 'Mulish', sans-serif;
font-size: 18px;
text-align: center;
}

div.str-cta {
padding-top: 30px;
text-align: center;
}

div.str-cta a {
display: inline-block;
padding: 15px 20px;
background: #5c9733;
color: #fff;
text-align: center;
text-decoration: none;
font-family: 'Mulish', sans-serif;
font-size: 18px;
font-weight: bold;
}

div.str-cta a:hover {
background: #1c1c1c;
color: #fff;
}



/* COMPTEUR
------------------------------------------------------------------------------------------- */

div.str-compteur-liste ul {
padding-top: 40px;
text-align: right;
list-style: none;
}

div.str-compteur-liste li {
display: inline-block;
margin-bottom: 4px;
}

div.str-compteur-liste li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
background: #ddd;
}

div.str-compteur-liste li a.active {
background: #5c9733;
color: #fff;
}

div.str-compteur-liste li a:hover {
background: #aaa;
color: #fff;
text-decoration: none;
}

div.str-compteur-fiche ul {
display: block;
text-align: center;
list-style: none;
}

div.str-compteur-fiche li {
display: inline-block;
vertical-align: middle;
}

div.str-compteur-fiche li a {
display: block;
padding: 10px;
text-decoration: none;
}

div.str-compteur-fiche li a:hover {
text-decoration: none;
}

div.str-compteur-fiche li a i {
padding-top: 30px;
font-size: 18px;
}




/* ENTETE
------------------------------------------------------------------------------------------- */

div#str-entete {
height: 665px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

div#fw_str_wrapper.int div#str-entete {
height: 460px;
}

div#fw_str_wrapper.int div#str-entete.no_img {
height: 120px;
}

div#str-entete div.bande {
position: fixed;
z-index: 98;
top: 0;
left: 0;
width: 100%;
height: 105px;
background: rgba(255,255,255, .85);
transition-duration: 0.5s;
}

div#str-entete div.bande.is_scroll {
background: #eee;
}



/* AGENDA UNE
------------------------------------------------------------------------------------------- */

div#str-agenda_une {
position: absolute;
top: 150px;
width: 300px;
right: 0;
padding: 20px 0 20px 20px;
background: rgba(255,255,255,.8);
}

div#str-agenda_une h2  {
color: #5c9733;
font-family: 'Mulish', sans-serif;
font-size: 25px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}

div#slider-agenda_une  {
position: relative;
width: 280px;
}

div#slider-agenda_une .fw_slider_arrow {
display: block;
position: absolute;
top: -10px;
width: 30px;
height: 30px;
font-size: 25px;
color: #5c9733;
background: transparent;
}

div#slider-agenda_une .fw_slider_arrow.fw_slider_arrow_left {
left: 0;
text-align: left;
}

div#slider-agenda_une .fw_slider_arrow.fw_slider_arrow_right {
right: 20px;
text-align: right;
}

div#str-agenda_une .fw_slider_arrow:hover {
text-decoration: none;
color: #1c1c1c;
}

div#str-agenda_une a.img {
display: block;
margin-top: 10px;
width: 260px;
height: 110px;
background-repeat: no-repeat;
background-position: center center;
}

div#str-agenda_une p.date {
padding-top: 10px;
color: #5c9733;
font-family: 'Mulish', sans-serif;
font-size: 18px;
font-weight: 700;
}

div#str-agenda_une p.lieu {
padding-top: 10px;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
}

div#str-agenda_une p.suite a {
display: inline-block;
padding-top: 10px;
color: #5c9733;
font-family: 'Mulish', sans-serif;
font-size: 18px;
font-weight: 700;
}

div#str-agenda_une p.suite a:hover {
text-decoration: none;
color: #1c1c1c;
}

div#str-agenda_une a.all {
display: block;
margin: 10px 20px 0 0;
padding: 15px 0;
background: #5c9733;
color: #fff;
text-align: center;
text-decoration: none;
font-family: 'Mulish', sans-serif;
font-size: 18px;
font-weight: 700;
}

div#str-agenda_une a.all:hover {
background: #1c1c1c;
}



/* MENU 1
------------------------------------------------------------------------------------------- */

div#str-menu1 {
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 105px;
}

div#str-menu1 a.logo {
display: block;
position: absolute;
z-index: 100;
top: 10px;
left: 0;
width: 170px;
height: 85px;
background: transparent url(str-logo.png) no-repeat 0 0;
background-size: contain;
}

div#str-menu1 p.baseline {
display: none;
position: absolute;
z-index: 100;
top: 20px;
left: 130px;
font-size: 18px;
color: #5c9733;
font-family: 'Mulish', sans-serif;
font-weight: 700;
}

html.is_blocs_grid nav#fw_str_menu-principal {
position: absolute;
top: 68px;
left: 180px;
z-index: 100;
}

html.is_blocs_grid nav#fw_str_menu-principal ul {
list-style: none;
}

html.is_blocs_grid nav#fw_str_menu-principal a {
display: block;
padding: 0 15px;
text-transform: uppercase;
font-family: 'Mulish', sans-serif;
font-size: 14px;
font-weight: 700;
}

html.is_blocs_grid nav#fw_str_menu-principal ul.niv1_ul {
display: block;
width: 1100px;
}

html.is_blocs_grid nav#fw_str_menu-principal li.niv1_li {
position: relative;
display: inline-block;
height: 35px;
}

html.is_blocs_grid nav#fw_str_menu-principal li.niv1_li:after {
position: absolute;
top: 0;
right: -15px;
padding-right: 10px;
content: '\f45c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 8px;
color: #5c9733;
}

html.is_blocs_grid nav#fw_str_menu-principal a.niv1_a {
height: 35px;
}

html.is_blocs_grid nav#fw_str_menu-principal li.niv1_li.last:after {
content: '';
}

html.is_blocs_grid nav#fw_str_menu-principal a:hover,
html.is_blocs_grid nav#fw_str_menu-principal li.niv1_li:hover a.niv1_a,
html.is_blocs_grid nav#fw_str_menu-principal li.niv1_li.active a.niv1_a,
html.is_blocs_grid nav#fw_str_menu-principal li.niv2_li.active a.niv2_a,
html.is_blocs_grid nav#fw_str_menu-principal li.niv3_li.active a.niv3_a {
text-decoration: none;
color: #5c9733;
}

html.is_blocs_grid nav#fw_str_menu-principal ul.niv2_ul {
display: none;
position: absolute;
z-index: 100;
top: 16px;
left: -20px;
padding: 20px;
width: 350px;
}

html.is_blocs_grid nav#fw_str_menu-principal li.niv1_li:hover ul.niv2_ul {
display: block;
}

html.is_blocs_grid nav#fw_str_menu-principal li.niv2_li {
display: block;
padding-top: 1px;
}

html.is_blocs_grid nav#fw_str_menu-principal a.niv2_a {
position: relative;
padding: 7px 15px 7px 25px;
background: rgba(255,255,255,.9);
}

html.is_blocs_grid nav#fw_str_menu-principal a.niv2_a:before {
position: absolute;
top: 5px;
left: 13px;
content: '\f45c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 6px;
}

html.is_blocs_grid nav#fw_str_menu-principal ul.niv3_ul {
padding-bottom: 15px;
background: rgba(255,255,255,.9);
}

html.is_blocs_grid nav#fw_str_menu-principal li.niv3_li {
display: block;
}

html.is_blocs_grid nav#fw_str_menu-principal a.niv3_a {
position: relative;
padding: 3px 15px 3px 30px;
text-transform: none;
}

html.is_blocs_grid nav#fw_str_menu-principal a.niv3_a:before {
position: absolute;
top: 3px;
left: 18px;
content: '\f105';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}



/* RACCOURCIS
------------------------------------------------------------------------------------------- */

div#str-raccourcis {
position: absolute;
top: 0;
right: 0;
height: 40px;
}

div#str-raccourcis ul {
list-style: none;
}

div#str-raccourcis li {
padding-left: 2px;
height: 40px;
}

div#str-raccourcis a {
display: block;
padding: 0 7px;
height: 40px;
line-height: 40px;
background: #5c9733;
color: #fff;
text-align: center;
text-transform: uppercase;
font-family: 'Mulish', sans-serif;
font-size: 14px;
}

div#str-raccourcis li.ico a {
width: 40px;
font-size: 18px;
}

div#str-raccourcis a:hover {
text-decoration: none;
background: #1c1c1c;
}

div#str-raccourcis li.socials * {
margin: 0;
padding: 0;
background: none;
border-radius: 0;
}

div#str-raccourcis li.socials *:hover {
opacity: 1;
}

div#str-raccourcis li.socials ul {
display: table;
}

div#str-raccourcis li.socials li {
display: table-cell;
padding-left: 2px;
}

div#str-raccourcis li.socials button {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
background: #5c9733;
}

div#str-raccourcis li.socials button:hover {
background: #1c1c1c;
}



/* BOUSSOLE
------------------------------------------------------------------------------------------- */

div#str-boussole {
padding-top: 30px;
}

div#str-boussole ul {
list-style: none;
text-align: right;
}

div#str-boussole li {
display: inline-block;
}

div#str-boussole li:after {
content: '\f105';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 13px;
}

div#str-boussole a {
padding: 0 6px 0 3px;
font-family: 'Mulish', sans-serif;
font-size: 15px;
}

div#str-boussole li:last-child:after {
content: '';
}

div#str-boussole li:last-child a {
padding-right: 0;
color: #5c9733;
}

div#str-boussole a:hover {
text-decoration: none;
color: #1c1c1c !important;
}



/* CONTENT
------------------------------------------------------------------------------------------- */

div#str-content {
padding: 10px 0 60px 0;
overflow-x: hidden;
}

div#str-content div.contenu {
padding-top: 20px;
}

.tao_bloc-cell {
position: relative;
overflow: visible !important;
}



/* PIED
------------------------------------------------------------------------------------------- */

div#str-pied {
padding: 40px 0;
background: #eee;
border-top: 1px solid #5c9733;
}

nav#fw_str_menu-pied ul {
display: table;
width: 100%;
table-layout: fixed;
list-style: none;
}

nav#fw_str_menu-pied li.niv1_li {
display: table-cell;
padding: 0 100px;
}

nav#fw_str_menu-pied li a {
font-size: 14px;
color: #5c9733;
text-decoration: none;
font-family: 'Mulish', sans-serif;
font-size: 14px;
font-weight: 600;
}

nav#fw_str_menu-pied li a.niv1_a {
text-transform: uppercase;
font-weight: 700;
}

nav#fw_str_menu-pied li a:hover,
nav#fw_str_menu-pied li.niv1_li.active a.niv1_a,
nav#fw_str_menu-pied li.niv2_li.active a.niv2_a {
color: #1c1c1c;
}



/* ACTUALITES UNE
------------------------------------------------------------------------------------------- */

div#str-actualites_une .fw_tb {
table-layout: fixed;
background: #fafafa;
}

div#str-actualites_une .fw_td {
width: 50%;
}

div#str-actualites_une .fw_td.img {
width: 615px;
height: 320px;
}

div#str-actualites_une .fw_td.img a {
display: block;
height: 320px;
}

div#str-actualites_une .fw_td.content {
padding: 50px 25px 0 25px;
}

div#str-actualites_une .fw_td.content p.titre {
font-family: 'Mulish', sans-serif;
font-size: 25px;
line-height: 1.2em;
text-transform: uppercase;
font-weight: 600;
}

div#str-actualites_une .fw_td.content p.resume {
padding-top: 20px;
}

div#str-actualites_une .fw_td.content p.suite {
padding-top: 20px;
}

div#str-actualites_une .fw_td.content p.suite a {
font-family: 'Mulish', sans-serif;
font-size: 18px;
font-weight: 700;
color: #5c9733;
}

div#str-actualites_une .fw_td.content p.suite a:hover {
text-decoration: none;
color: #1c1c1c;
}



/* FOCUS UNE
------------------------------------------------------------------------------------------- */

div#str-focus_une  {
padding-top: 80px;
}

div#str-focus_une .une {
padding: 20px 0 40px 0;
}

div#str-focus_une .une .logo {
position: absolute;
top: -100px;
right: 0;
width: 300px;
height: 300px;
background-repeat: no-repeat;
background-position: right top;
}

div#str-focus_une .une.pair {
background-color: #fafafa;
}

div#str-focus_une .une.is_img .str-cta {
text-align: left;
}

div#str-focus_une .une .str-cta a {
padding: 15px 60px;
}

div#str-focus_une .une p.resume {
padding: 30px 120px 0 0;
}

div#str-focus_une .une.no_img p.resume {
padding: 10px 120px 0 120px;
text-align: center;
}



/* BLO_CONTACT
------------------------------------------------------------------------------------------- */

div.blo_contact .fw_field {
display: table;
width: 100%;
}

div.blo_contact .fw_field_label {
display: table-cell;
padding: 10px 0;
width: 120px;
}

div.blo_contact .fw_field_content {
display: table-cell;
padding: 10px 0;
}

div.blo_contact .fw_field.fw_field_submit .fw_field_content {
padding-left: 120px;
}

div.blo_contact .abo {
margin-left: 120px;
margin-top: 20px;
padding: 20px;
background: #fafafa;
}

div.blo_contact .abo_txt1 {
padding-left: 4px;
}

div.blo_contact .abo_txt2 {
display: block;
padding-left: 20px;
color: #999;
font-size: 12px;
}

div.blo_contact .privacy {
display: block;
padding-left: 20px;
color: #999;
font-size: 12px;
}

div.blo_contact .privacy a {
padding-left: 5px;
color: #999;
text-decoration: none;
}

div.blo_contact .privacy a:hover {
color: #333;
}



/* BLO_ABONNEMENT
------------------------------------------------------------------------------------------- */

div.blo_abonnement .privacy {
display: block;
padding-top: 20px;
color: #999;
font-size: 12px;
}

div.blo_abonnement .privacy a {
padding-left: 5px;
color: #999;
text-decoration: none;
}

div.blo_abonnement .privacy a:hover {
color: #333;
}



/* NEWSLETTER ENCART
------------------------------------------------------------------------------------------- */

div#str-newsletter_encart {
margin-bottom: 100px;
height: 400px;
background: #fff url(str-newsletter_encart.jpg) no-repeat center center;
background-size: cover;
}

div#str-newsletter_encart h2.str-titre-home,
div#str-newsletter_encart h2.str-titre-home span:before,
div#str-newsletter_encart h2.str-titre-home span:after,
div#str-newsletter_encart p.str-sstitre {
color: #fff;
}

div#str-newsletter_encart h2.str-titre-home  {
padding-top: 50px;
}

div#str-newsletter_encart p.resume  {
padding: 30px 100px 0 100px;
color: #fff;
text-align: center;
}



/* BLO_SOMMAIRE
------------------------------------------------------------------------------------------- */

div.blo_sommaire .fw_tb {
table-layout: fixed;
}

div.blo_sommaire .fw_td_vide {
width: 20px;
}

div.blo_sommaire .fw_tr_vide {
height: 40px;
}

div.blo_sommaire a {
display: block;
text-decoration: none;
font-size: 17px;
color: #4d4d4d;
}

div.blo_sommaire a:hover {
text-decoration: none;
color: #1c1c1c;
}

div.blo_sommaire span.img {
display: block;
height: 270px;
background-position: center center;
background-size: cover;
}

div.blo_sommaire span.titre {
padding: 10px 10px 0 10px;
display: block;
font-family: 'Mulish', sans-serif;
font-size: 25px;
line-height: 1.2em;
text-transform: uppercase;
font-weight: 600;
}

div.blo_sommaire span.resume {
padding: 10px 10px 0 10px;
display: block;
}

div.blo_sommaire span.link {
padding: 10px 10px 0 10px;
display: block;
font-family: 'Mulish', sans-serif;
font-size: 18px;
font-weight: 700;
color: #5c9733;
}

div.blo_sommaire span.link:after {
padding-left: 5px;
content: '\f30b';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

div.blo_sommaire a:hover span.link {
color: #1c1c1c;
}




/* BLO_SITEMAP
------------------------------------------------------------------------------------------- */

div.blo_sitemap ul {
list-style: none;
}

div.blo_sitemap li {
padding-bottom: 20px;
}

div.blo_sitemap li:before {
padding-right: 4px;
content: '\f0da';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

div.blo_sitemap li li {
padding-left: 20px;
padding-bottom: 0;
}

div.blo_sitemap li li:before {
vertical-align: top;
padding-right: 4px;
content: '\f111';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 6px;
}

div.blo_sitemap a {
color: #333;
text-decoration: none;
}

div.blo_sitemap a:hover {
text-decoration: underline;
}





/* BLO_ACTUALITES
------------------------------------------------------------------------------------------- */

div.blo_actualites div.fw_tb {
table-layout: fixed;
width: 100%;
}

div.blo_actualites div.fw_td.vide {
width: 20px;
}

div.blo_actualites div.fw_td.fiche {
padding-bottom: 50px;
}

div.blo_actualites div.fw_td.fiche span.img {
position: relative;
display: block;
height: 420px;
background-position: center center;
background-size: cover;
}

div.blo_actualites div.fw_td.fiche span.img a {
display: block;
height: 420px;
}

div.blo_actualites div.fw_td.fiche span.titre {
padding: 10px 10px 0 10px;
display: block;
font-family: 'Mulish', sans-serif;
font-size: 22px;
line-height: 1.2em;
text-transform: uppercase;
font-weight: 600;
}

div.blo_actualites div.fw_td.fiche span.img span.titre {
position: absolute;
bottom: 0;
left: 0;
padding-bottom: 10px;
width: 100%;
background: rgba(255,255,255,.8);
}

div.blo_actualites div.fw_td.fiche span.sstitre {
padding: 10px 10px 0 10px;
display: block;
color: #aaa;
}

div.blo_actualites div.fw_td.fiche span.resume {
padding: 10px 10px 0 10px;
display: block;
}

div.blo_actualites div.fw_td.fiche span.link {
padding: 10px 10px 0 10px;
display: block;
}

div.blo_actualites div.fw_td.fiche span.link a {
text-decoration: none;
font-family: 'Mulish', sans-serif;
font-size: 18px;
font-weight: 700;
color: #5c9733;
}

div.blo_actualites div.fw_td.fiche span.link a:hover {
text-decoration: none;
color: #1c1c1c;
}

div.blo_actualites div.fw_td.fiche span.link a:after {
padding-left: 5px;
content: '\f30b';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}



/* BLO_AGENDA
------------------------------------------------------------------------------------------- */

div.blo_agenda div.onglets {
padding-bottom: 60px;
}

div.blo_agenda div.onglet {
text-align: center;
}

div.blo_agenda div.onglet a {
padding: 5px 10px;
font-size: 18px;
text-decoration: none;
color: #999;
text-transform: uppercase;
font-weight: bold;
border-bottom: 5px solid #ccc;
}

div.blo_agenda div.onglet a:hover,
div.blo_agenda div.onglet.active a {
color: #000;
border-color: #15933e;
}

div.blo_agenda div.fw_tb {
width: 100%;
}

div.blo_agenda div.fw_td.dates {
padding: 20px 0;
width: 240px;
text-align: center;
border-bottom: 1px solid #ccc;
}

div.blo_agenda div.fw_td.dates span.date {
display: inline-block;
vertical-align: top;
width: 80px;
}

div.blo_agenda div.fw_td.dates span.fleche {
display: inline-block;
vertical-align: top;
text-align: center;
width: 20px;
color: #15933e;
font-size: 20px;
height: 60px;
line-height: 60px;
}

div.blo_agenda div.fw_td.dates span.date span {
display: block;
text-align: center;
}

div.blo_agenda div.fw_td.dates span.date span.j {
background: #15933e;
color: #fff;
font-size: 30px;
font-weight: 700;
height: 60px;
line-height: 60px;
}

div.blo_agenda div.fw_td.dates span.date span.m {
padding-bottom: 10px;
background: #15933e;
color: #fff;
font-size: 12px;
line-height: 14px;
font-family: 'Mulish', sans-serif;
text-transform: uppercase;
}

div.blo_agenda div.fw_td.img {
padding: 20px 0;
width: 200px;
border-bottom: 1px solid #ccc;
}

div.blo_agenda div.fw_td.img span {
display: block;
width: 180px;
height: 140px;
background-position: left top;
background-size: contain;
background-repeat: no-repeat;
}

div.blo_agenda div.fw_td.fiche {
padding: 20px 0;
border-bottom: 1px solid #ccc;
}

div.blo_agenda div.fw_td.fiche span.titre {
display: block;
font-family: 'Mulish', sans-serif;
text-transform: uppercase;
font-size: 22px;
line-height: 1.2em;
font-weight: 600;
}

div.blo_agenda div.fw_td.fiche span.resume {
padding-top: 10px;
display: block;
}

div.blo_agenda div.fw_td.fiche span.link {
padding-top: 10px;
display: block;
}

div.blo_agenda div.fw_td.fiche span.link a {
text-decoration: none;
font-family: 'Mulish', sans-serif;
font-size: 18px;
font-weight: 700;
color: #5c9733;
}

div.blo_agenda div.fw_td.fiche span.link a:hover {
text-decoration: none;
color: #1c1c1c;
}

div.blo_agenda div.fw_td.fiche span.link a:after {
padding-left: 5px;
content: '\f30b';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

div.blo_agenda_archives {
padding-top: 40px;
}

div.blo_agenda_archives div.str-cta a:hover {
text-decoration: none;
}




/* BLO_ACTES
------------------------------------------------------------------------------------------- */

div.blo_actes h3.theme {
padding: 20px 50px 30px 50px;
text-align: center;
}

div.blo_actes h3.theme span {
display: inline-block;
padding: 0 20px 20px 20px;
font-size: 20px;
line-height: 25px;
font-weight: bold;
border-bottom: 1px solid #333;
}

div.blo_actes div.col1 {
padding-right: 50px;
width: 350px;
}

div.blo_actes div.search {
padding-bottom: 20px;
}

div.blo_actes div.search div.content {
padding: 20px;
background: #eee;
}

div.blo_actes div.search div.content h3 {
padding-bottom: 15px;
text-transform: uppercase;
font-weight: bold;
}

div.blo_actes div.liaison {
padding-bottom: 5px;
}

div.blo_actes div.liaison a {
display: block;
padding: 20px;
background: #eee;
text-decoration: none;
}

div.blo_actes div.liaison .ico {
width: 25px;
}

div.blo_actes div.liaison .titre {
display: block;
}

div.blo_actes div.liaison .resume {
display: block;
padding-top: 4px;
color: #999;
font-size: 13px;
line-height: 16px;
}

div.blo_actes div.liaison a:hover {
color: #fff;
background: #5c9733;
}

div.blo_actes div.liaison a:hover .resume {
color: #fff;
}

div.blo_actes p.poster {
padding: 40px 0 20px 30px;
font-weight: bold;
text-transform: uppercase;
}

div.blo_actes ul.links {
list-style: none;
}

div.blo_actes li.link {
display: block;
padding-bottom: 10px;
}

div.blo_actes li.link a {
display: block;
padding: 10px 20px;
text-decoration: none;
border-left: 10px solid #fff;
}

div.blo_actes li.link a:hover {
background: #eee;
border-left: 10px solid #5c9733;
}

div.blo_actes li.link a.poster:hover {
border-left: 10px solid #1c1c1c;
}

div.blo_actes li.link a span {
display: block;
}

div.blo_actes li.link a span.journee {
color: #333;
}

div.blo_actes li.link a span.date {
padding: 0 0 5px 0;
font-size: 13px;
color: #999;
}

div.blo_actes li.link a span.titre {
font-family: 'Mulish', sans-serif;
font-size: 18px;
font-weight: 700;
color: #5c9733;
}

div.blo_actes li.link a span.auteurs {
color: #333;
}

div.blo_actes li.link a span.auteurs span.auteur {
display: inline;
padding-right: 10px;
}

div.blo_actes div.str-cta a:hover {
text-decoration: none;
}





/* ARTICLES (ACTES / REVUES)
------------------------------------------------------------------------------------------- */

div.blo_articles div.blo_revues_search {
padding-right: 50px;
width: 350px;
}

div.blo_articles p.results {
padding-bottom: 20px;
color: #5c9733;
text-transform: uppercase;
}

div.blo_articles p.search_infos {
padding-bottom: 20px;
color: #5c9733;
}

div.blo_articles ul {
list-style: none;
}

div.blo_articles a.link {
text-decoration: none;
}

div.blo_articles a.link:hover {
background: #eee;
text-decoration: none;
}

div.blo_articles a.link span.fw_td {
padding: 5px 10px;
vertical-align: middle;
border-bottom: 10px solid #fff;
}

div.blo_articles a.link span.numero {
width: 70px;
background: #5c9733;
text-align: center;
color: #fff;
font-size: 14px;
}

div.blo_articles a.link span.numero.page {
background: #999;
}

div.blo_articles a.link span.date {
display: block;
color: #999;
font-size: 13px;
}

div.blo_articles a.link span.titre {
display: block;
}

div.blo_articles h3.titre {
padding: 20px 50px 30px 50px;
text-align: center;
}

div.blo_articles h3.titre span {
display: inline-block;
padding: 0 20px 20px 20px;
font-size: 20px;
line-height: 25px;
font-weight: bold;
border-bottom: 1px solid #333;
}

div.blo_articles p.sstitre {
padding: 10px 100px 40px 100px;
color: #999;
font-size: 16px;
text-align: center;
text-transform: uppercase;
}

div.blo_articles div.revue li.article span.auteurs {
display: inline;
padding-right: 10px;
color: #666;
font-size: 13px;
}

div.blo_articles div.revue li.article span.auteurs span.sep {
padding: 0 10px 0 5px;
}

div.blo_articles div.revue li.article span.auteurs span.auteur {
padding: 0 5px;
}

div.blo_articles div.revue p.rubrique {
padding: 20px 0;
font-weight: bold;
color: #5c9733;
font-size: 18px;
}

div.blo_articles div.revue p.resume {
padding-bottom: 30px;
}

div.blo_articles div.revue div.prix {
margin-top: 20px;
}

div.blo_articles div.revue div.prix span.fw_td {
vertical-align: middle;
}

div.blo_articles div.revue div.prix span.lib {
width: 70px;
background: #ccc;
text-align: center;
color: #fff;
font-size: 12px;
}

div.blo_articles div.revue div.prix span.infos {
padding: 5px 10px;
font-size: 12px;
font-style: italic;
}

div.blo_articles div.rech_encours {
text-align: center;
font-weight: bold;
}

div.blo_articles div.rech_encours span.lib {
display: inline-block;
margin: 6px 6px 40px 6px;
}

div.blo_articles div.rech_encours button {
margin: 6px 6px 40px 6px;
padding: 3px 10px;
border-radius: 5px;
background: #1c1c1c;
color: #fff;
font-size: 13px;
}

div.blo_articles div.rech_encours button:hover {
background: #999;
}




/* ARTICLE (ACTES / REVUES)
------------------------------------------------------------------------------------------- */

div.blo_article h4 {
padding: 0 200px 0 200px;
color: #5c9733;
font-size: 20px;
line-height: 25px;
text-align: center;
}

div.blo_article h5 {
padding-bottom: 15px;
color: #5c9733;
font-size: 16px;
line-height: 20px;
}

div.blo_article p.auteurs {
padding: 10px 100px 40px 100px;
color: #666;
font-size: 16px;
text-align: center;
}

div.blo_article p.auteurs span.sep {
padding: 0 10px 0 5px;
}

div.blo_article p.auteurs .auteur {
padding: 0 5px;
font-size: 16px;
color: #666;
}

div.blo_article p.auteurs button.auteur:hover {
color: #5c9733;
}

div.blo_article div.fw_tb {
margin-bottom: 40px;
}

div.blo_article div.resume p {
text-align: justify;
}

div.blo_article div.resume div.keywords {
padding-top: 20px;
font-size: 14px;
color: #666;
}

div.blo_article div.resume div.keywords button {
font-size: 14px;
color: #666;
}

div.blo_article div.resume div.keywords button:hover {
color: #5c9733;
}

div.blo_article div.resume div.en {
padding-top: 40px;
}

div.blo_article div.resume div.en div.trait {
padding-top: 40px;
width: 100px;
border-top: 1px solid #999;
}

div.blo_article div.resume p.citation {
position: relative;
padding-top: 25px;
font-style: italic;
font-size: 14px;
}

div.blo_article div.resume div.prix {
margin-top: 40px;
}

div.blo_article div.resume div.prix span.fw_td {
vertical-align: middle;
}

div.blo_article div.resume div.prix span.lib {
width: 70px;
background: #ccc;
text-align: center;
color: #fff;
font-size: 12px;
}

div.blo_article div.resume div.prix span.infos {
padding: 5px 10px;
font-size: 12px;
font-style: italic;
}

div.blo_article div.btn {
padding-left: 100px;
width: 400px;
}

div.blo_article div.btn div.infos {
margin-bottom: 30px;
padding: 20px;
background: #eee;
}

div.blo_article div.btn div.str-cta {
padding-top: 0;
padding-bottom: 40px;
}

div.blo_article div.btn div.str-cta a {
display: block;
width: 100%;
}

div.blo_article div.btn div.str-cta p {
padding-top: 5px;
font-size: 12px;
color: #999;
text-align: center;
}

div.blo_article div.str-cta a:hover {
text-decoration: none;
}


div.blo_revues_search div.content {
padding: 20px;
background: #eee;
}

div.blo_revues_search div.content h3 {
padding-bottom: 15px;
text-transform: uppercase;
font-weight: bold;
}





/* BLO_RECHERCHE
------------------------------------------------------------------------------------------- */

div.blo_recherche div.moteur {
padding: 20px;
background: #eee;
text-align: center;
}

div.blo_recherche div.moteur .fw_field {
display: inline-block;
}

div.blo_recherche div.moteur .fw_field input[type=text] {
width: 600px;
}

div.blo_recherche div.moteur .fw_field_label  {
display: none;
}

div.blo_recherche div.moteur .fw_field_content {
width: 100%;
}

div.blo_recherche div.moteur .fw_form_actions {
display: inline-block;
margin-top: 0;
}

div.blo_recherche div.resultats {
padding-top: 20px;
}

div.blo_recherche a.element {
display: block;
padding: 20px;
text-decoration: none !important;
border-bottom: 2px solid #eee;
}

div.blo_recherche a.element:hover {
background: #eee;
}

div.blo_recherche .fw_td {
vertical-align: top;
}

div.blo_recherche .img {
width: 180px;
}

div.blo_recherche .img .visuel {
display: block;
width: 150px;
height: 100px;
background-color: transparent;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}

div.blo_recherche .infos span {
display: block;
}

div.blo_recherche .infos span.titre {
text-transform: uppercase;
font-family: 'Mulish', sans-serif;
font-size: 18px;
line-height: 1.3em;
font-weight: 600;
}

div.blo_recherche .infos span.sstitre {
padding-top: 10px;
color: #999;
}

div.blo_recherche .infos span.resume {
padding-top: 10px;
}

div.blo_recherche span.suite {
text-align: right;
color: #5c9733;
}

div.blo_recherche span.suite:before {
padding-right: 5px;
content: '\f45c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 10px;
}

div.blo_recherche .fw_liste_compteur {
padding-top: 20px;
}

div.blo_recherche .fw_liste_compteur-nav-numbers {
display: table;
}

div.blo_recherche .fw_liste_compteur a.fw_liste_compteur-numbers,
div.blo_recherche .fw_liste_compteur a.fw_liste_compteur-prec,
div.blo_recherche .fw_liste_compteur a.fw_liste_compteur-suiv {
display: table-cell;
width: 40px;
border-left: 2px solid #fff;
border-radius: 0;
}

div.blo_recherche .fw_liste_compteur a.fw_liste_compteur-numbers:hover {
color: #fff;
}

div.blo_recherche .fw_liste_compteur a.fw_liste_compteur-numbers-active {
background-color: #5c9733;
}

div.blo_recherche .fw_liste_compteur a.fw_liste_compteur-prec:hover i,
div.blo_recherche .fw_liste_compteur a.fw_liste_compteur-suiv:hover i {
color: #5c9733 !important;
}


/* ESPACE ADHERENTS
------------------------------------------------------------------------------------------- */

div#str-connexion {
margin: 0 auto;
padding: 20px 0 80px 0;
width: 400px;
}

div#str-cgu {
margin: 20px auto 80px auto;
padding: 20px;
width: 500px;
background: #eee;
}

div#str-cgu label {
padding-left: 5px;
}