/* Tableau */
table.spip { width: 100%; border-collapse: collapse; border-spacing: 0; line-height: normal;border-style: none;margin-right: auto;margin-top: 0;margin-left: auto;vertical-align: top;}
.tab_events, .url {font-size: 100%;font-weight: 600;text-decoration: none;}
.lieux {font-size: 100%;font-weight: 400;}
.annee_select {font-size: 1.6em;margin-top: -4px;}
.evenement_type {font-size: 1em;font-weight: 600;}
.info_c1 {font-weight: 400;}
.info_c2, .info_c3, .info_c4, .info_c5 {font-size: 100%;font-weight: 400;}
li.entry, li.evenement {text-align: left;list-style: none;width: 100%;font-size: 95%;}
ul.listes-events {margin-left: 0;padding-left: 0;list-style-position: inside;padding-top: 0;margin-top: 0;}
.listes-events ul li{margin-left: 0;padding-left: 0;}
.annul {color: red;font-weight: 600;}

.years {font-size: 1.3em;padding-top: 0;font-weight: 700;margin: 5px auto;display: inline-block;text-align: center;text-decoration: none;letter-spacing: 0.2px;}
.years a {font-size: 1.3em;padding-top: 0;font-weight: 700;margin: 5px auto;display: inline-block;text-align: center;text-decoration: none;letter-spacing: 0.2px;}
.years a:link {color: #a700ff;text-decoration: none;}
.years a:visited {color: #a700ff;text-decoration: none;}
.years a:hover {color: #1d1d1d;text-decoration: none;}
.years a:active {color: #1d1d1d;text-decoration: none;}

.years_open {font-size: .6em;color: #FFF;font-weight: 100;text-transform: uppercase;margin-bottom: 0px;clear: both;}

.dates_event h3 {font-size: 1.2em;font-weight: 500;}
.dates_event_past {color: gray;}
.negatif_agenda a {color: #a700ff;text-decoration: none;}
.negatif_agenda a:link {color: #a700ff;text-decoration: none;}
.negatif_agenda a:visted {color: #a700ff;text-decoration: none;}
.negatif_agenda a:hover {color: #1d1d1d;text-decoration: none;}
.negatif_agenda a:active {color: #1d1d1d;text-decoration: none;}

.tab_events a, span a{color: #a700ff;text-decoration: none;}
.tab_events a:link, span a:link {color: #a700ff;text-decoration: none;}
.tab_events a:visted, span a:visited {color: #a700ff;text-decoration: none;}
.tab_events a:hover, span a:hover {color: #1d1d1d;text-decoration: none;}
.tab_events a:active, span a:active{color: #1d1d1d;text-decoration: none;}

.url span a:link {font-weight: 600;color: #a700ff;text-decoration: none;}
.url span a:visited {font-weight: 600;color: #a700ff;text-decoration: none;}
.url span a:hover {font-weight: 600;color: #1d1d1d;text-decoration: none;}
.url span a:active {font-weight: 600;color: #1d1d1d;text-decoration: none;}

span.lieux a:link {font-weight: 600;color: #a700ff;text-decoration: none;}
span.lieux a:visited {font-weight: 600;color: #a700ff;text-decoration: none;}
span.lieux a:hover {font-weight: 600;color: #1d1d1d;text-decoration: none;}
span.lieux a:active {font-weight: 600;color: #1d1d1d;text-decoration: none;}

abbr[data-original-title], abbr[title] {cursor: help;border-bottom: none;}

.no_display {display: none;visibility: hidden;}
h2.agenda_annee:first-of-type{margin-top: 0px;padding-top: 0;}
h2.agenda_annee {margin-top: 20px;margin-bottom: 5px;}

.mois {font-size: 1.2em;color: #1d1d1d;font-weight: 600;margin-bottom: 3px;clear: both;margin-top: 40px;padding-bottom: 5px;display: inline-block;border-top: 4px solid #a700ff;width: 60%;padding-top: 15px;text-transform: capitalize;}

/* en responsive,  lineariser le tableau pour eviter les scrolls*/

@media (max-width: 768px) {
.years {width: auto!important;}
.mois {margin-top: 20px;}
li.entry, li.evenement {text-align: left;list-style: none;width: 100%;font-size: 100%;margin-bottom: 10px;margin-top: 10px;}
}

@media (max-width: 640px) {
table.spip th, table.spip tr, table.spip td {display:block;}
table.spip thead th {border-bottom:none !important;}
table.spip thead th+th {border-top:none;}
table.spip tr {border-bottom: 1px solid;margin-bottom: -1px;}
table.spip td {border-bottom:none;}
}