/* compact [
	prive/spip_style.css
	plugins-dist/jquery_ui/css/ui/jquery-ui.css
	plugins-dist/mediabox/colorbox/thickbox/colorbox.css
	plugins/zone/typo_guillemets/css/typo_guillemets.css
	plugins/diplo/exo/typo.css
	plugins/diplo/exo/habillage.css
	squelettes/impression.css
	plugins/diplo/exo/responsive.css
	plugins/diplo/diplo-paris/cops.css
	plugins/diplo/paywall/paywall.css
	squelettes/mailmansub.css
	plugins/diplo/pubs/pubs.css
	plugins/diplo/connexion/connexion.css
	plugins/zone/photoswipe/lib/photoswipe/photoswipe.css
	plugins/zone/photoswipe/lib/photoswipe/default-skin/default-skin.css
	plugins/diplo/telecharger_ebook/telecharger_ebooks.css
] 82.5% */

/* prive/spip_style.css */

h3.spip {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 1.4em;
    font-size: 1.15em;
    font-weight: 700
}

hr.spip {
    margin: 2em auto
}

ol.spip {
    list-style: decimal
}

blockquote.spip {
    margin: 2em 0;
    padding-left: 1em;
    border-left: .30em solid
}

blockquote.spip_poesie {
    margin: 2em 0;
    padding-left: 1em;
    border-left: 1px solid;
}

blockquote.spip_poesie div {
    text-indent: -3em;
    margin-left: 3em
}

.spip_code,
.spip_cadre {
    
    color: #036
}

.spip_cadre {
    width: 99%;
    background-color: #F4F8F8;
    border: 1px inset;
    font-size: inherit
}

div.spip_code,
.spip_cadre {
    margin-bottom: 1em
}

.spip_surligne {
    background: #FF6
}

table.spip {
    max-width: 99%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: normal
}

table.spip caption {
    caption-side: top;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    font-weight: 700
}

table.spip tr.row_first {
    background: #fff
}

table.spip tr.row_odd {
    background: #f0f0f0
}

table.spip tr.row_even {
    background: #e0e0e0
}

table.spip th,
table.spip td {
    padding: .20em .40em;
    text-align: left;
    border: 1px solid #ccc
}

table.spip th {
    vertical-align: bottom;
    font-weight: 700
}

table.spip td {
    vertical-align: top
}

table.spip td.numeric {
    text-align: right
}

img,
.spip_logo {
    margin: 0;
    padding: 0;
    border: 0
}

.spip_documents {
    text-align: center;
    line-height: normal
}

.spip_documents p {
    margin: .10em;
    padding: 0
}

.spip_documents_center {
    display: block;
    clear: both;
    width: 100%;
    margin: 1em auto
}

.spip_documents_left {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px
}

.spip_documents_right {
    float: right;
    margin-left: 15px;
    margin-bottom: 5px
}

.spip_doc_titre {
    margin-right: auto;
    margin-left: auto;
    font-weight: 700;
    font-size: .90em
}

.spip_doc_descriptif {
    clear: both;
    margin-right: auto;
    margin-left: auto;
    font-size: .90em
}

.spip_modele {
    float: right;
    display: block;
    padding: 1em;
    border: 1px solid;
    width: 180px
}

a.spip_mail {
    color: #900
}

a.spip_mail:before {
    content: "\002709"
}

a.spip_out,
a[rel=external] {
    color: #009
}

a.spip_url {
    color: #009
}

a.spip_glossaire {
    color: #060
}

a.spip_glossaire:hover {
    text-decoration: underline overline
}

a[hreflang]:after {
    content: "\0000a0(" attr(hreflang) ")"
}

.on {
    font-weight: 700
}

/* plugins-dist/jquery_ui/css/ui/jquery-ui.css */

/*! jQuery UI - v1.12.1 - 2017-01-13
* http://jqueryui.com
* Includes:draggable.css,core.css,resizable.css,selectable.css,sortable.css,accordion.css,autocomplete.css,menu.css,button.css,controlgroup.css,checkboxradio.css,datepicker.css,dialog.css,progressbar.css,selectmenu.css,slider.css,spinner.css,tabs.css,tooltip.css,theme.css
* To view and modify this theme,visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityActive=75&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgImgOpacityContent=75&bgImgOpacityHeader=75&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23777620&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgTextureHighlight=flat&bgColorHighlight=%23fffa90&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%23999&bgTextureActive=flat&bgColorActive=%23999&iconColorHover=%23555555&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgTextureHover=flat&bgColorHover=%23ededed&iconColorDefault=%23777777&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgTextureDefault=flat&bgColorDefault=%23f6f6f6&iconColorContent=%23444444&fcContent=%23333333&borderColorContent=%23dddddd&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23444444&fcHeader=%23333333&borderColorHeader=%23dddddd&bgTextureHeader=flat&bgColorHeader=%23e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors;Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #e8efdb;
    font-weight: 400;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #999;
    background: #999;
    font-weight: 400;
    color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #999;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url('//www.lacor.info/plugins-dist/jquery_ui/css/ui/images/ui-icons_444444_256x240.png')
}

.ui-widget-header .ui-icon {
    background-image: url('//www.lacor.info/plugins-dist/jquery_ui/css/ui/images/ui-icons_444444_256x240.png')
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url('//www.lacor.info/plugins-dist/jquery_ui/css/ui/images/ui-icons_555555_256x240.png')
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url('//www.lacor.info/plugins-dist/jquery_ui/css/ui/images/ui-icons_ffffff_256x240.png')
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url('//www.lacor.info/plugins-dist/jquery_ui/css/ui/images/ui-icons_777620_256x240.png')
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url('//www.lacor.info/plugins-dist/jquery_ui/css/ui/images/ui-icons_cc0000_256x240.png')
}

.ui-button .ui-icon {
    background-image: url('//www.lacor.info/plugins-dist/jquery_ui/css/ui/images/ui-icons_777777_256x240.png')
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

/* plugins-dist/mediabox/colorbox/thickbox/colorbox.css */

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0
}

#colorbox {
    outline: 0
}

#cboxOverlay {
    background: #000
}

#cboxTopLeft {
    width: 10px;
    height: 10px;
    background: #fff
}

#cboxTopRight {
    width: 10px;
    height: 10px;
    background: #fff
}

#cboxBottomLeft {
    width: 10px;
    height: 10px;
    background: #fff
}

#cboxBottomRight {
    width: 10px;
    height: 10px;
    background: #fff
}

#cboxMiddleLeft {
    width: 10px;
    background: #fff
}

#cboxMiddleRight {
    width: 10px;
    background: #fff
}

#cboxTopCenter {
    height: 10px;
    background: #fff
}

#cboxBottomCenter {
    height: 10px;
    background: #fff
}

#cboxContent {
    background: #fff
}

#cboxLoadedContent {
    margin: 0 0 58px
}

#cboxTitle {
    position: absolute;
    bottom: 28px;
    left: 0;
    text-align: left;
    width: 100%;
    color: #000;
    font-weight: 700;
    font-size: .9em
}

#cboxCurrent {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #666;
    font-size: .85em;
    width: 45px;
    text-align: left
}

#cboxPrevious {
    position: absolute;
    bottom: 4px;
    left: 40px;
    background: url('//www.lacor.info/plugins-dist/mediabox/colorbox/thickbox/images/controls.png') 0 0 no-repeat;
    width: 13px;
    height: 13px;
    text-indent: -9999px
}

#cboxPrevious.hover {
    background-position: 0 -13px
}

#cboxNext {
    position: absolute;
    bottom: 4px;
    left: 60px;
    background: url('//www.lacor.info/plugins-dist/mediabox/colorbox/thickbox/images/controls.png') -13px 0 no-repeat;
    width: 13px;
    height: 13px;
    text-indent: -9999px
}

#cboxNext.hover {
    background-position: -13px -13px
}

#cboxSlideshow {
    position: absolute;
    bottom: 0;
    left: 80px;
    color: #666;
    font-size: .85em
}

#cboxLoadingOverlay {
    background: #fff
}

#cboxLoadingGraphic {
    background: url('//www.lacor.info/plugins-dist/mediabox/colorbox/thickbox/images/loading.gif') center center no-repeat
}

#cboxClose {
    position: absolute;
    bottom: 20px;
    right: 0;
    background: url('//www.lacor.info/plugins-dist/mediabox/colorbox/thickbox/images/close.gif') 0 0 no-repeat;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    border: 0
}

/* plugins/zone/typo_guillemets/css/typo_guillemets.css */

q {
    quotes: '"' '"' "'" "'"
}

:lang(fr)>q {
    quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019"
}

:lang(en)>q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

:lang(es)>q {
    quotes: "\00AB" "\00BB" "\201C" "\201D"
}

:lang(it)>q {
    quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D"
}

:lang(de)>q {
    quotes: "\00BB" "\00AB" ">" "<"
}

:lang(no)>q {
    quotes: "\00AB\A0" "\A0\00BB" "<" ">"
}

q:before {
    content: open-quote
}

q:after {
    content: close-quote
}

* html q {
    font-style: italic
}

*+html q {
    font-style: italic
}

/* plugins/diplo/exo/typo.css */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure,
figcaption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.on,
.on a,
a.on {
    font-weight: inherit
}

html {
    font-size: 100%
}

a,
a.spip_in,
a.spip_out {
    color: #e8efdb;
    text-decoration: none;
    transition-duration: .2s;
    transition-property: color;
    -moz-transition-duration: .2s;
    -moz-transition-property: color;
    -webkit-transition-duration: .2s;
    -webkit-transition-property: color
}

a.spip_glossaire {
    text-decoration: none;
    color: #666
}

a:hover,
a:focus,
a.spip_glossaire:hover {
    color: #fa3b0f;
    text-decoration: none
}

a.spip_out {
    background: none;
    padding-right: 0
}

a.spip_out:hover {
    color: #ffbc36
}

::-moz-selection {
    background-color: #e8efdb;
    color: #fff
}

::selection {
    background-color: #e8efdb;
    color: #fff
}

body {
    font-size: 1em;
    color: #333;
    line-height: normal;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 700
}

h1 {
    
    font-size: 3.5em;
    line-height: 1.1em;
    color: #222;
    font-weight: 400;
    margin: 0 0 15px
}

.type_encadre h1,
.type_glossaire h1,
.type_perspective h1,
.type_note-de-lecture h1,
.variante h1,
.categorie-valise h1,
.categorie-publication h1 {
    
    color: #333;
    font-weight: 700;
    font-size: 2.8em
}

.variante h1,
.categorie-valise h1,
.categorie-publication h1 {
    font-weight: 800
}

h2 {
    font-size: 2em;
    border: 0;
    margin: 0 0 20px;
    padding: 0;
    font-variant: small-caps;
    text-transform: lowercase;
    font-weight: 400
}

h2 strong {
    font-weight: 800
}

h2.dessous {
    margin: 15px 0
}

h2.catego {
    border-bottom: 1px dashed #bbb;
    padding: 0 0 15px;
    margin: 20px 0 25px
}

h2.catego span {
    color: #bbb
}

h2.avantbloc {
    padding: 45px 0 5px;
    font-size: 1em;
    clear: both
}

h2.fat {
    font-weight: 800;
    font-size: 2.2em
}

h2 a span {
    color: #999;
    display: none
}

h2 a:hover span {
    display: inline
}

h2 a:hover span:hover {
    color: #e00
}

h3 {
    font-size: 1.5em;
    line-height: 1.1em;
    margin: 0 0 4px
}

h3 span {
    font-weight: 400
}

h4,
.liste li h4 {
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 0 0 4px
}

strong,
b {
    font-weight: 700
}

em {
    font-style: italic
}

sup,
sub {
    font-size: .8em;
    font-variant: normal;
    line-height: 0
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

dfn {
    font-style: italic;
    font-weight: 700
}

abbr,
acronym {
    cursor: help
}

abbr {
    border-bottom: 1px dotted;
    text-decoration: none
}

acronym {
    border-bottom: 1px dashed
}

address {
    white-space: pre-line;
    font-style: normal
}

small {
    font-size: .90em;
    color: #666
}

kbd {
    font-size: 1.1em;
    background: #eee;
    margin: 0 2px;
    padding: 3px 8px;
    border-radius: 10px
}

samp {
    color: #928d84;
    font-size: 1.3em
}

var {
    color: #928d84
}

p {
    margin: 1em 0
}

hr,
hr.spip {
    border: 0;
    border-top: 1px dashed #ccc;
    margin: 1.4em 160px 1.2em 80px
}

strong hr,
strong hr.spip {
    border-top: 1px solid #333
}

.fine {
    letter-spacing: -.13em
}

optgroup,
optgroup:before {
    font-style: normal
}

optgroup:before {
    margin: 10px 0 5px;
    font-weight: 700
}

span.puce {
    color: #ccc;
    vertical-align: middle;
    line-height: 1em;
    margin-right: 3px;
}

.cartouche {
    margin-bottom: 50px;
    padding-bottom: 7px;
    border-bottom: 1px solid #bbb;
    clear: both
}

.cartouche:after {
    clear: both;
    content: ' ';
    display: block
}

.variante .cartouche {
    margin-bottom: 50px;
    padding-bottom: 0;
    border-bottom: 0;
    overflow: hidden
}

.cartouche .spip_logos {
    float: right;
    margin-left: 16px;
    margin-bottom: 4px
}

.cartouche p {
    margin: 0;
    padding: 0
}

.surtitre,
.cartouche .surtitre {
    margin-bottom: .50em;
    font-size: 1.4em;
    font-variant: small-caps
}

.soustitre {
    font-size: 1.3em;
    color: #666;
    font-variant: small-caps
}

.cartouche .soustitre {
    margin-top: .50em;
    margin-bottom: .8em
}

.soustitre .notes_dendl {
    display: inline;
    font-size: 1em;
    margin: 0
}

.soustitre .notes_dendl {
    display: inline;
    font-size: .9em;
    margin: 0
}

.notes_dendl {
    font-size: .8em;
    margin: 20px 0 0
}

.cartouche.vcard {
    padding: 0
}

.cartouche .dates_auteurs,
.vcard .dates_auteurs {
    margin: 30px 0 0;
    padding: 7px 0 0;
    font-size: 1.25em;
    color: #999;
    display: block;
    text-align: center;
    border-top: 1px solid #bbb
}

.cartouche .dates_auteurs.anonyme {
    border-top: 0;
    margin: 15px 0 0
}

.cartouche .dates_auteurs.anonyme:after {
    clear: both;
    content: ' ';
    display: block
}

.vcard .dates_auteurs {
    padding: 0;
    border-top: 0
}

.variante .cartouche .dates_auteurs {
    margin: 10px 0 0;
    padding: 0x 15px 0 0;
    text-align: left;
    border-top: 0
}

.soustitre {
    font-size: 1.3em;
    color: #666
}

.soustitre .notes_dendl {
    display: inline;
    font-size: .9em;
    margin: 0
}

.notes_dendl {
    font-size: .8em;
    margin: 20px 0 0
}

.chapo {
    font-size: 1.6em;
    line-height: 1.4em;
    margin: 0;
    font-weight: 400;
    padding: 0 15px 0 0;
    overflow: hidden
}

.variante .chapo {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 15px
}

.chapo p {
    margin: .8em 0 0;
    padding: 0
}

.chapo p:first-child,
.chapo p:first-of-type {
    margin: 0
}

.texte {
    
    font-size: 1.3em;
    line-height: 1.4em;
    margin: 0 0 20px;
    position: relative
}

.article_mav .type_chronologie.ouvert .texte,
.article_mav .type_chronologie.ferme .enapercu {
    border-left: 8px solid #e8efdb;
    margin-left: 80px
}

.article_mav .type_chronologie .texte p {
    margin: 0 0 20px
}

.texte p,
.page_contact .texte form,
.texte address,
.texte ul,
.texte ol,
.texte .colonne {
    margin: .8em 160px .8em 80px
}

.article_mav .type_chronologie .texte p {
    margin: .8em 160px .8em 80px
}

.texte form p,
.texte form p,
.texte ul li p,
.texte ol li p,
.texte .colonne p {
    margin: .8em 0
}

.texte strong,
blockquote strong {
    
}

.type_encadre .texte,
.type_note-de-lecture .texte,
.type_Voix-de-faits .texte {
    
    font-weight: 500
}

.type_encadre .texte strong,
.type_note-de-lecture .texte strong {
    font-weight: 800
}

.texte h2,
.texte h3 {
    
}

.texte h3 {
    font-size: 1.6em;
    font-weight: 400;
    text-align: left;
    text-indent: 0;
    margin: 2em 120px 1em 80px;
    clear: left
}

.variante .texte h3.spip,
.article_podcast .texte h3.spip {
    font-weight: 800
}

.variante .texte h3.spip strong,
.article_podcast .texte h3.spip strong {
    font-weight: 400
}

.type_Voix-de-faits .texte h3.spip {
    font-size: 1.8em;
    margin-bottom: .5em;
    margin-top: 0;
    font-style: normal
}

.type_Voix-de-faits .texte blockquote h3.spip {
    font-size: 1.6em
}

.texte.textecarto h3.spip {
    margin: 2em 120px 1em
}

.article_mav .type_chronologie h3.spip:first-of-type {
    position: relative;
    top: -2px;
    margin-bottom: .95em
}

.article_mav .type_chronologie h3.spip:before {
    content: " ";
    background: #fff;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    color: #fff;
    margin: 2px 0 0 -100px;
    border: 6px solid #333;
    border-radius: 15px
}

.texte h3.spip strong {
    font-weight: 800
}

.composition_mav .texte h3.spip strong {
    font-weight: 800
}

.notes h3.spip {
    margin: 2em 0 1em
}

.type_glossaire .texte h3 {
    font-weight: 800
}

.extrait .texte h3 {
    text-align: left;
    margin: 2em 0 .8em;
    font-weight: 400;
    font-size: 1.7em
}

.texte ul,
.texte ol {
    padding: .5em 10px .5em 20px
}

.texte ul.sons {
    font-size: .8em;
    padding: 0;
    margin: 2em 0
}

.texte ul.sons.podcast {
    font-size: .9em
}

.texte ul.sons li {
    list-style: none
}

.texte ul.sons h3 {
    font-size: 1.6em;
    font-weight: 700;
    text-align: left;
    margin: 0 0 4px
}

.texte ul.sons.podcast h3 {
    font-size: 1.4em
}

.texte ul.sons .liens_podcast {
    font-size: 1.1em
}

.texte ul li {
    list-style-position: outside;
    list-style-type: square;
    padding: 0;
    margin: 0 0 .3em
}

.texte ul li ul {
    padding: 0 0 0 50px;
    margin: 0
}

.texte ol li {
    list-style-position: outside;
    list-style-type: decimal;
    padding: 0;
    margin: 0 0 .3em
}

.texte ol li ol {
    padding: 0 0 0 30px;
    margin: 0
}

.texte .spip_documents {
    margin-top: 19px
}

.texte aside {
    margin: 25px 0
}

.ps,
.notes {
    margin: 50px 160px 50px 30px
}

.notes {
    clear: both;
    
    font-size: 1.08em;
    padding: 5px 0 0;
    border-top: 1px solid #ccc
}

.type_encadre .notes {
    
    font-weight: 500
}

.notes p {
    padding-left: 1.8em;
    text-indent: -1.8em
}

.notes blockquote {
    margin: 0
}

.notes blockquote p {
    padding-left: 0;
    text-indent: 0
}

.notes li,
.notes li.dernier {
    margin: 10px 0 15px;
    padding: 0 0 20px 30px;
    border-bottom: solid 1px
}



.mot-lettrine {
    font-variant: small-caps;
    font-style: normal;
    margin-left: -.5em
}

.lettrine {
    font-size: 6.8em;
    
    font-weight: 800;
    line-height: 1em;
    display: inline-block;
    color: #bbb;
    float: left;
    margin: -8px 22px 5px -25px;
    min-width: .4em;
    font-style: normal
}

.lettrine .lapo {
    font-weight: 100;
    font-size: .8em;
    line-height: .08em;
    position: relative;
    top: -.17em;
    letter-spacing: -.1em
}

.lettrine .guillemet {
    font-weight: 100;
    font-size: .8em;
    margin-left: -.35em;
    vertical-align: bottom
}

.type_encadre .lettrine {
    font-weight: 400
}

.variante .type_encadre .lettrine {
    font-weight: 800
}

.composition_mav h1,
.composition_mav_liste h1,
.composition_mav .texte h3,
.composition_mav .lettrine {
    
}

blockquote {
    margin: 2em 18% 2em 9%;
    padding: 0 0 0 5%;
    font-style: normal;
    border-left: 1px solid #ccc;
    clear: both
}

blockquote p,
.texte blockquote p,
.texte blockquote p,
.texte blockquote address,
.texte blockquote ul,
.texte blockquote ol,
.texte blockquote .colonne {
    margin-left: 0;
    margin-right: 0
}

cite {
    display: block;
    
    font-style: normal;
    font-weight: 400;
    color: #777;
    margin-left: 18%;
    text-align: right;
    margin-top: .5em
}

.type_Voix-de-faits cite {
    margin-bottom: 2em
}

.type_Voix-de-faits blockquote {
    margin: 2em 0 2.5em 9%;
    padding: 30px 35px 40px;
    
    border-left: 0;
    clear: both;
    background: #999;
    color: #fff;
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.4em;
    font-weight: 700
}

.type_Voix-de-faits blockquote i {
    font-style: normal
}

.type_Voix-de-faits blockquote cite {
    font-size: .8em;
    line-height: 1.2em;
    
    font-weight: 400;
    margin-bottom: 0
}

.type_Voix-de-faits blockquote.spip cite {
    font-size: 1em
}

.type_Voix-de-faits blockquote cite a {
    color: inherit;
    border-bottom: 1px dashed
}

blockquote.spip {
    
    border-left: 0;
    padding: 30px;
    background: #fad4cb;
    text-align: left;
    font-weight: 500;
    margin: 2em 0;
    clear: both
}

.texte blockquote.spip {
    margin: 2em 0 2em 80px
}

.texte blockquote.spip h3 {
    margin-left: 0
}

.type_Voix-de-faits blockquote.spip {
    font-style: normal;
    font-size: 1em
}

.type_Voix-de-faits blockquote.spip i,
.type_Voix-de-faits blockquote cite i {
    font-style: italic
}

blockquote h3 {
    margin: 2em 0 .8em
}

blockquote h3:first-of-type,
.texte blockquote h3:first-of-type,
.notes blockquote h3:first-of-type,
.texte blockquote h3.spip:first-of-type {
    margin-top: 0;
    font-weight: 700
}

.texte blockquote h3.spip,
.texte.textecarto blockquote h3.spip,
blockquote hr,
blockquote hr.spip {
    margin-left: 0;
    margin-right: 0
}

blockquote.spip p,
blockquote.spip .chapo p,
.textecarto blockquote.spip p {
    margin: .6em 0 0
}

blockquote.spip p:first-of-type,
blockquote.spip .chapo p:first-of-type {
    margin: 0
}

blockquote.spip_poesie,
.type_Voix-de-faits blockquote.spip_poesie {
    
    border: 0;
    font-size: 1em;
    margin: 1.5em 0 1.5em 125px;
    padding-left: 1em;
    padding: 0;
    text-align: left;
    clear: both;
    font-weight: 400
}

.type_Voix-de-faits blockquote.spip_poesie,
.type_Voix-de-faits blockquote.spip_poesie cite {
    background: transparent !important;
    color: #333 !important;
    font-style: normal;
    font-size: 1em
}

.spip_code,
.spip_cadre {
    
}

.spip_code {
    color: #928d84
}

mark {
    color: #777;
    background: transparent
}

blockquote.spip_poesie mark {
    color: #777 !important;
    margin: 1.2em 0 0 45px;
    
    display: block
}

blockquote.sommaire {
    margin: 2em 18% 2em 9%;
    padding: 0;
    font-style: normal;
    border: 1px solid #999;
    border-width: 1px 0 1px 0;
    clear: both;
    font-variant: small-caps;
    text-transform: lowercase;
    
}

.listarchives blockquote.sommaire {
    margin: -45px 0 2em;
    font-size: 1.1em;
    border-top: 0
}

blockquote.sommaire ul {
    padding: 0 0 1px;
    margin: 0
}

blockquote.sommaire ul li,
.listarchives blockquote.sommaire ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0
}

blockquote.sommaire ul li a,
.listarchives blockquote.sommaire ul li a {
    color: #333;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    padding: 15px 0;
    display: block;
    text-align: center
}

blockquote.sommaire ul li a:hover {
    background: #ddd;
    border-top: 1px solid #ddd
}

blockquote.sommaire ul li:first-child a {
    list-style: none;
    border-top: 0
}

textarea.spip_cadre {
    background: #ecece4;
    border: 0 none;
    border-radius: 20px;
    margin: 0 0 .8em;
    padding: 15px;
    color: #333
}

.exergue,
blockquote.exergue {
    font-weight: 100;
    margin: 1em 18% 1.5em 9%;
    padding: 1em 0;
    font-size: 1.7em;
    line-height: 1.2em;
    color: #e8efdb;
    text-align: center;
    border-width: 1px 0 1px 0;
    border-style: solid;
    clear: both;
    font-style: italic;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.article_podcast .exergue {
    transform: none;
    border: 0;
    text-align: left;
    margin-top: .8em;
    margin-bottom: .8em;
    padding: 0
}

.exergue i {
    font-style: normal
}

span.exergue span {
    font-weight: 400
}

p .exergue {
    margin: 25px 30px 25px -80px
}

p .exergue p {
    margin: .8em 0
}

.exergue cite {
    font-weight: 100;
    font-size: .7em;
    line-height: 1.1em
}

.type_glossaire .exergue {
    margin-top: 2em
}

.dates_auteurs,
.lesauteurs {
    color: #999;
    font-weight: 400
}

.lesauteurs .bio {
    margin: 0 0 15px 35%
}

.lesauteurs .bio a {
    color: #666
}

.lesauteurs .bio a:hover {
    color: #e8efdb
}

.dates_auteurs .auteurs,
.dates_auteurs {
    
    font-variant: small-caps;
    line-height: 1.15em
}

.liste .dates_auteurs {
    font-size: 1.1em
}

.dates_auteurs .auteurs {
    display: inline;
    color: #333
}

.dates_auteurs .auteurs a,
.lesauteurs .nom a {
    color: #333
}

.dates_auteurs .auteurs a:hover,
.unauteur .nom a:hover {
    color: #e8efdb
}

.dates_auteurs .lieu {
    color: #666;
    text-transform: lowercase
}

.dates_auteurs .lieu span {
    color: #bbb;
    font-size: .8em
}

.blogs .dates_auteurs .lieu span,
.enune .dates_auteurs .lieu span {
    color: inherit
}

.dates_auteurs span.auteurs span,
.lesauteurs span {
    font-weight: 400;
    font-variant: small-caps
}

.dates_auteurs span.et,
.lesauteurs span.et {
    color: #999
}

.lesauteurs {
    font-size: 1.08em;
    margin: 20px 0 20px 0;
    text-align: right
}

.lesauteurs .nom {
    font-size: 1.25em;
    text-align: inherit;
    margin: 0 0 1px;
    font-variant: small-caps;
    color: #333
}

.biocolcarto {
    font-size: 1.35em;
    color: #999;
    margin: 30px 160px 20px 0
}

.biocolcarto strong {
    font-variant: small-caps;
    font-weight: inherit;
    color: #333
}

.biocolcarto blockquote.spip {
    background: transparent;
    padding: 0;
    font-weight: 400;
    color: #333;
    margin: 0
}

.biocolcarto p {
    margin: .5em 0
}

.article_cartes .biocolcarto {
    font-size: 1em
}

.article_cartes .biocolcarto p:first-of-type:before {
    content: "* "
}

.article_cartes .biocolcarto span {
    display: none
}

a.renvoibio {
    color: #333
}

a.renvoibio:hover {
    color: #e8efdb
}

.actions-article {
    float: right
}

.apercu {
    background: url('//www.lacor.info/plugins/diplo/exo/images/oeilbleu.png') no-repeat 0 center;
    color: #6b909e;
    display: inline-block;
    padding: 7px 0 8px 28px;
    font-weight: 400;
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 1em
}

.liste .apercu,
.liste_vignettes .apercu {
    background: url('//www.lacor.info/plugins/diplo/exo/images/oeilbleu-mini.png') no-repeat 0 66%;
    padding: 0 0 0 20px;
    position: relative;
    margin-left: 3px
}

.cartouche .apercu {
    float: right;
    display: block;
    margin: -7px 0 -7px 10px;
    padding: 7px 0 8px 28px
}

a.ecouter_son,
.ecouter_son,
a.partage {
    display: inline-block;
    float: right;
    margin: 2px 0 0 10px;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px
}

a.partage {
    background: url('//www.lacor.info/plugins/diplo/exo/images/partage.png') no-repeat 0 0
}

.ecouter_son img {
    width: 18px;
    display: inline-block;
    filter: brightness(0);
    opacity: 0.3;
    vertical-align: middle;
    display: block
}

a:hover .ecouter_son img,
.ecouter_son img:hover {
    filter: brightness(1);
    opacity: 1
}

.actions-article .ecouter_son img,
.actions-article a:hover .ecouter_son img,
.actions-article .ecouter_son img:hover {
    width: 20px;
    vertical-align: baseline;
    opacity: 0.2
}

.actions-article a:hover .ecouter_son img,
.actions-article .ecouter_son img:hover {
    opacity: 1
}

a.partage,
#partage {
    display: none
}

#partage {
    padding: 60px 0 30px;
    clear: both
}

.partagimg {
    float: left;
    width: 200px;
    position: relative;
    z-index: 2;
    margin: -45px 55px -30px 15px
}

#partage h2 {
    font-size: 2.5em;
    margin: 0;
    display: block;
    font-weight: 800;
    position: relative;
    z-index: 1
}

#partage h2 a,
#partage h2 span {
    padding: 30px 10px;
    color: #333;
    background: #e0e9e9;
    display: block;
    transition-duration: .2s;
    transition-property: background;
    -moz-transition-duration: .2s;
    -moz-transition-property: background;
    -webkit-transition-duration: .2s;
    -webkit-transition-property: background;
    position: relative
}

#partage h2 span {
    color: #fff;
    background: #6c7878
}

#partage h2 a.on {
    color: #fff;
    background: #6c7878
}

#partage h2 a:hover {
    color: #fff;
    background: #e8efdb
}

#partage h2 a>span {
    color: #fff;
    display: none;
    position: absolute;
    margin-left: 10px;
    font-weight: 400;
    right: 30px
}

#partage h2 a.on:hover>span {
    display: inline
}

#partage .choix {
    font-size: 1.2em;
    padding: 25px 20px 15px;
    background: #e0e9e9
}

#partage .choix textarea,
#partage .choix input[text] {
    width: 100%;
    border-color: #6c7878
}

#partage .choix .bouton {
    margin-top: 10px;
    text-align: center;
    position: relative
}

#partage .choix form .bouton {
    text-align: right;
    margin-bottom: 0
}

#partage .choix form .bouton input {
    margin-right: 0
}

#partage .choix .bouton a,
#partage .choix .bouton button,
#partage .choix .bouton input {
    background: #6c7878;
    color: #fff;
    font-size: 1.4em;
    padding: 8px 20px;
    margin: 0 10px 15px 0
}

#partage .choix .bouton a.icone {
    padding: 8px 12px;
    border-radius: 30px
}

#partage .choix .bouton a.icone.troplong {
    background: #9fa7a7
}

#partage .choix .bouton a.icone img {
    width: 30px;
    vertical-align: sub
}

#partage .choix .bouton button#offrir_cet_article {
    background: #8a9696
}

#partage .choix .bouton button#offrir_cet_article[data-statut="1"],
#partage .choix .bouton button#offrir_cet_article[data-statut="3"],
#partage .choix .bouton button#offrir_cet_article[data-statut="4"] {
    background: #597878
}

#partage .choix .bouton a:hover,
#partage .choix button:hover,
#partage .choix .bouton input:hover,
#partage .choix .bouton button#offrir_cet_article:hover,
#partage .choix .bouton button#offrir_cet_article[data-statut="1"]:hover,
#partage .choix .bouton button#offrir_cet_article[data-statut="3"]:hover,
#partage .choix .bouton button#offrir_cet_article[data-statut="4"]:hover {
    background: #e8efdb;
    color: #fff
}

.nb-caracteres {
    position: absolute;
    right: 0;
    top: 0;
    color: #6c7878
}

.tw-troplonbg {
    font-size: 1em;
    font-style: italic;
    color: #f03b5d;
    text-align: right;
    margin: 6px 0 15px;
    display: none
}

.queresp {
    display: none
}

.succes_pp {
    display: none;
    margin: 0 0 15px
}

#partage .choix .bouton .succes_pp a {
    margin: 0 0 10px;
    padding: 6px 15px;
    font-size: 1em
}

#partage .reponse_formulaire_ok {
    font-size: 1.4em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px
}

.pubs.parrainage {
    font-size: 1.4em;
    border: 1px solid #ccc;
    border-width: 1px 0;
    padding: 20px 0
}

.pubs.parrainage h2 {
    font-weight: 800
}

.pubs.parrainage h2 a {
    color: #1d3b66
}

.pubs.parrainage h2 a:hover {
    color: #e8efdb
}

.pubs.parrainage .logo {
    border: 1px solid #1d3b66;
    margin: 0 0 18px
}

.pubs.parrainage .logo img {
    display: block
}

.pubs.parrainage .pastille {
    float: right;
    margin: 5px 0 10px 15px;
    width: 250px
}

.pubs.parrainage h3 {
    font-weight: 400
}

.pubs.parrainage h4 {
    font-weight: 700
}

.pubs.parrainage h4,
.pubs.parrainage strong,
.pubs.parrainage span {
    color: #1d3b66
}

.pubs.parrainage ul {
    margin: 0 25px
}

.pubs.parrainage ul li {
    margin: 0 0 5px
}

.pubs.parrainage ul li.mentions {
    margin: 10px 0 0
}

.pubs.parrainage .bouton {
    text-align: right;
    margin: 10px 0 5px
}

.pubs.parrainage .bouton a {
    color: #fff;
    background: #1d3b66;
    font-size: 1.3em;
    padding: 8px 15px
}

.pubs.parrainage .bouton a:hover {
    color: #fff;
    background: #e8efdb
}

img {
    max-width: 100%;
    height: auto !important
}

iframe {
    max-width: 100% !important;
    margin: 1em 0 .6em
}

iframe.center {
    margin: 1em 18% .6em 9%
}

iframe.dataviz {
    width: 100%;
    overflow: hidden
}

iframe.haut {
    margin-top: 0
}

iframe.legendee {
    margin-bottom: 0
}

p.legende {
    
    font-weight: 400;
    clear: both;
    font-size: .75em;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 1.3em;
    color: #888;
    line-height: 1.3em
}

p.legendelarge {
    margin-top: 5px;
    margin-bottom: 1.3em;
    margin: 5px 0 1.3em
}

.pleinecran {
    position: absolute;
    right: 10px;
    top: 10px;
    background: url('//www.lacor.info/plugins/diplo/exo/images/pleinecran.png') no-repeat 0 center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    opacity: 0.2
}

.zoome .pleinecran {
    background: url('//www.lacor.info/plugins/diplo/exo/images/pleinecranclose.png') no-repeat 0 center;
    opacity: 0.5;
    top: 10px
}

.pleinecran:hover {
    opacity: 1
}

.zoome {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 60;
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    vertical-align: middle;
    font-size: 0;
    overflow: auto
}

.enapercu .pleinecran,
.enapercu .strut {
    display: none
}

.strut {
    display: none;
    height: 100%;
    vertical-align: middle;
    margin-left: -.5em
}

.zoome .strut {
    display: inline-block
}

.zoome iframe {
    max-width: 99% !important;
    background: #fff;
    display: inline-block;
    vertical-align: middle
}

figcaption,
.texte figcaption {
    
    margin: 10px 0 0;
    max-width: 100%;
    font-weight: 400
}

.spip_documents {
    text-align: center;
    line-height: 1em
}

figure.spip_documents {
    margin: 0 0 10px;
    max-width: 100%;
    position: relative
}

.spip_documents_left {
    margin-right: 20px;
    clear: left
}

.spip_documents_right {
    margin-left: 20px;
    clear: right
}

figure .limage {
    margin: 0 ;
    line-height: 0
}

dd {
    margin: 0 0 10px 30px
}

.spip_doc_titre,
.spip_documents .spip_doc_titre {
    font-size: .75em;
    font-weight: 400;
    text-align: left;
    margin: 0 auto;
    line-height: 1.3em;
    max-width: 100%
}

.spip_doc_descriptif {
    clear: both;
    font-size: .75em;
    text-align: left;
    margin: 0 auto;
    color: #888;
    line-height: 1.3em;
    max-width: 100%
}

figcaption.court {
    position: absolute
}

figure:hover figcaption.court {
    background: rgba(255, 255, 255, 0.92);
    padding-top: 20px;
    bottom: 0
}

figcaption.court .spip_doc_descriptif {
    max-height: 2.6em;
    position: relative;
    overflow: hidden
}

figcaption.court:after {
    content: '(…)';
    font-size: .75em;
    color: #999;
    background: #fff;
    padding-left: 3px;
    position: absolute;
    bottom: 0;
    right: 0
}

figure:hover figcaption.court:after {
    content: none
}

figure:hover figcaption.court .spip_doc_descriptif,
figure:focus figcaption.court .spip_doc_descriptif {
    max-height: none
}

.spip_documents.spip_documents_center {
    text-align: center;
    display: block;
    margin: 1.8em 0 1.5em;
    width: inherit
}

.livresdumois .texte .spip_documents.spip_documents_center {
    float: left;
    text-align: left
}

.spip_documents {
    margin-top: 19px
}

.spip_documents.justecol,
.spip_documents.xs {
    margin: 1.8em 18% 1.2em 9%
}

.spip_documents.spip_documents_right {
    margin: 5px 0 15px 20px
}

.spip_documents.spip_documents_left,
.livresdumois .texte .spip_documents_center {
    margin: 5px 20px 15px 0
}

.spip_documents.spip_documents_left {
    margin: 5px 30px 15px 0
}

.spip_documents.spip_documents_right {
    margin: 5px 0 15px 30px
}

.spip_documents.spip_documents_left,
.spip_documents.spip_documents_right {
    margin-top: 5px
}

.chapo .spip_documents.spip_documents_left,
.chapo .spip_documents.spip_documents_right {
    margin-top: 9px
}

.notes .spip_documents.justecol,
.notes .spip_documents.xs {
    margin: 1.8em 0 1.2em
}

table.spip {
    border: 0;
    border-width: 1px;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: normal;
    margin: 2em auto;
    font-size: .9em;
    
    max-width: 100%
}

table.spip.paslarge {
    margin: 2em 0 2em 80px;
    width: 650px
}

.debord {
    overflow-x: auto
}

table.spip caption {
    caption-side: top;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin: 1em 0 1.1em;
    font-size: 1.1em
}

table.spip th,
table.spip td {
    border: 1px solid #ccc;
    padding: .5em;
    text-align: left;
    vertical-align: middle
}

table.spip th,
table.spip td.section {
    background: #ccc;
    text-align: center
}

table.spip th {
    background: #666;
    color: #fff;
    border: 1px solid #444
}

table.spip tr.row_even {
    background: #fff
}

table.spip tr.row_odd {
    background: #eee
}

.texte table.spip p {
    margin: .8em 0
}

input,
.formulaire_spip input,
.formulaire_spip input.text,
textarea,
.formulaire_spip textarea {
    font-size: 1em;
    
    border: 1px solid #bbb;
    padding: 5px 5px 6px 7px;
    transition-duration: .5s;
    transition-property: background;
    -moz-transition-duration: .5s;
    -moz-transition-property: background;
    -webkit-transition-duration: .5s;
    -webkit-transition-property: background;
    box-sizing: border-box;
    max-width: 100%;
    box-sizing: border-box;
    box-shadow: 0 0
}

input:focus,
.formulaire_spip input:focus,
.formulaire_spip input.text:focus,
textarea:focus,
.formulaire_spip textarea:focus {
    border: 1px solid #e8efdb;
    background: #e8efdb
}

input:focus:invalid {
    border: 1px solid red
}

.formulaire_forum .saisie_titre input.text,
.formulaire_forum .saisie_titre textarea,
.formulaire_spip textarea,
.formulaire_spip select {
    width: 100%
}

select,
.formulaire_spip select {
    font-size: 1em;
    
}

.formulaire_spip input.text {
    width: 100%;
    max-width: 100%
}

#conteneur .formulaire_spip {
    font-size: 1.2em
}

.texte .formulaire_spip,
#conteneur .texte .formulaire_spip {
    font-size: 1em
}

.formulaire_spip ul {
    margin: 0;
    padding: 0
}

.formulaire_spip ul li,
.formulaire_spip fieldset .editer-groupe div {
    margin: 0;
    padding: .5em 0;
    list-style: none
}

.formulaire_spip li p {
    margin-top: 0;
    margin-bottom: 0
}

.formulaire_spip label {
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 5px;
    display: inline-block
}

.formulaire_spip .boutons {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: right
}

.formulaire_spip .boutons input,
.bouton a,
.bouton input,
input.submit,
input[type="submit"],
button,
span.bouton,
.btn {
    border: 0;
    border-radius: 25px;
    padding: 5px 10px;
    background: #e8efdb;
    color: #333;
    display: inline-block;
    transition-duration: .2s;
    transition-property: background;
    -moz-transition-duration: .2s;
    -moz-transition-property: background;
    -webkit-transition-duration: .2s;
    -webkit-transition-property: background;
    margin-left: .5em;
    
    text-align: center;
    font-size: 1em;
    line-height: 1.3em
}

.bouton a.gris,
.bouton.gris a {
    background: #ddd
}

.bouton a.grisfonce,
.bouton.grisfonce a {
    background: #999;
    color: #fff
}

.formulaire_spip .boutons input:hover,
.bouton a:hover,
.bouton input:hover,
input.submit:hover,
input[type="submit"]:hover,
button:hover,
a:hover span.bouton,
.btn:hover {
    background: #e8efdb;
    color: #fff;
    cursor: pointer
}

.formulaire_spip .boutons input.on,
input.submit.on,
.bouton a.on {
    background: #333;
    color: #fff
}

.texte .bouton {
    text-align: right
}

.texte>.bouton {
    margin: 1.2em 18% 1em
}

.texte>.bouton a:hover {
    background: #e8efdb !important;
    color: #fff !important
}

.bouton a.acces:after {
    content: " →"
}

.pasbouton a,
.pasbouton a:hover {
    padding: 0;
    background: 0
}

.bouton .close {
    display: none;
    font-weight: 700;
    margin-left: 3px
}

.bouton .close:hover {
    color: #000
}

.bouton.adroite,
.bouton.commander {
    text-align: right;
    margin: 10px 0 0
}

.texte>.bouton.commander {
    margin: 1.2em 18% 1em
}

.bouton.commander {
    margin: 20px 0 0;
    color: #999;
    font-size: 1.2em
}

.bouton.commander a {
    padding: 5px 15px 8px
}

.chapo .bouton.commander {
    font-size: .9em
}

.formulaire_ecrire_auteur {
    margin-top: 20px
}

.baseline .bouton {
    margin: 30px 0 0
}

.baseline .bouton a {
    font-size: .9em;
    margin: 0 15px 15px 0
}

.baseline .bouton a.droite {
    float: right;
    margin: -2px 0 0 20px
}

.page_podcast-diplo .baseline .bouton {
    margin: 15px 0 0
}

.page_podcast-diplo .baseline .bouton a {
    margin: 0 8px 8px 0
}

.page_podcast-diplo .baseline .logo {
    margin: 20px 0
}

.reponse_formulaire_verbeux {
    font-weight: 400
}

.texte .reponse_formulaire_verbeux {
    font-size: 1em
}

.page_login #hierarchie,
.page_login #formulaire_menu_lang,
.page_login .formulaire_login legend,
.page_login .soustitre {
    display: none
}

.formulaire_login {
    width: 460px;
    max-width: 100%;
    margin: auto
}

.formulaire_login input.text,
.formulaire_login input[type=text],
.formulaire_login input[type=password] {
    width: 330px
}

.formulaire_login .editer_password .details {
    color: #bbb;
    margin-top: 3px;
    font-size: .9em
}

#pass_securise {
    margin-left: 10px;
    background: url('//www.lacor.info/plugins/diplo/exo/images/cadenas.png') no-repeat 0 center;
    width: 16px;
    height: 18px;
    display: inline-block
}

#pass_securise img {
    display: none
}

#minipres {
    margin: auto;
    width: 580px;
    max-width: 100%;
    border: 0;
    padding: 0
}

#minipres h1 {
    display: none
}

#minipres fieldset legend {
    font-size: 2em;
    line-height: 1.1em;
    color: #222;
    font-weight: 800;
    margin: 0 0 15px
}

#minipres p {
    margin: 0 0 .5em;
    font-style: italic
}

#minipres p.surtitre {
    font-style: normal
}

/* plugins/diplo/exo/habillage.css */

.spip-admin-bloc,
.spip-admin-float {
    bottom: 7px !important;
    right: 20px !important;
    top: auto !important
}

.spip-admin-boutons {
    padding: .4em 1em 1em !important;
    border-radius: .8em .8em 0 0 !important;
    font-weight: 400 !important
}

.clear {
    clear: both
}

.sansmarges {
    margin: 0 !important
}

.sansfilet {
    border: 0 !important
}

.vide,
.cache {
    display: none
}

.hermetique {
    overflow: hidden
}

.que_res,
.que_tab,
.respons {
    display: none !important
}

.minuscules {
    text-transform: lowercase
}

.menubox,
.services>a,
.rappels,
.banniere,
#onglets,
#navigation .parutions,
#navigation .pub,
#oreille {
    display: none
}

.crayon-html {
    z-index: auto !important
}

body {
    height: auto !important
}

#page {
    background: rgb(255, 255, 255);
    padding: 20px 30px 0;
    width: 960px;
    margin: 0 auto 50px;
    position: relative
}

#conteneur {
    padding: 0 5px
}

#contenu {
    margin: 15px 0 0
}

.categorie-valise #contenu,
.variante #contenu {
    margin: 0
}

.contenu-principal {
    margin: 0 30px 50px
}

.decale {
    margin: 0 30px
}

#entete {
    padding-bottom: 35px;
    position: relative
}

.variante.page_article #entete,
.variante.page_forum #entete {
    padding-bottom: 25px
}

.preentete {
    width: 1020px;
    overflow: hidden;
    margin: 0 auto;
    padding: 15px 0 0;
    border-bottom: 1px solid #eee
}

.preentete .zizi {
    float: left;
    margin: 0 10px 0 0
}

.preentete .zizi .unemensuel {
    display: inline-block;
    height: 40px;
    margin: 7px 5px 0 20px;
    vertical-align: middle
}

.preentete .zizi .unemensuel a {
    border: 1px solid #ccc;
    display: block;
    opacity: 0.5;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg)
}

.preentete:hover .unemensuel a {
    opacity: 1
}

.preentete:hover .unemensuel a:hover {
    border: 1px solid #e8efdb
}

.preentete .zizi .unemensuel img {
    width: 70px;
    height: auto
}

.preentete .zizi .dates_auteurs {
    display: inline-block;
    font-size: 1.1em;
    vertical-align: top;
    margin-top: 8px;
    mix-blend-mode: luminosity
}

.preentete .zizi .dates_auteurs,
.preentete .zizi .dates_auteurs a {
    color: #bbb
}

.preentete:hover .zizi .dates_auteurs {
    color: #333
}

.preentete:hover .zizi .dates_auteurs a {
    color: #e8efdb
}

.preentete:hover .zizi .dates_auteurs a:hover {
    color: #e8efdb
}

.commerce>a {
    margin: 2px 15px 15px 0;
    background: #dedee2;
    color: #333;
    display: inline-block
}

.commerce>a.abo {
    background: #fff195
}

.commerce>a.abo:hover {
    background: #e8efdb
}

.commerce>a:focus {
    background: #000;
    color: #fff
}

.commerce>a:focus {
    background: #000;
    color: #fff
}

.editions {
    display: inline-block;
    margin: 0 5px 20px 0;
    
    color: #ccc
}

.editions>span {
    color: #333
}

.editions span.grise {
    color: #999
}

.editions a {
    color: #999;
    background: transparent;
    padding: 0;
    margin-left: 2px;
    
}

.editions a:hover {
    color: #e8efdb;
    background: transparent
}

.preentete.paslaplace {
    position: relative
}

.preentete.paslaplace .zizi,
.preentete.paslaplace .commerce {
    margin-top: 30px
}

.preentete.paslaplace .editions {
    position: absolute;
    top: 15px;
    right: 0;
    display: block;
    text-align: center;
    margin: 0;
    width: 100%
}

.labyrinthe {
    margin: 5px 0 10px 10px;
    overflow: hidden
}

.logodiplo,
.variante.page_sommaire .logodiplo {
    float: left;
    margin: 15px 0 25px;
    width: 520px;
    height: auto;
    overflow: hidden
}

.logodiplo a {
    display: block
}

.logodiplo img {
    width: 100%;
    height: auto;
    filter: brightness(0);
    transition-duration: .3s;
    transition-property: filter;
    -moz-transition-duration: .3s;
    -moz-transition-property: filter;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: filter
}

.page_sommaire .logodiplo {
    margin: 10px 0 20px;
    width: 450px;
    height: auto;
    overflow: hidden
}

.logodiplo:hover img {
    filter: brightness(1)
}

#entete .zizi .unemensuel {
    float: left;
    height: 110px;
    margin: 15px 15px 0 10px;
    overflow: hidden
}

#entete .zizi .unemensuel a {
    border: 1px solid #ccc;
    display: block;
    opacity: 0.2
}

#entete:hover .unemensuel a {
    opacity: 1
}

#entete:hover .unemensuel a:hover {
    border: 1px solid #e8efdb
}

#entete .zizi .unemensuel img {
    width: 150px;
    height: auto
}

#entete .zizi .dates_auteurs {
    margin-top: 35px;
    float: left;
    font-size: 1.1em
}

#entete .zizi .dates_auteurs,
#entete .zizi .dates_auteurs a {
    color: #bbb
}

#entete:hover .zizi .dates_auteurs {
    color: #333
}

#entete:hover .zizi .dates_auteurs a {
    color: #e8efdb
}

#entete:hover .zizi .dates_auteurs a:hover {
    color: #e8efdb
}

.services {
    float: right;
    margin: 20px 0 0
}

.services .slogan,
.variante.page_sommaire .services .slogan {
    float: none;
    padding: 15px 0 0;
    display: block;
    clear: both;
    text-align: right;
    
    font-style: italic
}

.page_sommaire .services .slogan {
    padding: 27px 0 0;
    font-size: 1.2em
}

.services .slogan a {
    color: #333
}

.services .slogan a:hover {
    color: #e8efdb
}

.formulaire_recherche label {
    display: none
}

.services #search {
    float: right
}

.formulaire_recherche * {
    vertical-align: top
}

.formulaire_recherche label {
    display: none
}

.texte .formulaire_recherche {
    margin: 1.2em 0 1.5em 3em
}

.formulaire_recherche input.text {
    background: #fff;
    border: 0;
    padding: 6px 5px 5px;
    margin: 0;
    width: 350px;
    border: 1px solid #bbb;
    border-right: 0;
    
    line-height: 1.31em;
    font-size: 1.1em
}

.services .formulaire_recherche input.text,
.variante.page_sommaire .formulaire_recherche input.text {
    width: 250px;
    transition-duration: .5s;
    transition-property: width, background;
    -moz-transition-duration: .5s;
    -moz-transition-property: width, background;
    -webkit-transition-duration: .5s;
    -webkit-transition-property: width, background
}

.texte .formulaire_recherche input.text {
    font-size: .7em
}

.formulaire_recherche input.text:focus,
.page_recherche .formulaire_recherche input.text {
    background: #e8efdb;
    width: 350px;
    border: 1px solid #e8efdb;
    color: #000
}

.page_sommaire .formulaire_recherche input.text {
    width: 350px
}

.page_recherche .formulaire_recherche input.text {
    font-weight: 700;
    width: 350px
}

.formulaire_recherche input.submit {
    border: 0;
    color: transparent;
    background: url('//www.lacor.info/plugins/diplo/exo/images/loupe.svg') no-repeat center center #333;
    background-size: 75%;
    width: 36px;
    height: 36px;
    margin: 0;
    border-radius: 0;
    transition-duration: .4s;
    transition-property: background;
    -moz-transition-duration: .4s;
    -moz-transition-property: background;
    -webkit-transition-duration: .4s;
    -webkit-transition-property: background
}

.formulaire_recherche input.submit:hover {
    color: transparent;
    background-color: #e8efdb;
    cursor: pointer
}

.formulaire_recherche input.submit:active {
    color: transparent;
    background: url('//www.lacor.info/plugins/diplo/exo/images/loupe.png') no-repeat center center #e00;
    cursor: pointer
}

h1.toujourslarge {
    max-width: 100% !important
}

h1.enforme {
    margin: -5px 0 8px
}

h1 input.recherche_modifiable {
    border: 1px solid #fff;
    border-right: 0;
    width: calc(100% - 75px);
    margin-left: -8px
}

h1:hover input.recherche_modifiable {
    border: 1px solid #bbb;
    border-right: 0
}

h1 input.recherche_modifiable:focus {
    border: 1px solid #e8efdb
}

h1 .formulaire_recherche input.submit {
    width: 83px;
    height: 83px;
    background-color: transparent;
    opacity: 0.2;
    filter: brightness(0);
    transition-duration: .4s;
    transition-property: opacity, background;
    -moz-transition-duration: .4s;
    -moz-transition-property: opacity, background;
    -webkit-transition-duration: .4s;
    -webkit-transition-property: opacity, background
}

h1:hover .formulaire_recherche input.submit,
h1 .formulaire_recherche input.submit.visible {
    background-color: #333;
    opacity: 1;
    filter: brightness(1)
}

h1 .formulaire_recherche input.submit:hover {
    background-color: #e8efdb;
    opacity: 1;
    filter: brightness(1)
}

ul#menu {
    margin: 0;
    font-size: 1.1em;
    clear: both;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc
}

ul#menu:hover {
    border-top: 1px solid #e8efdb;
    border-bottom: 1px solid #e8efdb
}

.variante ul#menu,
.variante ul#menu:hover {
    border-bottom: 0
}

ul#menu li {
    margin: -1px 0 -2px
}

ul#menu li.sousgroupe a {
    border-left: 1px solid #fff
}

#entete:hover ul#menu li.sousgroupe a {
    border-left: 1px solid #e8efdb
}

ul#menu li a {
    float: left;
    color: #333;
    display: block;
    padding: 8px 18px 12px 19px;
    font-variant: small-caps;
    text-transform: lowercase;
    white-space: nowrap;
    transition-duration: .3s;
    transition-property: background-color;
    -moz-transition-duration: .3s;
    -moz-transition-property: background-color;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: background-color
}

ul#menu li a#entree-apropos {
    float: right
}

ul#menu li a#entree-accueil {
    color: transparent;
    background-image: url('//www.lacor.info/plugins/diplo/exo/images/home.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 52%;
    width: 20px;
    padding: 8px 10px 12px
}

ul#menu li a#entree-accueil:hover,
#entete:hover ul#menu li a#entree-accueil:hover {
    color: transparent;
    background-color: #e8efdb
}

ul#menu li a:hover,
#entete:hover ul#menu li a:hover {
    color: #000;
    background-color: #e8efdb
}

.categorie-numero #entree-numero,
.categorie-archives #entree-archives,
.categorie-mav #entree-mav,
.categorie-valise #entree-valise,
.categorie-blogs #entree-blogs,
.categorie-cartes #entree-cartes,
.categorie-apropos #entree-apropos,
.variante #entree-blogs,
.categorie_publication #entree-publi,
.categorie_apropos #entree-apropos,
.categorie-publication #entree-publi,
.categorie-audio #entree-audio {
    background: #e8efdb
}

.ariane {
    font-size: 1.4em;
    -moz-font-feature-settings: 'c2sc';
    -webkit-font-feature-settings: 'c2sc';
    -ms-font-feature-settings: 'c2sc';
    font-feature-settings: 'c2sc';
    position: relative;
    padding: 10px 0 14px 35px;
    color: #bbb
}

.ariane:hover {
    background: #dedee2;
    color: #333
}

.ariane a.absotrick {
    display: block;
    padding: 10px 0 12px;
    color: transparent;
    transition-duration: .3s;
    transition-property: background;
    -moz-transition-duration: .3s;
    -moz-transition-property: background;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: background;
    position: absolute;
    width: 950px;
    top: 0;
    left: 0;
    z-index: 1
}

.fil a,
.fil span {
    z-index: 2;
    position: relative
}

.ariane a.filin,
.ariane span,
.ariane a.secondfil {
    color: #333;
    font-weight: 700
}

.ariane span,
.ariane a.secondfil {
    font-weight: 400
}

.ariane a.filin:hover,
.ariane a.secondfil:hover {
    color: #e8efdb
}

.ariane span.cep {
    color: #bbb
}

.ariane span.cler {
    color: #ddd;
    line-height: .5em;
    vertical-align: middle
}

.ariane:hover a span {
    color: #333
}

.ariane:hover span.cler {
    color: #bbb
}

.ariane .lienancres {
    display: inline-block
}

#entete .avantapres {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    z-index: 3
}

#entete .before:hover .connexe,
#entete .after:hover .connexe {
    width: 800px;
    left: -880px
}

.avantapres a.fleche {
    float: left;
    color: #bbb;
    display: block;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    padding: 13px 10px 10px
}

.avantapres .after a.fleche {
    float: right;
    padding: 13px 20px 10px 0
}

.avantapres a.fleche:hover {
    color: #333
}

.avantapres .connexe {
    display: none;
    position: absolute;
    left: 0;
    padding: 10px 0 8px 35px;
    background: #dedee2;
    color: #999
}

.avantapres .connexe a {
    display: inline;
    color: #333;
    padding: 0;
    
}

.avantapres .connexe a:hover {
    color: #e8efdb
}

.before:hover .connexe,
.after:hover .connexe {
    display: block
}

.ariane .logo {
    float: left;
    width: 45px;
    margin: 0 15px 5px 0;
    transform: rotate(-5deg)
}

.page_mav .ariane {
    display: none
}

.liste.large {
    margin: 0 70px 20px
}

.liste.flotte {
    margin: 0 0 50px
}

.liste li,
li.seul {
    border-bottom: 1px dashed #ccc;
    margin: 25px 0;
    padding: 0 0 15px
}

.liste.large li {
    overflow: hidden
}

li.seul {
    padding: 0 0 20px
}

.liste.livrecherche li,
.liste li.livre {
    padding: 0 0 20px 25px
}

.liste ol li {
    border-bottom: 0
}

.liste li>a {
    display: block;
    overflow: hidden
}

.liste ul.spip li>a {
    display: inline;
    overflow: inherit
}

.liste li a h3,
.liste li a h4 {
    color: #333
}

.liste li a:hover h3,
.liste li a:hover h4 {
    color: #e8efdb
}

.liste li h3 {
    font-size: 1.7em;
    line-height: 1.2em
}

.liste.large li h3 {
    
    font-weight: 400
}

.liste.livrecherche li h3 {
    
}

.liste.livrecherche li .logo {
    float: left;
    margin: 3px 15px 10px 0
}

.liste.livrecherche li .logo.sanscouv,
.liste.livrecherche li a:hover .logo.sanscouv {
    border: 0
}

.liste.livrecherche li .logo .fauxlivre {
    width: 90px;
    height: 130px;
    background: #efefef
}

.liste.livrecherche li :hover .logo .fauxlivre {
    mix-blend-mode: luminosity
}

.liste li a .dispo {
    color: #e8efdb;
    font-size: 1.2em
}

.liste li .titraille {
    margin: 0 0 6px;
    overflow: hidden
}

.liste li .logo {
    margin: 5px 15px 6px 0;
    float: left;
    border: 1px solid #999
}

.liste li a .logo {
    display: block;
    background: #e8efdb;
    line-height: 0
}

.liste li a:hover .logo img,
.liste li a:hover .logo .sansdoc {
    mix-blend-mode: luminosity
}

.liste li a:hover .logo {
    border: 1px solid #e8efdb
}

.liste li a .logo.carto {
    display: block;
    background: #e8efdb;
    line-height: 0;
    float: left;
    margin: 3px 15px 10px 0;
    border: 1px solid #999
}

.liste li a:hover .logo.carto {
    border: 1px solid #e8efdb
}

.liste li a:hover .logo.carto img {
    mix-blend-mode: luminosity
}

.liste.large li a .logo {
    border: 1px solid #999;
    display: block;
    float: left;
    margin: 6px 20px 15px 0;
    max-height: 125px;
    overflow: hidden
}

.liste.large li a:hover .logo {
    border: 1px solid #e8efdb
}

.liste.large li a .logo.entier {
    max-height: none
}

.liste li .intro,
.liste li a .intro {
    border: 0;
    margin: 0 0 6px;
    padding: 0 20px 0 0;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #333
}

.liste.large li .intro {
    margin: 0 0 6px 160px
}

.liste.large li.livre .intro,
.liste.large.livrecherche li .intro {
    margin: 0 0 6px 110px
}

.liste.large li .intro.sanslogo {
    margin: 0 0 6px
}

[data-couv="sanscouv"] .liste.large {
    margin: 0 150px 20px
}

[data-couv="sanscouv"] .liste.large li .intro {
    margin: 0 0 6px
}

.liste li a .texte {
    border: 0;
    margin: 0 0 6px;
    padding: 0 20px 0 0;
    color: #333
}

a .intro .suite,
a .texte .suite {
    font-size: 1.15em;
    font-weight: 400;
    line-height: 1em;
    vertical-align: bottom
}

a:hover .intro .suite,
a:hover .intro .suite {
    font-weight: 700;
    color: #e8efdb
}

.pagination {
    font-size: 1.5em;
    color: #ccc;
    margin: 0 0 50px;
    text-align: center;
    font-feature-settings: "onum";
    clear: both
}

.pagination .on {
    font-weight: 700;
    color: #333
}

.pagination a {
    color: #777
}

.pagination a:hover {
    color: #e8efdb
}

.pagination.haut {
    margin: 0 0 25px
}

.nombremots {
    text-align: right;
    color: #999
}

.bandeautitre {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.3em;
    
    display: none;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden
}

.bandeautitre a.bandeau {
    padding: 8px 25px 12px;
    display: block;
    color: #000;
    vertical-align: middle
}

.bandeautitre a.bandeau:hover {
    color: #fff
}

.bandeautitre .letitre {
    display: inline-block;
    max-width: 66%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis
}

.bandeautitre span {
    color: #333;
    margin-left: 10px;
    
    font-size: 1.2em;
    vertical-align: middle
}

.bandeautitre a.bandeau:hover span {
    color: #fff !important
}

.bandeautitre .logo {
    float: left;
    width: 200px;
    overflow: hidden;
    margin: 6px 20px 0 0
}

.bandeautitre .logo img {
    width: 100%;
    height: auto;
    filter: brightness(0);
    transition-duration: .3s;
    transition-property: filter;
    -moz-transition-duration: .3s;
    -moz-transition-property: filter;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: filter
}

.bandeautitre a.bandeau:hover img {
    filter: brightness(1)
}

.bandeautitre .partage {
    background: url('//www.lacor.info/plugins/diplo/exo/images/partage-bandeau.png') no-repeat 0 0;
    position: absolute;
    top: 10px;
    right: 15px;
    height: 23px;
    width: 24px
}

.bandeautitre:hover .partage {
    background: url('//www.lacor.info/plugins/diplo/exo/images/partage-bandeau.png') no-repeat 0 -23px
}

.bandeautitre:hover .partage:hover {
    background: url('//www.lacor.info/plugins/diplo/exo/images/partage-bandeau.png') no-repeat 0 -46px
}

.bandeautitre button.play_pause {
    color: transparent;
    width: 23px;
    height: 23px;
    background: url('//www.lacor.info/plugins/diplo/exo/images/bandeauboutons.png') no-repeat 0 0;
    border-radius: 0;
    transition-property: none;
    -webkit-transition-property: none;
    position: absolute;
    top: 13px;
    right: 55px
}

.bandeautitre:hover button.play_pause {
    background: url('//www.lacor.info/plugins/diplo/exo/images/bandeauboutons.png') no-repeat 0 -25px
}

.bandeautitre button.play_pause.bouton_playing {
    background: url('//www.lacor.info/plugins/diplo/exo/images/bandeauboutons.png') no-repeat -25px 0
}

.bandeautitre:hover button.play_pause.bouton_playing {
    background: url('//www.lacor.info/plugins/diplo/exo/images/bandeauboutons.png') no-repeat -25px -25px
}

.chapodactu {
    font-size: 1.45em;
    line-height: 1.3em;
    margin: 0 0 50px 60px;
    padding: 0 0 30px;
    
}

.chapodactu img {
    float: right;
    width: 350px;
    margin: 0 0 15px 15px
}

.chapodactu strong {
    
    font-weight: 400;
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 1.15em;
    float: left;
    text-align: right;
    margin: 0 30px 0 -60px;
    padding-bottom: 10px;
    width: auto
}

.chapodactu strong span {
    font-size: 1.5em;
    font-weight: 800
}

.chapodactu p {
    margin: .6em 50px 0 0
}

.chapodactu p:first-of-type {
    margin-top: 0
}

.voiraussi {
    margin: 0 35px 50px 35px;
    border: 1px solid #ccc;
    padding: 35px 50px 30px
}

.voiraussi.perspective {
    margin-top: 0;
    border: 0;
    background: #eee
}

.voiraussi.perspective.dessous {
    margin-top: -51px;
    border: 1px solid #ccc;
    border-top: 0
}

.voiraussi.dossierweb {
    padding: 30px 0 25px;
    border: 0;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc
}

.voiraussi.dossierweb a:hover.enune .voiraussi.dossierweb h2 span.date {
    color: #999
}

.enune .voiraussi.dossierweb {
    margin: 30px 10px 0;
    padding: 30px 0 0;
    border-bottom: 0
}

.enune .voiraussi.dossierweb a {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.enune .voiraussi.dossierweb .logo {
    margin: 5px 20px 0 0;
    width: 130px;
    border: 0
}

.voiraussi h2,
#navigation .voiraussi h2.titrechapo {
    font-size: 2em;
    color: #e8efdb;
    line-height: 1.1em
}

.voiraussi h2.titrechapo,
#navigation .voiraussi h2.titrechapo {
    margin: 0 0 5px;
    font-weight: 800
}

.voiraussi h2 span,
.rappelsune .voiraussi h2 span {
    font-weight: 400;
    color: #333
}

.voiraussi .chapdoss .intro {
    font-size: 1.45em;
    margin: 0 0 45px
}

.voiraussi ul li {
    border-bottom: 1px dashed #ccc
}

.voiraussi ul li:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.voiraussi.perspective ul li {
    border-bottom-color: #999
}

.voiraussi.perspective .dates_auteurs {
    color: #777
}

.voiraussi li.encadre h3 {
    font-weight: 400
}

.voiraussi li .logo {
    margin-top: 3px
}

.tags {
    font-size: 1.2em
}

.tags a {
    color: #999;
    padding: 5px 10px;
    margin: 0 8px 12px 0;
    border-radius: 8px;
    border: 2px solid #aaa;
    white-space: pre;
    line-height: 2.5em
}

.tags a.minus {
    font-weight: 400
}

.tags a.petit {
    font-weight: 500
}

.tags a.moyen {
    font-weight: 700
}

.tags a.grand {
    font-weight: 800
}

.tags a.pays {
    border: 2px solid #be843c;
    color: #be843c
}

.tags a.reference,
.reference {
    color: #096;
    border-color: #096
}

.tags a:hover {
    color: #e8efdb;
    border: 2px solid #e8efdb
}

.lesmots span:after {
    content: " •";
    color: #ccc
}

.lesmots span:last-child:after {
    content: ""
}

.message_references {
    margin: 50px 0 0 30px;
    padding-top: 20px;
    border-top: 1px dashed #096;
    font-size: 1.2em,
}

.message_references .reference {
    font-weight: 700
}

.carto_in {
    margin: 35px 0 40px;
    max-width: 100%
}

.type_Voix-de-faits .carto_in {
    margin: 2.5em 0 2.2em;
    max-width: 100%
}

.type_Voix-de-faits .carto_in h3 {
    font-size: 1.8em;
    font-weight: 800;
    margin: 4px 0 10px
}

.carto_in h3,
.listarchives.liste.large .carto_in h3 {
    margin: 4px 0 6px;
    font-size: 1.1em;
    font-weight: 400
}

.type_Voix-de-faits .carto_in .dates_auteurs {
    font-weight: 400;
    margin-bottom: 25px
}

.carto_in .apercu {
    padding-left: 25px;
    margin-left: 3px
}

.carto_in .titraille {
    max-width: 91% !important;
    margin: 0 0 .8em 9%
}

.listarchives.liste.large .carto_in .titraille {
    max-width: 91% !important;
    margin: 0 0 .8em
}

.carto_in figure.aucentre,
.carto_in .titraille.aucentre {
    margin-left: 9%;
    max-width: 100% !important
}

.carto_in figure.aucentre.centrecol,
.carto_in .titraille.aucentre.centrecol {
    width: 650px !important;
    text-align: center;
    margin: 0 18% 0 9%
}

.carto_in .titraille.aucentre.centrecol h3,
.carto_in .titraille.aucentre.centrecol .dates_auteurs {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    max-width: 100% !important
}

.cartoscrollbox {
    margin: 0 0 20px;
    position: relative
}

.cartoscroll {
    max-width: 100%;
    border: 1px solid #333;
    overflow-x: auto
}

.cartoscroll img {
    max-width: none;
    max-height: 75vh;
    width: auto
}

.scroll-msg {
    font-size: .01em;
    font-style: italic;
    width: 0;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    transition-duration: .5s;
    transition-property: opacity, font-size, width;
    -moz-transition-duration: .5s;
    -moz-transition-property: opacity, font-size, width;
    -webkit-transition-duration: .5s;
    -webkit-transition-property: opacity, font-size, width
}

.cartoscrollbox:hover .scroll-msg {
    width: 100%;
    font-size: .9em;
    opacity: 1;
    padding: 5px 0 10px
}

.traducteur {
    font-size: 1.2em;
    font-style: italic;
    margin: 20px 160px 30px 30px
}

#navigation h2 {
    margin: 30px 0 20px;
    font-size: 2.3em
}

.variante #navigation h2 {
    font-weight: 800
}

.tousles {
    margin: 20px 0 30px;
    text-align: right;
    clear: both;
    overflow: hidden
}

.tousles a {
    font-size: 2em;
    
    font-weight: 800;
    text-transform: uppercase;
    color: #bbb;
    text-transform: uppercase;
    display: block
}

.tousles.mini a {
    font-size: 1.6em
}

.tousles.filet {
    border-top: 1px dashed #ccc;
    padding-top: 15px
}

.liste li.tousles {
    border: 0
}

.liste li.tousles a {
    font-size: 1.5em
}

.tousles a.gauche {
    float: left
}

.tousles a:hover {
    color: #e8efdb
}

h3.cat {
    
    font-weight: 400;
    font-size: 1.8em;
    margin: 0 0 20px
}

.trads {
    position: absolute;
    width: 100%;
    text-align: right;
    font-size: 1.4em
}

.trads>a span {
    border: 1px solid #ccc;
    padding: 0 0 2px;
    border-radius: 25px;
    --box-shadow-color: #ccc;
    box-shadow: 0 0 0 var(--box-shadow-color);
    font-variant: small-caps;
    width: 1.2em;
    display: inline-block;
    text-align: center
}

.trads a {
    color: #333
}

.trads.deplie>a span {
    background-color: #333;
    color: #fff;
    --box-shadow-color: #ccc;
    box-shadow: 0 0 0 3px var(--box-shadow-color)
}

.trads a:hover span {
    color: #333;
    box-shadow: 0 0 0 0;
    --backhover-color: #fff;
    background-color: var(--backhover-color)
}

#traductions {
    margin: 45px 0 0;
    font-size: 1.3em
}

#traductions.enhaut {
    font-size: .9em;
    display: none;
    -moz-font-feature-settings: normal;
    -webkit-font-feature-settings: normal;
    -ms-font-feature-settings: normal;
    font-feature-settings: normal;
    margin: 15px 0 0;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    background: rgba(255, 255, 255, 0.9)
}

#traductions h2 {
    font-size: 1.2em;
    margin-bottom: 15px
}

#traductions.enhaut h2 {
    display: none
}

#traductions ul li {
    margin-bottom: 10px
}

#traductions a {
    
    color: #333
}

#traductions a:hover {
    color: #e8efdb
}

#traductions span {
    text-transform: uppercase;
    color: #999;
    
    font-size: .8em;
    border: 0;
    padding: 0;
    background: none
}

#traductions a[hreflang]:after {
    content: ''
}

#traductions .sanssource {
    font-style: italic;
    color: #999
}

#traductions .sanssource a {
    font-style: normal
}

.article_carnet #navigation {
    border-top: 0;
    margin-top: 0
}

.enlarge.zizi {
    margin: 20px 0 0;
    overflow: hidden
}

.enlarge.zizi.recent {
    margin: 25px 0 0
}

.article_cartes #navigation .zizi {
    border-bottom: 1px solid #ccc
}

.enlarge .unemensuel {
    float: left;
    margin: 0 25px 0 25%
}

.enlarge.recent .unemensuel {
    margin: 10px 25px 25px 30px;
    display: block;
    width: 180px
}

.bloc .enlarge .unemensuel {
    width: inherit
}

.enlarge.vieux .unemensuel {
    width: 100px;
    height: 60px
}

.enlarge .unemensuel .logo {
    border: 1px solid #999;
    line-height: 0
}

a:hover .enlarge .unemensuel .logo {
    background: #e8efdb;
    border: 1px solid #e8efdb
}

a:hover .enlarge .unemensuel img {
    mix-blend-mode: luminosity
}

.enlarge.zizi .dates_auteurs {
    font-size: 1.8em;
    margin: 0 0 10px
}

.enlarge.zizi .dates_auteurs span {
    color: #333
}

a:hover .enlarge.zizi .dates_auteurs span {
    color: #e8efdb
}

.enlarge.zizi .descriptif,
a .enlarge.zizi .descriptif {
    font-size: 1.3em;
    margin: 3px 0 25px 238px;
    color: #333
}

.dunumero {
    clear: both;
    overflow: hidden;
    margin: 0 0 30px;
    padding: 30px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #ccc
}

.dunumero.vieux {
    padding: 20px 0 22px
}

.navbillets {
    clear: both;
    overflow: hidden;
    margin: 25px 0;
    padding: 0 0 10px
}

#pagescol {
    width: 450px !important;
    border: 1px solid #333 !important;
    display: inline-block;
    margin: 0 !important;
    vertical-align: middle
}

#pagescol a {
    width: 225px !important
}

.navart {
    width: 219px;
    display: inline-block;
    font-size: 1.3em;
    color: #ccc;
    margin-top: 30px
}

.vieux .navart {
    width: 50%;
    margin-top: 0
}

.navart:hover {
    color: #333
}

.avant {
    text-align: right;
    margin-right: 30px;
    float: left
}

.vieux .avant {
    margin-right: 0
}

.vieux .avant .fleche {
    float: left;
    margin: 20px 10px 0 0
}

.navart .fleche {
    font-size: 5em;
    display: block;
    clear: both;
    line-height: .5em;
    margin: 0 0 20px;
    color: #bbb
}

.navart:hover .fleche {
    color: #333
}

.navbillets .navart .fleche {
    font-weight: 700
}

.apres {
    text-align: left;
    margin-left: 30px;
    float: right
}

.vieux .apres {
    margin-left: 0
}

.vieux .apres .fleche {
    float: right;
    margin: 20px 0 0 10px
}

.articleconnexe,
a .articleconnexe {
    color: #aaa;
    line-height: 1.3em
}

.articleconnexe span.titre {
    
    font-size: 1.2em;
    color: #333
}

.navbillets .articleconnexe span.titre {
    
    font-size: 1.2em;
    color: #333;
    font-weight: 700
}

a:hover .articleconnexe {
    color: #333
}

a:hover .articleconnexe span.titre {
    color: #e8efdb
}

.vieux .avant .articleconnexe {
    padding-right: 25px;
    border-right: 1px dashed
}

.vieux .apres .articleconnexe {
    padding-left: 25px
}

.page_sommaire #conteneur {
    padding: 0
}

.page_sommaire.variante #conteneur {
    padding: 0 5px
}

.enune {
    overflow: hidden;
    margin: 0 0 25px
}

.numeros_une {
    display: none
}

#preview_une .numeros_une {
    display: inline-block;
    position: absolute;
    z-index: 25;
    left: -7px;
    overflow: visible;
    padding: 4px;
    border: 1px solid;
    border-radius: 30px;
    width: auto;
    background: #fff
}

.rappelsune {
    display: none;
    margin: 45px -5px 50px;
    clear: both
}

.rappelsune.filet {
    border-top: 1px dashed #333;
    margin-top: 30px
}

.rappelsune>h2,
#navigation .rappelsune>h2 {
    margin-left: 10px;
    mix-blend-mode: luminosity
}

.rappelsune h2 span {
    font-weight: 800
}

.cols_1 {
    width: 160px
}

.cols_2 {
    width: 320px
}

.cols_3 {
    width: 480px
}

.cols_4 {
    width: 640px
}

.cols_4.filet {
    width: 620px
}

.cols_5 {
    width: 800px
}

.cols_6 {
    width: 960px
}

.cols_6.filet {
    width: 940px
}

.multi ul {
    overflow: hidden
}

.cols_4>.unarticle .titraille,
.cols_4>.unarticle .intro {
    width: 600px
}

.enune.liste li {
    overflow: hidden;
    float: left;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    list-style: none
}

.enune.liste li.droite {
    float: right
}

.enune.liste li a {
    margin: 0 10px 15px;
    border-bottom: 1px dashed #ccc;
    padding: 0 0 15px;
    display: block
}

.enune.liste li.bloc li:not(.bloc) {
    width: 100%
}

.enune.liste li.bloc li:last-child>a,
.enune.liste li a.noborder {
    margin: 0 10px;
    border: 0;
    padding: 0
}

.enune.liste li .intro {
    padding: 0
}

.enune.liste li.filet {
    border-top: 1px dashed #ccc;
    border-bottom: 0;
    margin: 28px 0 30px 10px;
    display: block
}

.enune.liste li.clearleftlarge {
    clear: left
}

.bloc h3 a {
    color: #333
}

.bloc h3 a:hover {
    color: #e8efdb
}

.enune.liste h3,
.enune.liste .cols_1 .yalogo h3 {
    
    font-weight: 400
}

.enune.liste .yalogo h3 {
    
    font-weight: 700
}

.liste .cols_4 h3,
.liste .cols_5 h3 {
    font-size: 2.2em;
    line-height: 1.1em
}

.liste .cols_3 h3 {
    font-size: 2em;
    line-height: 1.1em
}

.liste .cols_2 h3 {
    font-size: 1.6em
}

.liste .cols_1 h3 {
    font-size: 1.25em;
    line-height: 1.2em
}

.liste .cols_1 .intro {
    display: none
}

.yalogo {
    max-width: 100%;
    max-height: 100%
}

.enune.liste li a .logo {
    margin: 3px 0 10px
}

.enune .logo img {
    display: block;
    max-width: 100%;
    height: auto !important
}

.liste .bloc .titraille {
    margin: 0 0 6px;
    overflow: visible
}

.liste .cols_1 .logo {
    display: none
}

.liste .cols_1 .logo.logoforce {
    display: block
}

.enune.liste li a.unemdv .logo {
    margin: 3px 0 0;
    border: 0;
    display: block
}

.enune.liste li a.unemdv.long .logo {
    margin: 3px 0 10px;
    border: 0;
    display: block
}

.sticker_enkiosques {
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 800;
    margin: 15px 0 0
}

.liste .cols_1 .sticker_enkiosques {
    font-size: 1.3em;
    font-weight: 800;
    margin: 10px 0 0
}

.enune.liste li a.unemdv .titraille,
.enune.liste li a.unemdv .intro {
    display: none
}

.enune.liste .cols_1 li a.unemdv .titraille,
.enune.liste li a.unemdv.long .titraille,
.enune.liste li a.unemdv.long .intro {
    display: block
}

.liste .cols_1 .sticker_enkiosques {
    font-size: 1em;
    padding: 4px 6px 3px;
    bottom: inherit;
    top: 148px
}

.enune.liste .cols_1 li a.unemdv .logo {
    margin: 3px 0 10px
}

.bloc .enlarge.zizi.recent {
    margin: 0
}

.bloc .unemensuel {
    float: left;
    margin: 8px 20px 10px 0
}

.bloc .unemensuel .logo {
    max-width: 100%;
    box-sizing: border-box
}

.bloc.cols_1 .unemensuel {
    float: none;
    margin: 0 0 10px
}

.bloc.cols_2 .unemensuel {
    margin: 0 0 10px;
    float: none
}

.bloc .unemensuel img,
.bloc .enlarge.recent .unemensuel img {
    height: auto;
    max-width: 100%;
    width: inherit
}

.bloc .cols_2 .unemensuel img {
    height: auto;
    max-width: 100%
}

.bloc .cols_3 .unemensuel img {
    width: 180px;
    height: auto;
    max-width: 100%
}

.bloc .zizi .dates_auteurs {
    font-size: 1.8em;
    line-height: 1em;
    display: block;
    margin: 0 0 10px
}

.bloc .zizi .dates_auteurs strong {
    color: #333
}

.bloc .zizi a:hover .dates_auteurs strong {
    color: #e8efdb
}

.bloc .cols_1 .zizi .dates_auteurs {
    font-size: 1.3em;
    margin: 0 0 5px
}

.bloc .enlarge.zizi .descriptif,
.bloc a .enlarge.zizi .descriptif {
    margin: 0 0 6px
}

.unedeux {
    padding: 0 5px
}

.horizon {
    border-top: 1px solid #ccc;
    padding: 30px 0 0;
    margin: 15px 0 30px
}

.horizon.enkiosques .zizi .dates_auteurs {
    display: none
}

.une h2 a {
    font-weight: 800
}

.argu {
    font-size: 1.25em;
    
    margin: 0 0 20px
}

.argu.bas {
    text-align: right
}

.argu strong {
    
    font-weight: 800
}

.argu span {
    color: #999
}

.argu span a {
    color: #333
}

.argu span a:hover {
    color: #e8efdb
}

.unedeux .son .loghorizon {
    width: 200px;
    float: right;
    margin: -15px 0 -5px 15px
}

.unedeux .son .liste.sons:before {
    content: '&nbsp;';
    clear: both;
    color: transparent;
    height: 0.1px;
    display: block
}

.unedeux .son .liste.sons li {
    margin-top: 0
}

.suivre .logo {
    display: block;
    margin: 4px 25px 5px 0;
    width: 30%;
    float: left
}

.suivre .liste.double {
    overflow: hidden
}

.suivre .liste.double .demi {
    padding: 0 15px 0 0;
    box-sizing: border-box;
    border-right: 1px dashed #ccc
}

.suivre .liste.double .demi.droite {
    padding: 0 0 0 30px;
    border: 0
}

.suivre .liste.double li {
    border: 0
}

.suivre .infodiplo .formulaire_spip label {
    display: none
}

.suivre .infodiplo .message-donnees {
    margin: 15px 0 10px;
    display: none
}

.listeliens {
    font-size: 1.4em;
    text-transform: uppercase;
    line-height: 1.4em;
    clear: both;
    color: #ccc;
    margin-bottom: 20px
}

.listeliens a {
    color: #333;
    font-weight: 800
}

.listeliens a:hover {
    color: #e8efdb
}

.horizon.blogs {
    margin-bottom: 0
}

.archives .liste_vignettes .logo {
    display: none
}

.archives .bloc_vignette h3,
.archives .bloc_vignette a:hover h3 {
    
    font-weight: 400
}

.horizon.enkiosques {
    border-bottom: 1px solid #ccc
}

.une .enlarge.recent {
    margin-right: 30px
}

.une .promav {
    border-bottom: 0;
    margin: 0 0 30px;
    padding: 0
}

.une .promav .couvmav {
    width: 250px
}

.une .promav a .intro {
    font-size: 1.3em
}

.livremois_une {
    overflow: hidden;
    margin: 0 0 10px
}

.livremois_une li {
    display: inline-block;
    margin: 0 20px 10px 0;
    vertical-align: top
}

.livremois_une li:last-child {
    margin-right: 0
}

.livremois_une li a {
    display: block;
    background: #e8efdb;
    line-height: 0;
    width: 90px
}

.livremois_une li a:hover .logo img {
    mix-blend-mode: luminosity
}

.edinter .liste li {
    font-size: 1.35em;
    padding: 0;
    margin-bottom: 15px;
    border: 0
}

.edinter .liste li a {
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc
}

.edinter .liste li a:hover {
    color: #e8efdb;
    border-bottom: 1px solid #e8efdb
}

.edinter .argu {
    overflow: hidden
}

.edinter .argu .logo {
    float: left;
    width: 120px;
    margin: 0 20px 8px 0
}

h1 span {
    color: #bbb
}

.infoboite {
    float: right;
    width: 352px;
    margin: 25px 0 5px 30px;
    position: relative
}

.infoboite .edito {
    margin-top: 30px;
    border-bottom: 0
}

.infoboite .unite {
    font-size: 1.2em;
    
    text-align: center
}

.papiers_hasard {
    font-size: 1.4em;
    margin: 25px 0 30px
}

.papiers_hasard.fat {
    font-size: 1.8em;
    margin: 25px 45px 30px 0
}

.alaune {
    float: left;
    width: 500px;
    margin: 0 8px 30px 0
}

.alaune li,
.tige {
    overflow: hidden
}

.alaune li img {
    max-width: 100% !important;
    height: auto !important
}

.alaune li h3 {
    font-weight: 700
}

.alaune li .tige h3 {
    font-weight: 700;
    font-size: 2.2em;
    line-height: 1.1em
}

.liste li.edito h3,
.alaune li.edito h3 {
    
    font-weight: 400;
    font-size: 2em;
    line-height: 1.1em
}

.liste li .tige .logo {
    max-width: 220px
}

.liste li .tige .logo.large {
    max-width: 600px
}

.liste li .logo.large {
    margin: 12px 0;
    float: none;
    border: 0
}

.liste li a:hover .logo.large {
    border: 0
}

.liste li a.carto .logo.large,
.liste li a.carto:hover .logo.large {
    display: block;
    box-sizing: border-box;
    border: 1px solid #ccc
}

.liste li a.carto:hover .logo.large {
    border: 1px solid #e8efdb
}

.liste.double {
    clear: both
}

.liste.double li {
    overflow: hidden
}

.liste.double .demi {
    float: left;
    width: 50%
}

.liste.double .demi.solo {
    float: none;
    width: 100%
}

.liste.double .demi.droite {
    float: right;
    width: 50%
}

.liste.double .demi li:last-of-type {
    border-bottom: 0
}

.liste.double .gauche>ul {
    margin: 0 20px 0 0
}

.liste.double .droite>ul {
    margin: 0 0 0 20px
}

.liste.double li img {
    max-width: 100% !important;
    height: auto !important;
    display: block
}

.liste.double li .intro {
    padding: 0
}

.liste.double li h3 {
    font-weight: 700
}

.liste.double .gauche .lovus {
    margin-right: 20px
}

.liste li .pages {
    color: #bbb
}

.liste li .pages span,
.liste li .anime span,
.anime span {
    color: #ddd;
    vertical-align: middle;
    line-height: .5em
}

.liste li span.inedit {
    color: #e0aa69;
    vertical-align: baseline;
    line-height: 1.1em
}

.anime,
.liste li .anime {
    color: #2a7ba1
}

.liste li .anime {
    font-weight: 700
}

a:hover .anime {
    color: #e8efdb
}

.liste li .surtitre,
.liste li a .surtitre {
    font-size: 1.3em;
    margin-bottom: 8px;
    color: #333
}

.pretitre {
    
    color: #999;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1em;
    margin: 0 0 10px
}

.supp .pretitre {
    
    font-weight: 400
}

.liste.alaune li.chapodoss,
.alaune li.sanschapo {
    border-bottom: 0;
    padding-bottom: 0;
    margin: 45px 0 0
}

.alaune li.sanschapo {
    margin: 25px 0 0;
    width: 425px
}

.alaune li.chapodoss.titreseul {
    margin: 55px 0 0
}

.alaune li.sanschapo h3 {
    font-size: 1.9em
}

.liste li.chapodoss h3 .sep {
    color: #ccc;
    font-weight: 400
}

.liste li.chapodoss h3 {
    font-weight: 700;
    font-size: 2.2em;
    line-height: 1.1em
}

.dossiers.liste li.chapodoss .intro {
    font-size: 1.3em;
    line-height: 1.4em
}

.dossiers.liste li.chapodoss .logo.large {
    margin: 12px 25px 12px 0;
    max-width: 425px;
    width: 48%;
    float: left
}

.liste li.chapodoss .logo.large {
    border: 0;
    max-width: 100%
}

.liste li.chapodoss .logo {
    margin: 6px 20px 12px 0;
    float: left;
    border: 1px solid #999
}

.dossier,
.dossier.supp {
    clear: both;
    border-bottom: 1px dashed #999;
    padding-bottom: 15px
}

.liste .dossier li {
    border-bottom: 0;
    margin: 25px 0;
    padding: 0;
    overflow: hidden
}

.liste .dossier li.chapodoss {
    margin: 25px 0 0
}

.liste li ul.voiraussis li {
    border: 0;
    margin: 25px 0 0;
    padding: 0;
    overflow: hidden
}

.liste.livres {
    clear: both
}

.presentoir {
    margin: 0 0 20px;
    position: relative
}

.bouton.numero {
    text-align: center;
    margin: 0 0 40px
}

.presentoir .bouton.numero {
    margin: 0;
    position: absolute;
    bottom: 50px;
    width: 100%;
    display: none
}

.presentoir:hover .bouton.numero {
    display: block
}

.blocouvert .bouton.numero {
    display: none
}

.bouton.numero a {
    font-size: 1.3em;
    padding: 8px 15px 8px 50px;
    border-radius: 20px
}

.bouton.numero a.lien_feuilleter {
    background: url('//www.lacor.info/plugins/diplo/exo/images/livreouvert.svg') no-repeat 15px center #e8efdb;
    margin-right: 10px
}

.bouton.numero a.lien_feuilleter:hover,
.presentoir:hover .bouton.numero a.lien_feuilleter {
    background: url('//www.lacor.info/plugins/diplo/exo/images/livreouvert.svg') no-repeat 15px center #e8efdb;
    background-size: 25px;
    color: #fff
}

.bouton.numero a.lien_telecharger {
    background: url('//www.lacor.info/plugins/diplo/exo/images/telecharger.svg') no-repeat 15px center #e8efdb;
    background-size: 25px
}

.bouton.numero a.lien_telecharger:hover {
    background: url('//www.lacor.info/plugins/diplo/exo/images/telecharger.svg') no-repeat 15px center #e8efdb
}

.bouton.numero a.lien_telecharger.on {
    background: url('//www.lacor.info/plugins/diplo/exo/images/telecharger.svg') no-repeat 15px center #000
}

.bouton.numero a.lien_ecouter {
    background: url('//www.lacor.info/plugins/diplo/exo/images/son-blanc.svg') no-repeat 15px center #e8efdb;
    background-size: 25px
}

.bouton.numero a.lien_ecouter:hover {
    background: url('//www.lacor.info/plugins/diplo/exo/images/son-blanc.svg') no-repeat 15px center #e8efdb;
    background-size: 25px
}

.rubrique_numero .enlarge {
    margin: 50px 30px 0;
    clear: both
}

.tetiere {
    margin: 30px 0 0;
    background: #e8efdb;
    line-height: 0
}

a:hover .tetiere img {
    opacity: 0.8
}

h2#leslivres {
    margin: 10px 0 30px;
    font-size: 2.5em;
    font-weight: 800;
    text-align: center;
    padding: 0 0 18px;
    border-bottom: 1px dashed #333
}

a h2#leslivres {
    color: #e8efdb
}

a:hover h2#leslivres {
    border-bottom: 1px solid #e8efdb
}

.liste.livres li {
    padding: 0 0 10px;
    overflow: hidden
}

.liste.livres li .logo {
    float: left;
    margin: 3px 15px 10px 0;
    width: 20%
}

.liste.livres .revues .logo {
    width: 5%
}

.liste li.catego {
    border: 0;
    margin: 0;
    padding: 0
}

.liste li.catego h2,
#navigation .liste li.catego h2 {
    margin: 0;
    padding: 0;
    color: #999
}

.message_service {
    font-size: 1.3em;
    font-weight: 500;
    border: 2px solid #e8efdb;
    color: #e8efdb;
    padding: 25px;
    text-align: center
}

.liste.livres h2 span {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 0
}

.liste.livres h2 span.off {
    opacity: 0.3;
    cursor: pointer
}

.liste.livres h2 span.off:hover {
    opacity: 1;
    cursor: pointer
}

.liste.livres h2 span.liste img,
.liste.livres h2 span.grille img {
    display: inline-block
}

.liste.livres .engrille .titraille {
    display: none
}

.liste.livres .engrille li {
    display: inline-block;
    padding: 0;
    border: 0;
    width: 32%;
    margin: 10px 0;
    vertical-align: text-top
}

.liste.livres .engrille li.tousles {
    display: block;
    width: 100%
}

.liste.livres .engrille li.catego,
.liste.livres .engrille li.sansfilet {
    display: block;
    width: 100%;
    margin: 25px 0;
    text-align: left !important
}

.liste.livres .engrille li.catego {
    display: block;
    width: 100%;
    margin: 0 0 25px
}

.liste.livres .engrille li .logo {
    width: 90%;
    float: none;
    margin: 0;
    display: inline-block
}

.liste.livres .engrille li a {
    display: block
}

.liste.livres .engrille li.catego a {
    display: inline-block
}

.liste.livres .engrille li a img {
    width: 100%
}

.liste.livres .engrille li:nth-child(3n) {
    text-align: center
}

.liste.livres .engrille li:nth-child(3n+1) {
    text-align: right
}

.logo.vide,
.liste.livres li .logo.vide {
    display: none
}

.liste.livres li .engrille .logo.vide {
    height: 180px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box
}

.faussecouv {
    background: #e8efdb;
    color: #574b3d;
    min-height: 142px;
    line-height: 1.3em;
    padding: 35px 8px 8px;
    font-size: .9em;
    text-align: center;
    
}

.engrille li:nth-child(odd) .faussecouv {
    background: #eee;
    color: #555
}

a:hover .faussecouv {
    mix-blend-mode: luminosity
}

.faussecouv span {
    color: #999;
    font-variant: small-caps;
    display: inline-block;
    font-size: .8em;
    line-height: 1.3em;
    margin-top: 3px;
    
}

.livresdumois .liste li.catego h2 {
    font-size: 2em;
    margin: 45px 0 30px
}

.livresdumois .liste {
    margin: 0 70px 20px
}

.liste li.catego h2,
#navigation .liste li.catego h2 {
    margin: 0;
    padding: 0;
    color: #999
}

.livresdumois .liste li .intro {
    font-size: 1.3em;
    line-height: 1.33em
}

.livresdumois .liste li .logo {
    margin: 5px 25px 12px 0
}

.livresdumois .liste li h3 {
    font-size: 1.8em
}

.liste li .analyses h3,
.liste li .rouge h3 {
    
    font-weight: 400
}

.liste li .livrimage,
.liste li .rouge .logo {
    float: left;
    margin: 5px 20px 10px 0
}

.notesdl {
    margin: 20px 0 10px
}

.notesdl h3 {
    font-weight: 400
}

.petitsauteurs {
    color: #333;
    line-height: 1.3em
}

.petitsauteurs span {
    color: #999;
    font-variant: normal;
    text-transform: normal
}

.petitsauteurs div,
.petitsauteurs p {
    display: inline;
    margin: 0;
    padding: 0
}

.lesauteurs.dates_auteurs {
    font-size: 1.2em;
    margin: 20px 0 0;
    text-align: right
}

.rubrique_livres .enlarge.zizi.recent {
    border-bottom: 1px solid #ccc;
    margin: 40px 0 50px
}

.dates_auteurs.spe {
    font-variant: normal;
    text-transform: normal;
    line-height: 1.15em
}

.avantapres.numero {
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 1.8em;
    clear: both;
    overflow: hidden
}

.avantapres.numero a {
    color: #ccc
}

.avantapres.numero a:hover {
    color: #e8efdb
}

.baseline {
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0 0 30px;
    position: relative
}

.baseline p {
    margin: .6em 0
}

.baseline .mini {
    font-size: .9em
}

.baseline.minimarge {
    margin: 0 0 15px
}

.baseline.filet {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.baseline.fat {
    font-size: 1.6em
}

#ancres,
.associes {
    -moz-font-feature-settings: 'onum';
    -webkit-font-feature-settings: 'onum';
    -ms-font-feature-settings: 'onum';
    font-feature-settings: 'onum';
    margin: 0 0 5px
}

#ancres {
    margin: 0 0 10px
}

.ancres2 {
    display: none
}

#ancres .ancres2,
h2.catego .ancres2 {
    display: inline
}

.nb_resultats a:before,
.associes a:before,
.refere {
    color: #ccc;
    content: "/ ";
    font-weight: 400
}

#ancres .nb_resultats a:first-of-type:before,
.associes a:first-of-type:before {
    content: none
}

h2.arts .arts,
h2.carts .carts,
h2.livrs .livrs,
h2.revus .revus {
    display: none
}

.resultats_recherche h2.catego {
    vertical-align: middle
}

.resultats_recherche h2.catego>span {
    font-size: .8em;
    vertical-align: 2px
}

.resultats_recherche h2.catego .nb_resultats a:before {
    color: #ddd;
    content: " ⁕ ";
    font-size: .8em;
    vertical-align: 1px
}

h2.catego .ancres2 {
    vertical-align: 2px
}

h2.catego .ancres2 a {
    color: #999;
    font-size: .8em
}

h2.catego:hover .ancres2 a {
    color: #333
}

h2.catego .ancres2 span {
    color: #ccc;
    font-size: .8em;
    display: inline;
    -moz-font-feature-settings: 'onum';
    -webkit-font-feature-settings: 'onum';
    -ms-font-feature-settings: 'onum';
    font-feature-settings: 'onum';
    vertical-align: 2px
}

h2.catego .ancres2 a:hover {
    color: #e8efdb
}

h2.catego .ancres2 a:hover span {
    color: #333
}

h2.facette {
    font-size: 1.3em;
    font-variant: normal;
    text-transform: none;
    margin: 0 0 8px;
    display: inline-block;
    -moz-font-feature-settings: 'onum';
    -webkit-font-feature-settings: 'onum';
    -ms-font-feature-settings: 'onum';
    font-feature-settings: 'onum';
    
}

h2.facette span {
    color: #999;
    
    display: none
}

h2.facette:last-of-type {
    margin: 0 0 25px
}

h2.facette a.suppr {
    color: #bbb;
    border-radius: 15px;
    padding: 0 5px 2px;
    margin: 0 7px 0 -4px;
    display: inline-block;
    line-height: 1em
}

h2.facette a.suppr:hover {
    color: #fff;
    background: #e8efdb
}

.associes .label {
    display: inline
}

.associes a {
    font-style: normal
}

.affinage {
    padding: 5px 0 45px;
    clear: both
}

.lesboutons {
    font-size: 1.1em
}

.tri {
    float: right;
    margin: 0 0 0 .5em;
    line-height: 2.3em
}

.tri strong {
    font-size: 1.2em
}

.filtres.bouton {
    float: left
}

.filtres.bouton a {
    margin: 0 .5em 0 0;
    font-size: 1.3em;
    background: #eee
}

.filtres.bouton a:hover {
    background: #e8efdb
}

.filtres.bouton a.on {
    background: #333
}

.filtres.bouton a span img {
    width: 17px;
    filter: brightness(0.3);
    margin-right: 2px
}

.filtres.bouton a:hover span img,
.filtres.bouton a.on span img {
    filter: brightness(1)
}

h2.facette:first-child {
    color: #ccc
}

h2.facette:before,
.filtres.bouton a:before {
    content: ' ';
    display: inline-block;
    background: url('//www.lacor.info/plugins/diplo/exo/images/rouage.svg') bottom center no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    filter: brightness(0.3)
}

h2.facette:before {
    filter: brightness(0.7)
}

.filtres.bouton a:before {
    margin-right: 5px
}

.filtres.bouton a.on:before,
.filtres.bouton a:hover:before {
    filter: brightness(1)
}

.js .filtres.bloc {
    display: none
}

.filtres.bloc {
    margin-top: 25px;
    padding: 20px 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    font-size: 1.2em;
    clear: both
}

.filtres.bloc h2 {
    font-size: 1.2em;
    text-transform: none;
    font-variant: normal;
    font-style: italic;
    text-align: center
}

.filtres.bloc ul li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #bbb
}

.filtres.bloc ul li span.label {
    color: #333
}

.filtres.bloc .xtags,
.filtres.bloc .xauteurs {
    margin: 15px 0 0;
    line-height: 1.4em;
    color: #ccc
}

.filtres.bloc label,
.filtres.bloc .label {
    
    font-weight: 700
}

.filtres.bloc a,
.filtres.bloc ul li span.check {
    color: #333
}

.filtres.bloc a:hover {
    color: #e8efdb
}

.filtres.bloc ul li span.check.disabled {
    color: #aaa
}

.filtres.bloc ul li #avant,
.filtres.bloc ul li #apres,
.filtres.bloc label[for="avant"],
.filtres.bloc label[for="apres"] {
    display: none
}

.filtres.bloc .sliderdates {
    
    font-weight: 700
}

.filtres.bloc .sliderdates form {
    margin-bottom: 20px
}

.filtres.bloc .sliderdates input,
.filtres.bloc .sliderdates label {
    margin-top: 6px
}

.filtres.bloc .sliderdates input {
    font-weight: 400
}

.filtres.bloc .sliderdates input[type="text"] {
    border: 0;
    padding: 0;
    font-weight: 400;
    -moz-font-feature-settings: 'onum';
    -webkit-font-feature-settings: 'onum';
    -ms-font-feature-settings: 'onum';
    font-feature-settings: 'onum'
}

.filtres.bloc .sliderdates input[type="submit"] {
    float: right;
    
    font-size: .8em;
    font-weight: 400;
    margin-top: 0
}

.acroiser a:before {
    color: #ccc;
    content: "/ ";
    white-space: pre
}

.acroiser a:first-of-type:before {
    content: none
}

a.cachecache span {
    display: none
}

a.cachecache.on span {
    display: inline
}

.spip_surligne {
    background: #e8efdb;
    outline: 1px solid #e8efdb
}

.revele_notice {
    
    font-style: italic;
    color: #aaa;
    margin: 15px 0
}

.revele_notice:hover {
    color: #333;
    cursor: pointer
}

.notices {
    margin: 15px 0
}

.notice {
    margin: 0 0 10px
}

.notice .codef {
    font-style: italic
}

.note_application {
    
    margin: 0 0 20px
}


#slider-range {
    margin: 15px 0 20px
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #999;
    background:#e8efdb !important;
    font-weight: 400
}

.ui-slider {
    display: inline-block;
    position: relative;
    top: 20px
}

.ui-slider-horizontal {
    height: 1px
}

.ui-slider.ui-corner-all {
    border-radius: 0
}

.ui-slider.ui-widget.ui-widget-content {
    border: 0;
    background: #ccc
}

.ui-slider .ui-widget-header {
    border: 0;
    background: #333
}

.ui-slider-handle.ui-state-default {
    border: 0;
    background: transparent
}

.ui-slider .ui-slider-handle {
    width: 0;
    height: 0;
    cursor: default;
    border-bottom: 20px solid #e8efdb;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    z-index: 3
}

.ui-slider .ui-slider-handle.derriere {
    z-index: 1
}

.ui-slider-horizontal .ui-slider-handle {
    top: 0
}

#graphdates {
    height: 80px;
    text-align: center;
    clear: both
}

.bar {
    background: #ccc;
    bottom: 0
}

.bar.on {
    background: #333
}

.decennie {
    font-size: .8em;
    position: absolute;
    z-index: 3;
    color: #999;
    bottom: -20px;
    border-left: solid 1px #aaa;
    padding: 5px 0 0 4px;
    font-weight: 400;
    line-height: 1em;
    text-align: left
}

.decennie::-moz-selection {
    background-color: transparent;
    color: inherit
}

.decennie::selection {
    background-color: transparent;
    color: inherit
}

.filtres.bloc ul li .ouvreur {
    font-size: .9em;
    background: #eee;
    padding: 0 4px;
    line-height: 1.1em
}

.filtres.bloc ul li .ouvreur:hover {
    background: #e8efdb
}

.ui-dialog,
.ui-dialog.ui-widget.ui-widget-content {
    border: 0;
    font-size: 1.2em;
    padding: 20px 20px 25px;
    box-shadow: 0 0 50px #ccc
}

.ui-dialog .ui-widget-header {
    border: 0;
    background: #fff
}

.ui-dialog .ui-dialog-title {
    white-space: normal;
    overflow: visible;
    padding: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0;
    margin-bottom: 5px;
    font-weight: 700
}

.ui-dialog .ui-button {
    background: none;
    border: 0
}

.ui-dialog .ui-button-icon,
.ui-dialog .ui-button-icon:focus,
.ui-dialog .ui-button-icon:hover {
    background-image: none;
    background: none;
    color: transparent
}

.ui-dialog .ui-button-icon:before {
    content: "×";
    display: block;
    text-indent: 0;
    color: #333;
    background: #fff;
    font-size: 1.2em
}

.ui-button-icon-space {
    color: transparent
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 0;
    top: 0;
    margin: 0;
    height: 28px;
    line-height: 1em
}

.ui-dialog .ui-dialog-content {
    padding: 0;
    overflow: auto;
    border: 0
}

.ui-widget-content {
    color: #ccc;
    line-height: 1.4em
}

.aide.ui-widget-content {
    color: #333
}

.ui-widget-content a,
.ui-widget-content a:visited {
    color: #333
}

.ui-widget-content a:hover {
    color: #e8efdb
}

.bouton.maj {
    text-align: right;
    
    display: none;
    margin-top: 20px;
    font-size: 1.2em
}

table .lettre {
    font-size: 5em;
    font-weight: 800;
    color: #e8efdb;
    vertical-align: middle;
    padding: 0 20px 0 30px
}

.tags table {
    color: #ccc
}

.tags table td a,
.tags table td a:hover {
    background: none;
    border: 0;
    color: #333;
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0;
    padding: 0
}

.tags table td a:hover {
    color: #e8efdb
}

table #haut {
    margin: 0 0 30px
}

table #haut a {
    font-size: 1.2em;
    border: 0;
    color: #333;
    border-radius: 20px;
    margin: 0 -4px;
    padding: 6px 10px;
    line-height: 1.1em;
    display: inline-block;
    min-width: .8em
}

table #haut a:hover {
    color: #fff;
    background: #e8efdb
}

td.lesmots {
    padding: 20px 0;
    vertical-align: middle;
    line-height: 1.4em
}

.logocarto {
    margin: 0 0 40px;
    text-align: center
}

.logocarto h3 {
    margin: 25px 0 5px;
    font-size: 1.8em;
    text-align: left
}

.logocarto .spip_doc_descriptif {
    color: #333;
    font-size: 1.2em
}

.texte.textecarto {
    margin: 0 0 40px
}

.texte.textecarto p {
    margin: .8em 120px
}

.documents_portfolio {
    border-top: 1px dashed #ccc;
    margin-top: 40px
}

.documents_portfolio.carto {
    margin-top: 0;
    margin-bottom: 40px;
    border: 0
}

.documents_portfolio .spip_doc_descriptif {
    display: none
}

.apercu_carte {
    position: relative;
    border-bottom: 1px dashed #6b909e;
    line-height: 0;
    margin: 0 0 15px
}

.enapercu .zoombox figure {
    height: 300px;
    overflow: hidden;
    border-bottom: 1px dashed #6b909e
}

.apercu_carte .apercu,
.enapercu .zoombox figure:before {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.25em;
    background: url('//www.lacor.info/plugins/diplo/exo/images/oeilbleu.png') no-repeat 15px center #fff;
    padding: 18px 10px 20px 42px;
    border-top-left-radius: 15px
}

.enapercu .zoombox figure:before {
    color: #6b909e;
    content: 'Aperçu';
    padding: 8px 0 10px 42px;
    font-weight: 400;
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 1em
}

.article_carte .enapercu .apercu {
    background-color: #fff;
    float: right;
    padding: 7px 10px 8px 28px;
    position: absolute;
    right: 0
}

.horstexte {
    font-size: 1.3em
}

.section h2.secteur {
    font-size: 2.4em;
    font-weight: 800;
    margin: 55px 0 20px;
    color: #bbb;
    border-top: 10px solid #ccc;
    padding: 30px 0 0
}

.section h2 {
    font-size: 2em;
    margin: 40px 0 0;
    font-weight: 100
}

.liste_vignettes.hautcartes {
    margin: 0
}

.page_cartes_liste .sous-section .vignette {
    background: #eee;
    overflow: hidden
}

.index-carthematiques {
    margin: 10px 0 35px;
    color: #ccc
}

.index-carthematiques a {
    color: #333
}

.index-carthematiques a:hover {
    color: #e8efdb
}

.index-carthematiques h2 {
    font-weight: 800;
    margin: 0 0 5px
}

.index-carthematiques .listancres {
    
    font-size: 1.3em
}

.moitie {
    width: 50%;
    float: left
}

a#pagination_cartes {
    display: block;
    clear: both
}

.moitie .vedette {
    margin-left: 15px
}

.moitie .vedette .tousles a {
    font-size: 1em
}

#conteneur .formulaire_spip.formulaire_recherche {
    font-size: 1em;
    text-align: center;
    margin-bottom: 15px
}

.vedette .recherche_spe {
    margin: 0 0 30px
}

.vedette .recherche_spe .formulaire_recherche input.text {
    width: calc(100% - 36px);
    margin: 0
}

.vedette .recherche_spe a.avancee {
    width: 100%
}

#conteneur .recherche_spe .formulaire_spip.formulaire_recherche {
    text-align: left
}

.vedette .tousles {
    margin: -20px 0 20px;
    font-size: 1em
}

.vedette .bloc_vignette .vignette {
    overflow: hidden
}

.index-carthematiques li {
    display: inline-block
}

.liste_vignettes {
    clear: both
}

.liste_vignettes.hautcartes {
    padding-bottom: 10px
}

.liste_vignettes.bascartes {
    margin-top: 0
}

.bloc_vignette.solo {
    width: 100%;
    float: none
}

.liste_vignettes.hautcartes .bloc_vignette:nth-child(4n+1) {
    clear: none
}

.liste_vignettes.hautcartes .bloc_vignette:nth-child(2n+1) {
    clear: left
}

.liste_vignettes.hautcartes .bloc_vignette:nth-child(2n) {
    margin: 0 0 30px
}

.zones .minitags a:nth-child(2),
.zones .minitags a:nth-child(6),
.zones .minitags a:nth-child(8),
.zones .minitags a:nth-child(9) {
    
}

.souspartie {
    margin: 15px 0 5px
}

.souspartie h3 {
    text-transform: lowercase;
    font-variant: small-caps;
    font-weight: 400;
    color: #999
}

a.avancee {
    color: #999;
    text-align: right;
    font-size: 1.3em;
    display: block;
    margin: 0 auto;
    width: 666px
}

a.avancee span {
    color: #ccc
}

a.avancee:hover {
    color: #e8efdb
}

a.avancee:hover span {
    color: #333
}

.message_avancee {
    font-style: italic;
    font-size: 1.35em;
    
    text-align: center;
    margin: 20px 0 0
}

.sous_menu {
    margin-bottom: 10px;
    color: #ddd;
    font-size: 1.1em;
    font-variant: small-caps;
    text-transform: lowercase
}

#entete .sous_menu {
    padding: 20px 0 0 20px
}

.sous_menu a {
    color: #777
}

.sous_menu a:hover {
    color: #e8efdb
}

#chaposdactu {
    width: 890px;
    position: relative;
    margin: 0 0 40px
}

.page_archives #contenu h2 {
    text-transform: none;
    font-variant: none;
    font-size: 2em;
    
    margin: 45px 0 15px
}

.tresor-archives {
    width: 40%;
    float: right;
    margin: -40px 0 15px 15px
}

.navscrol {
    position: absolute;
    right: 0;
    bottom: 3px;
    margin: 20px 0 0;
    zoom: 1;
    font-weight: 700
}

.navscrol ul li {
    float: left;
    width: 1em
}

.navscrol ul li a {
    color: #bbb
}

.navscrol ul li a.on {
    color: #666
}

.navscrol ul li a:hover {
    color: #e8efdb
}

#chapbox {
    border-bottom: 1px solid #bbb;
    padding: 0 0 30px;
    height: 350px;
    overflow: hidden;
    position: relative;
    transition-duration: .5s;
    transition-property: height, overflow
}

#chapbox .baseline.mini {
    margin: 0 20px 20px 0;
    position: relative
}

#chapbox:hover {
    height: auto;
    overflow: visible
}

#chapbox ul.liste {
    width: 2690px;
    margin: 0
}

#chapbox ul.liste li {
    padding: 0 20px 0 0;
    margin: 0;
    float: left;
    width: 277px;
    position: relative;
    border: 0
}

#chapbox ul li h3 {
    font-weight: 700;
    font-size: 1.4em
}

#chapbox ul li .intro {
    font-size: 1.1em;
    padding: 0
}

#chapbox ul li .intro strong {
    font-variant: small-caps;
    text-transform: lowercase;
    font-weight: 400;
    margin: 5px 0;
    color: #999;
    display: block
}

#chapbox ul li .intro strong br {
    display: none
}

#chapscroll {
    position: relative;
    overflow: hidden
}

.minitags {
    font-size: 1.25em;
    color: #ccc;
    line-height: 1.4em;
    
}

.minitags .tous {
    text-align: right
}

.minitags a {
    color: #333
}

.minitags a:hover {
    color: #e8efdb
}

.liste_vignettes {
    overflow: hidden;
    margin-top: 40px
}

.texte ul.liste_vignettes {
    overflow: hidden;
    margin: 30px 0 20px;
    padding: 0
}

.bloc_vignette,
li.bloc_vignette,
.texte .bloc_vignette {
    float: left;
    width: 200px;
    margin: 0 30px 30px 0;
    list-style: none
}

.bloc_vignette:nth-child(4n+1),
.texte .bloc_vignette:nth-child(4n+1) {
    clear: left
}

.bloc_vignette:nth-child(4n),
.texte .bloc_vignette:nth-child(4n) {
    margin: 0 0 30px
}

.bloc_vignette .vignette {
    margin: 0 0 6px;
    border: 1px solid #333;
    box-sizing: border-box
}

.bloc_vignette a {
    display: block
}

.bloc_vignette img {
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
    display: block
}

.eteint .vignette img {
    opacity: 0.6
}

.eteint h3 {
    color: #bbb
}

.bloc_vignette a:hover img {
    mix-blend-mode: luminosity
}

.bloc_vignette .vignette {
    display: block
}

.bloc_vignette a:hover .vignette {
    background-color: #e8efdb
}

.bloc_vignette .vignette img {
    display: block
}

.bloc_vignette.recent {
    width: 270px;
    margin: 0 40px 35px 0
}

.bloc_vignette.recent:nth-child(4n+1) {
    clear: none
}

.bloc_vignette.recent:nth-child(4n) {
    margin: 0 40px 35px 0
}

.bloc_vignette.recent:nth-child(3n) {
    margin: 0 0 40px
}

.bloc_vignette.recent:nth-child(3n+1) {
    clear: left
}

.pardate .bloc_vignette.recent img {
    padding: 4px;
    background: #fff
}

.bloc_vignette h3 {
    font-size: 1.3em
}

.bloc_vignette a h3 {
    color: #333;
    display: block;
    margin: 0 0 4px
}

.bloc_vignette a:hover h3,
.pardate .bloc_vignette a:hover .dates_auteurs {
    color: #e8efdb;
    font-weight: 700
}

.texte .bloc_vignette h3 {
    font-size: 1em
}

.pardate .bloc_vignette .dates_auteurs {
    font-size: 1.4em;
    text-transform: capitalize;
    text-align: center
}

[data-couv="sanscouv"] .pardate .bloc_vignette .dates_auteurs {
    padding: 10px 2px;
    border: 1px solid #ccc
}

[data-couv="sanscouv"] .pardate .bloc_vignette .dates_auteurs {
    padding: 10px 2px;
    border: 1px solid #ccc;
    color: #333
}

[data-couv="sanscouv"] .pardate .bloc_vignette .dates_auteurs:hover {
    border: 1px solid #e8efdb;
    color: #fff;
    background: #e8efdb
}

.liste_vignettes h2 {
    display: inline
}

.liste_vignettes .bouton {
    overflow: hidden;
    margin: 0 0 30px
}

.liste_vignettes .bouton a {
    float: right
}

.liste_vignettes a .intro {
    margin: 6px 0 0;
    color: #333
}

.liste_vignettes.mega {
    overflow: hidden;
    margin: 40px 0
}

.liste_vignettes.mega .bloc_vignette {
    float: none;
    width: 100%;
    margin: 0;
    display: inline-block
}

.liste_vignettes.mega .bloc_vignette .vignette {
    display: inline-block
}

.liste_vignettes.mega .bloc_vignette img {
    border: 0;
    width: auto !important
}

.liste_vignettes.mega .bloc_vignette a:hover h3 {
    font-weight: 400
}

.lesarchives {
    font-size: 1.3em;
    margin: 0 0 30px
}

.lesarchives.annees .bouton {
    display: inline-block;
    margin: 0 5px
}

.selection_archives {
    display: block;
    margin: 15px 0 0;
    color: #ccc;
    font-size: .9em;
    line-height: 1.4em
}

.lesarchives.annees>a {
    color: #ccc
}

.selection_archives a,
.lesarchives.annees>a span {
    color: #333
}

.lesarchives.annees>a:hover,
.lesarchives.annees>a:hover span,
.selection_archives a:hover {
    color: #e8efdb
}

.lesarchives.parmois .bouton_archives {
    margin: 0 0 20px
}

.lesarchives .retour {
    color: #ccc;
    display: block;
    margin: 10px 0 0
}

.bouton.retour .bouton_archives {
    position: relative;
    z-index: 0
}

.lesarchives .lannee {
    font-weight: 700
}

.date_archives {
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 20px
}

.page_mav .texte h3 {
    font-size: 2em;
    clear: none
}

.page_mav .chapo {
    margin: 20px 0 30px;
    font-size: 1.4em
}

.page_mav .chapo .dates_auteurs {
    border: 0;
    padding: 0;
    margin: 0 0 10px;
    font-size: 1.05em;
    text-align: left
}

.page_mav .enkiosques {
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 1.25em
}

.texte.mav .spip_documents_center.xl img {
    border: 1px solid #333
}

.blocmav {
    width: 250px;
    float: left;
    margin: 8px 35px 0 0;
    text-align: center
}

.blocmav .couvmav {
    margin: 0 0 8px;
    background: #fff
}

.blocmav .couvmav .spip_logos {
    float: none;
    margin: 0
}

.spip_documents_right .blocmav {
    float: none;
    margin: 0 0 0 5px;
    border-left: 30px solid #fff
}

.page_mav .enlarge {
    border-top: 6px solid #ccc
}

.promav {
    margin: 0 0 20px;
    padding: 30px 0 25px;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    clear: both
}

.rubrique_mav .promav {
    margin: 10px 0 20px;
    border-top: 1px solid #ccc
}

.promav .couvmav {
    overflow: hidden
}

.promav .couvmav {
    float: left;
    margin: 5px 30px 15px 0
}

#navigation .promav .couvmav {
    width: 200px
}

#navigation .promav .couvmav.mini {
    width: 90px;
    margin-top: 0
}

#navigation .promav .couvmav {
    width: 200px
}

#navigation .promav.pagemavs .couvmav {
    width: 300px
}

.promav h3 {
    font-size: 2em
}

.promav a h3 {
    color: #333
}

.promav a:hover h3 {
    color: #e8efdb
}

.promav h3 span {
    text-transform: uppercase;
    color: #999;
    font-size: .75em
}

.promav h2 {
    margin: 0 0 8px;
    color: #e8efdb
}

.promav a:hover h2 {
    color: #fa3b0f
}

.promav .dates_auteurs {
    font-size: 1.3em;
    margin: 0 0 10px
}

.promav .dispo {
    font-size: 1.3em;
    text-align: right;
    margin: 0 25px 0 0
}

.promav a .intro,
.promav .intro {
    color: #333;
    font-size: 1.4em;
    margin: 0 20px 15px 0
}

.chapo .bouton {
    margin-top: 20px;
    text-align: right;
    font-size: .9em;
    clear: both
}

.chapo .bouton a:first-child {
    margin-left: 5px
}

.promav .bouton {
    font-size: 1.3em;
    text-align: right;
    margin-top: 20px
}

.liens_mav {
    margin: 25px 30px 0 330px
}

.liens_mav .item {
    margin: 0 0 20px
}

.liens_mav h4 {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 700
}

.liens_mav h4 a {
    color: #333
}

.liens_mav h4 a:hover {
    color: #e8efdb
}

.mav_mav .texte span {
    color: #e8efdb
}

.mav_mav .texte i strong {
    
}

.montre,
.revele {
    display: none
}

.couvmav a:hover img,
a:hover .couvmav img {
    mix-blend-mode: luminosity
}

.couvmav a,
a .couvmav {
    display: block;
    line-height: 0
}

.couvmav a:hover,
a:hover .couvmav {
    background-color: #e8efdb
}

.blocmav .bouton a {
    margin-left: 0
}

.derniermav {
    float: right;
    width: 300px;
    overflow: hidden;
    margin: 5px 0 5px 30px;
    font-size: .7em;
    border: 1px solid #bbb;
    padding: 0 0 20px
}

.derniermav .refsmav,
.derniermav .dispo {
    padding: 0 20px
}

.derniermav .couvmav a img {
    border-bottom: 1px solid #bbb
}

.derniermav .couvmav a {
    margin: 0 0 10px
}

.derniermav .dates_auteurs {
    margin: 0 0 6px
}

.derniermav h3 {
    font-size: 1.4em
}

.derniermav h3 a {
    color: #333
}

.derniermav h3 a:hover {
    color: #e8efdb
}

.derniermav .intro {
    
    margin: 0 0 5px
}

#navigation:before {
    content: " ";
    display: block;
    clear: both
}

#navigation .horizon h2 {
    font-size: 2em;
    margin: 0 0 20px
}

.horizon .liste_vignettes {
    margin-top: 25px
}

#navigation .horizon.enkiosques .dates_auteurs {
    display: none
}

#navigation .horizon.enkiosques,
#navigation .horizon.numero {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px
}

.page_carnet .enlarge {
    float: right;
    width: 25%;
    border-top: 1px dashed #bbb;
    margin-top: 35px !important;
    padding-top: 15px
}

.page_carnet .enlarge h2 {
    font-size: 1.8em;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #999;
    color: #999;
    font-weight: 400
}

#pied {
    margin: 30px -30px 0;
    overflow: hidden;
    background: #eee;
    padding: 25px 0 30px 30px;
    clear: both
}

.petitepage #pied {
    background: #ddd
}

#pied .finger {
    float: left;
    width: 25%;
    color: #bbb
}

#pied .finger ul {
    margin: 0 10px 0 0
}

#pied .finger ul li:before {
    content: '→'
}

#pied .finger ul li.first:before {
    content: ''
}

#pied .finger h3 {
    font-size: 1.2em;
    color: #333
}

#pied a {
    color: #666
}

#pied a:hover {
    color: #e8efdb
}

#pied a:first-child {
    padding-left: 6px
}

.page_404 .cartouche {
    border: 0;
    margin-bottom: 20px
}

.img404 {
    margin: 25px 0 0
}



.liste.double .promo {
    text-align: center
}

.pswp__bg {
    opacity: 0.8 !important
}

.pswp__img--placeholder--blank {
    background: #fff !important
}

.pswp__ui--fit .pswp__top-bar {
    background-color: transparent !important;
    padding: 5px 3px 0 0
}

.pswp__button {
    background: rgba(0, 0, 0, 0) url('//www.lacor.info/plugins/diplo/exo/images/skin-diplo.png') no-repeat 0 0 / 500px 100px !important;
    height: 50px !important;
    width: 50px !important
}

.pswp__button--zoom {
    background-position: 0 0 !important;
    margin: 0 2px 0 0 !important
}

.pswp__button--close {
    background-position: -50px 0 !important;
    margin: 0 2px 0 0 !important
}

.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
    background-color: transparent !important;
    content: "";
    height: 100px !important;
    position: absolute;
    top: 0 !important;
    width: 100px !important
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none !important;
    height: 100px !important;
    width: 100px !important
}

.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
    background: rgba(0, 0, 0, 0) url('//www.lacor.info/plugins/diplo/exo/images/skin-diplo.png') no-repeat 0 0 / 500px 100px !important;
    height: 100px !important;
    width: 100px !important
}

.pswp__button--arrow--left::before {
    background-position: -100px 0 !important
}

.pswp__button--arrow--right::before {
    background-position: -200px 0 !important
}

.pswp__button--arrow--left::before:hover {
    background-position: -100px 0 !important
}

.pswp__button--arrow--right::before:hover {
    background-position: -200px 0 !important
}

.pswp__caption {
    background: transparent !important;
    transition: opacity 333ms;
    -moz-transition: opacity 333ms;
    -webkit-transition: opacity 333ms
}

.pswp--zoomed-in .pswp__caption {
    opacity: 0 !important
}

.pswp__caption__center {
    color: #fff !important;
    font-size: 1em !important;
    line-height: 1.3em !important;
    max-width: 100% !important;
    padding: 15px 0 !important
}

.pswp__caption .titraille {
    padding: 0 15px;
    text-stroke: 2px solid #333;
    -webkit-text-stroke: 2px solid #333;
    -moz-text-stroke: 2px solid #333
}

.pswp__caption h3 {
    font-size: 1.2em;
    margin: 0
}

.pswp__caption .spip_doc_descriptif {
    font-size: 1em;
    color: #fff
}

.pswp__caption .cache {
    display: inherit
}

.ps.listarchives {
    border: 1px solid #ccc;
    padding: 50px 50px 20px;
    margin: 50px 0 50px 70px;
    clear: both
}

.ps.listarchives hr {
    border-top: 1px dashed #ccc
}

.ps.listarchives blockquote {
    text-align: left;
    
    font-size: 1.1em;
    margin: 0 0 45px;
    padding: 0;
    overflow: hidden
}

.ps.listarchives blockquote p {
    margin: 0
}

.ps ul:last-child li:last-child {
    margin-bottom: 5px;
    border: 0;
    padding: 0
}

.enlarge .ps {
    border-top: 0;
    padding: 0 0;
    margin: 0 0;
    font-size: 1.1em
}

.enlarge .ps ul {
    padding: 0 0;
    margin: 0 0
}

.listarchives.liste.large h3 {
    
    font-weight: 700
}

.listarchives.liste.large h3.spip {
    margin: 2.5em 0 1.5em;
    font-size: 2.2em;
    font-weight: 100;
    text-transform: uppercase;
    font-style: normal;
    text-align: left
}

.listarchives.liste.large h3 i:before {
    content: «
}

.listarchives.liste.large h3 i:after {
    content: »
}

.ps.listarchives.liste.large h3.spip {
    margin: 2.2em 0 1.2em;
    font-size: 2em;
    font-weight: 100;
    text-transform: uppercase
}

.ps.listarchives.liste.large h3.spip:first-of-type {
    margin: 0 0 1.2em
}

.listarchives.liste.large h3.spip strong {
    font-weight: 800
}

.listarchives.liste.large h2.danslemd {
    font-weight: 800;
    margin: 0 0 45px;
    text-transform: none
}

.listarchives.liste.large ul.spip li strong:first-child {
    font-size: 1.1em;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 3px
}

.listarchives.liste.large ul.spip li strong:first-child a {
    font-size: 1.2em;
    font-weight: 700
}

.article_dossier .texte {
    margin: 30px 0 20px;
    
}

.article_dossier .texte p {
    margin: .8em 0
}

.article_dossier .surtitre {
    font-size: 1.8em
}

.article_dossier .listarchives.liste.large p,
.article_dossier .listarchives.liste.large figcaption {
    font-size: 1.15em
}

.article_dossier .listarchives.liste.large p {
    margin: 2em 0;
    line-height: 1.35em
}

.dansdossier ul.liste.double {
    margin-top: 15px
}

.dansdossier ul.liste.double>li h4 {
    font-size: 1.2em
}

.dansdossier ul.liste.double>li h4 span.dates_auteurs {
    font-weight: 400;
    font-size: 1em
}

.dansdossier ul.liste.double>li {
    margin: 8px 0
}

.dansdossier ul.liste.double>li>a {
    padding: 0 0 10px;
    margin: 0 15px 0 0
}

.dansdossier ul.liste.double li.droite a {
    margin: 0 0 0 15px
}

.dansdossier ul.liste.double>li:last-child a {
    border: 0;
    padding: 0
}

.listarchives.liste.large {
    font-size: 1.2em
}

.listarchives.liste.large ul li a.item {
    font-size: .83em
}

blockquote.listarchives.liste.large {
    font-size: .95em;
    font-weight: 400
}

blockquote.listarchives.liste.large ul {
    margin: 0;
    padding: 0
}

blockquote.listarchives.liste.large li {
    list-style: none;
    margin: 25px 0;
    padding: 0 0 15px
}

.listarchives .promav {
    border-bottom: 0;
    margin: 0;
    padding: 0
}

.listarchives .promav .couvmav {
    width: 138px;
    margin: 6px 20px 15px 0
}

.listarchives .promav .dispo {
    font-size: 1em
}

.listarchives .promav h3 {
    font-size: 1.5em
}

.listarchives .promav .dates_auteurs {
    font-size: 1em;
    margin: 0
}

.listarchives .promav a .intro,
.listarchives .promav .intro {
    font-size: 1em;
    margin-top: 5px
}

ul.perspective {
    margin: 0;
    padding: 0;
    font-size: .77em;
    line-height: normal
}

ul.perspective .demi.droite {
    clear: right
}

ul.liste.double>li.hr {
    clear: both
}

ul.liste.double li.hr {
    margin: 0
}

ul.liste.double li.hr hr {
    border-top: dashed 1px #ccc;
    margin: 20px 0 15px
}

ul.liste.double li:first-child hr {
    border: 0;
    margin: 0
}

.titrauteur {
    margin: 0 20px 0 0;
    clear: both
}

.titrauteur h3,
.liste.double li .titrauteur h3 {
    font-size: 2em;
    margin: 0 0 6px
}

a.refmin,
ul.liste.double>li>a.refmin,
ul.liste.double li.droite a.refmin {
    padding: 0;
    border: 0;
    margin: 0
}

a.refmin .puce {
    
    font-weight: 100;
    color: #aaa;
    float: left;
    font-size: 3em;
    margin: 0 15px 0 0;
    line-height: 1em
}

a.refmin:hover .puce {
    color: #333
}

a.refmin .titraille {
    margin: 0
}

.liste li a.refmin .pages {
    color: #999;
    font-size: 1.2em;
    vertical-align: bottom
}

.liste li a.refmin:hover .pages {
    color: #333
}

.page_archives ul.perspective {
    font-size: .9em;
    border-top: 1px dashed #ccc
}

.page_archives ul.perspective li.hr hr {
    margin: 5px 0
}

.page_archives ul.perspective li .titrauteur h3 {
    font-size: 1.7em
}

.logo_revue {
    float: right;
    margin: 0 0 20px 10px
}

.revues .liste.livrecherche li .titraille {
    display: block
}

.revues .liste li .titraille,
.revues .liste.focus li .titraille {
    display: inline
}

.liste.livrecherche.focus {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 25px
}

.liste.livrecherche.focus li h3 {
    font-weight: 700
}

.revues table #haut a {
    font-size: 1em
}

.liste.livrecherche.focus li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.coupures {
    border-bottom: 1px dashed #ccc;
    padding: 0 0 25px;
    margin: 0 0 25px
}

.coupures a {
    color: #333
}

.coupures a:hover {
    color: #e8efdb
}

.rubrique_revues_date .texte {
    margin: 25px 0 0
}

.liste li.h2 {
    padding: 0;
    border-bottom: 1px solid #ccc
}

.liste li.h2 a {
    line-height: 0
}

.liste li.h2 h2,
#navigation .liste li.h2 h2 {
    font-size: 1.8em;
    font-weight: 800
}

.int li,
.texte .int li {
    list-style: none
}

.int li p {
    margin: .8em 0
}

.int li.langue {
    list-style: none
}

.int li a img {
    float: right
}

.int li.langue h3 {
    margin: 2em 0 1em
}

.texte .int strong {
    font-weight: 800;
    font-variant: small-caps
}

blockquote.spip.sommaire a {
    color: inherit
}

blockquote.spip.sommaire a:hover {
    color: #e8efdb
}

.enlarge {
    clear: both
}

.variante .ariane,
.categorie-valise .ariane {
    padding: 10px 10px 0 0;
    text-align: right
}

.variante .ariane:hover,
.categorie-valise .ariane:hover {
    background: transparent
}

ul.liste.double {
    overflow: hidden
}

ul.liste.double>li {
    clear: none;
    border-bottom: 0;
    padding: 0;
    margin: 15px 0
}

ul.liste.double li.gauche {
    clear: both
}

ul.liste.double>li>a {
    border-bottom: 1px dashed #ccc;
    margin: 0 20px 0 0;
    padding: 0 0 15px;
    display: block
}

ul.liste.double>li>a.yalogo {
    border-bottom: 0;
    margin: 0 20px 0 0;
    padding: 0
}

ul.liste.double li.droite a {
    margin: 0 0 0 20px
}

ul.liste.double>li a.yalogo>.logo.large {
    margin: 0 0 10px
}

.bandorub {
    margin: -36px -35px 35px;
    position: relative;
    z-index: 1
}

.bandorub img {
    max-width: 100%;
    display: block
}

#entete .bandorub {
    margin: -1px -30px 0
}

ul.liste.double>li.insert {
    clear: both;
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    margin: 25px 0;
    padding: 25px 0 0;
    display: inline-block
}

.blogs li,
.liste.double .blogs li {
    border: 0;
    padding: 0
}

.liste.double .blogs li.prem {
    clear: left
}

.blogs li.blog7 {
    display: none
}

.blogs li h3 {
    font-size: 1.3em
}

.blogs li .intro,
.liste .blogs li .intro {
    color: #333;
    font-size: 1em
}

.insert .decale {
    margin: 0
}

.infoblog {
    border: 1px solid #ccc;
    margin: 40px 30px;
    padding: 0 30px 15px
}

.enlarge .infoblog h2 {
    margin-bottom: 5px;
    text-transform: none;
    font-size: 2.3em;
    font-weight: 800
}

.infoblog .lesinfos {
    overflow: hidden
}

.infoblog .logo {
    float: left;
    margin: 17px 20px 15px 0
}

.infoblog .liste.double {
    overflow: hidden
}

.infoblog .liste.double li {
    border: 0;
    padding-bottom: 0;
    margin-top: 0
}

.infoblog .liste.double li h3 {
    margin-bottom: .7em
}

.infoblog .liste.double li .spip_documents {
    float: left;
    margin: 3px 15px 10px 0;
    clear: none !important
}

.infoblog .liste.double li .spip_documents img {
    max-width: 75px !important
}

.infoblog .liste.double li .spip_documents a,
.infoblog .liste.double li .spip_documents a:hover {
    border: none
}

.infoblog .liste.double li a {
    color: #333
}

.infoblog .liste.double li a:hover {
    color: #e8efdb !important
}

a.plusdinfos {
    
    padding: 2px 10px;
    border-radius: 15px;
    color: #fff;
    background: #ccc;
    font-size: .8em
}

a.plusdinfos:hover {
    background: #e8efdb !important
}

.blogengage {
    
    margin: -15px 30px 50px;
    font-size: 1.25em;
    text-align: center
}

.variante.page_sommaire .pagination,
.variante.page_rubrique .pagination,
.categorie-valise .pagination {
    margin-top: 30px
}

.variante.page_sommaire .pagination.haut,
.variante.page_rubrique .pagination.haut,
.categorie-valise .pagination.haut {
    margin-top: 0
}

.texte q.lire_aussi {
    float: right;
    margin: 5px 0 25px 25px;
    background: #eee;
    padding: 15px;
    width: 280px;
    color: #666;
    text-align: left;
    font-weight: 400;
    font-size: .9em
}

.texte q.lire_aussi .logo {
    margin: -16px -16px 10px
}

.texte q.lire_aussi .logo img {
    display: block
}

.texte q.lire_aussi .logo:hover {
    background: #e8efdb
}

.texte q.lire_aussi .logo:hover img {
    mix-blend-mode: luminosity
}

.texte q.lire_aussi.sanslogo {
    margin: 5px -160px 25px 25px
}

.texte q.lire_aussi.sanslogo:before {
    content: "→ ";
    color: #ccc
}

.rubriques.blogs .bloc_vignette .vignette {
    border: 0
}

.texte a.voir_archives {
    display: block;
    padding: 25px 10px 25px 25px;
    margin: 1.5em 0;
    color: #333;
    background: #f8e1c7;
    font-size: 1.2em
}

.texte a.voir_archives:hover {
    color: #fff;
    background: #e8efdb
}

.texte a.voir_archives img {
    width: 250px;
    float: right;
    margin: -60px 0 10px 15px
}

.variante .texte .promav {
    font-size: .8em;
    border-top: 1px dashed #ccc;
    margin: 1.8em 0;
    font-weight: 400
}

.bouton.commenter {
    font-size: 1.3em;
    margin: 50px 30px 35px 0;
    text-align: right
}

.bouton.commenter a {
    border-radius: 20px;
    color: #fff;
    background: #999;
    padding: 6px 15px
}

.bouton.commenter a:hover,
.bouton.commenter a.on:hover {
    background: #e8efdb !important
}

.bouton.commenter a.on {
    background: #333 !important
}

.moderation_info {
    font-style: italic
}

ul .commentaires {
    float: right;
    margin: 3px 0 -25px;
    position: relative;
    top: -40px;
    right: 0
}

ul .commentaires.yalogo {
    top: -25px;
    right: 0
}

li.gauche .commentaires {
    margin: 3px 20px -25px 0
}

.ariane .commentaires {
    display: inline-block
}

.commentaires a,
a.com {
    color: #aaa;
    vertical-align: middle;
    display: inline-block
}

.commentaires:hover a,
a.com:hover {
    color: #e8efdb !important
}

.bulle {
    display: inline-block;
    height: 25px;
    background: #aaa;
    margin: 0 5px 0 0;
    vertical-align: middle
}

.commentaires:hover .bulle {
    background: #e8efdb !important
}

.bulholder {
    width: 65px;
    height: 1.5em;
    float: right
}

#forum {
    position: relative;
    top: -4em
}

#pagination_forums {
    position: relative;
    top: -3em
}

.divforum {
    margin: 30px 30px 50px;
    padding: 30px 45px 15px;
    font-size: 1.3em;
    border: 8px solid #aaa
}

.divforum.derniers {
    margin: 50px 30px
}

.divforum h2,
#navigation .divforum h2 {
    margin: 10px 0;
    ;
    font-size: 2em;
    font-weight: 800;
    text-align: center
}

.variante.page_sommaire .divforum h2 {
    color: #aaa
}

.forum-top a img {
    margin-right: 2px
}

.forum-nav {
    display: inline;
    color: #aaa;
    font-size: .9em
}

.forum-top,
.forum-texte,
a .forum-chapo {
    color: #333
}

a:hover.forum-top,
a:hover .forum-texte,
a:hover .forum-chapo {
    color: #e8efdb
}

.forum-chapo.bottom {
    font-size: .9em
}

.forum-chapo.bottom .forum-nav {
    font-size: 1.1em;
    font-weight: 700
}

.forum-texte {
    font-weight: 500;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.forum li {
    margin: 0 0 30px;
    border-top: 3px dotted;
    padding-top: 30px
}

.forum li:first-child,
.variante.page_sommaire .forum li:first-child {
    border-top: 0;
    padding-top: 25px
}

.forum li p {
    margin: .5em 0
}

.variante.page_sommaire .forum li {
    border-top: 3px dotted #aaa
}

.derniers .forum li {
    margin-bottom: 20px
}

.forum blockquote.spip {
    background: #ededed;
    margin: 1em 0
}

.divforum .pagination.haut {
    margin: 15px 0 20px
}

.divforum .pagination.bas {
    margin: 40px 0 30px
}

.page_forum .liste li {
    border: 0
}

.page_forum .liste li a {
    max-width: 600px
}

.page_forum .ariane .plusdinfos,
.page_forum .ariane .commentaires,
.page_forum .ariane .partage {
    display: none
}

#formulaire_forum {
    padding: 20px 25px 30px;
    background: #cdcdcd
}

#formulaire_forum fieldset legend {
    background: inherit
}

strong,
b {
    font-weight: 700
}

#formulaire_forum .boutons input {
    background: #333;
    color: #fff;
    width: auto
}

#formulaire_forum .boutons input:hover {
    background: #e8efdb !important
}

#formulaire_forum input,
#formulaire_forum textarea {
    width: 100%;
    border: 0
}

#formulaire_forum input:focus,
#formulaire_forum textarea:focus {
    background: #fff;
    border-bottom: 1px solid #999;
    padding-bottom: 5px
}

#formulaire_forum .explication {
    font-size: .85em;
    margin: 0 0 .8em;
    color: #666
}

.sommeil {
    margin: 30px 30px 50px;
    font-size: 1.3em;
    font-weight: 800
}

.page_audio .baseline .reserve {
    float: left;
    margin: 10px 0 25px;
    padding: 15px 0 12px;
    background: #fff;
    color: #333;
    border: 1px dashed #9dccd4;
    border-width: 1px 0;
    border-radius: 0;
    width: 50%;
    font-size: .9em;
    font-style: italic;
    text-align: left
}

.page_audio .baseline .reserve .bouton {
    margin-top: 10px;
    font-style: normal
}

.page_audio .baseline .reserve .bouton a {
    background: #6b909e;
    color: #fff;
    font-weight: 400;
    margin: 0
}

.page_audio .baseline .reserve .bouton a:hover,
.lesarchives.parmois .bouton_archives:hover {
    background: #e8efdb
}

.page_audio .baseline .reserve .blocbouton {
    display: inline-block;
    margin: 0 0 8px
}

.abonnement_podcast {
    border-bottom: 1px dashed #ccc;
    padding: 5px 0 20px
}

.abonnement_podcast .bouton {
    margin: 0
}

.abonnement_podcast kbd {
    display: inline-block;
    background: transparent;
    padding: 0
}

.meufson {
    float: right;
    width: 350px;
    margin: 2px 0 15px 20px
}

.page_audio .lesarchives.parmois .bouton_archives {
    background: #c5e1d5;
    display: table
}

.page_audio .lesarchives.parmois .bouton_archives.on {
    background: #ffa8a5;
    color: #333
}

.page_audio .lesarchives.parmois .bouton_archives:hover {
    background: #e8efdb;
    color: #fff
}

.liste_publi h3.spip,
.large .liste_publi h3.spip {
    font-size: 2.2em;
    margin: 50px 0 30px;
    font-weight: 800
}

.liste_publi li.chap {
    margin: 35px 0;
    border: 0
}

.liste_publi li .intro {
    margin: 0;
    border: 0
}

.liste_publi li .logo {
    width: 138px;
    height: 125px;
    overflow: hidden
}

.liste_publi li .logo img {
    max-width: none
}

.ours blockquote.spip {
    font-size: 1.2em;
    
}

.rubrique_publication .liste .item h3 {
    
    font-weight: 400
}

.rubrique_publication .chapo {
    font-size: 1.4em;
    padding: 0
}

.rubrique_publication .chapo p,
.rubrique_publication .promav .intro p {
    margin: 0 0 .4em
}

.rubrique_publication .promav .bouton {
    clear: both
}

.categorie-publication .promav {
    border: 0 none;
    margin-bottom: 0;
    padding: 0
}

.rubrique_publication .promav {
    margin: 10px 0 20px;
    padding: 30px 0 25px;
    border-bottom: 1px dashed #ccc
}

.rubrique_publication .categorie {
    border-bottom: 1px solid #ccc
}

.rubrique_publication .chapo,
.article_publication .promav a {
    margin: 20px 0 40px;
    color: #333;
    display: block
}

.rubrique_publication .chapo strong,
.article_publication .promav a strong {
    color: #e8efdb;
    display: block;
    margin-top: 2px
}

.rubrique_publication .sansdoc {
    width: 138px;
    height: 125px
}

.article_publication .promav a h3 {
    font-weight: 800;
    color: #e8efdb
}

.article_publication .chapo:hover h3,
.article_publication .chapo:hover strong {
    color: #713122
}

.article_publication .documents_portfolio h2 {
    margin-top: 30px
}

.texte .chapitre {
    margin-top: 1em;
    margin-bottom: 2.2em;
    padding: 1em 0 0;
    border-top: 1px dashed
}

.categorie-publication.variante-atlas .spip_doc_titre {
    font-size: 1em
}

.categorie-publication.variante-atlas .spip_doc_titre,
.rubrique-publication.variante-manuel .spip_doc_titre,
.article_publication .variante-manuel .spip_doc_titre {
    font-weight: 500
}

.rubrique_publication.variante-manuel .spip_doc_titre,
.rubrique_publication.variante-manuel .spip_doc_descriptif {
    font-size: .8em;
    color: #333;
    line-height: 1.35em
}

.rubrique_publication.variante-manuel .spip_doc_titre {
    font-weight: 700
}

.rubrique_publication.variante-manuel .annexes li:first-of-type {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.article_publication .variante-manuel .texte blockquote.betisier {
    background-image: url('//www.lacor.info/plugins/diplo/exo/images/cadre_bas.png'), url('//www.lacor.info/plugins/diplo/exo/images/cadre.jpg') !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: bottom left, top left !important;
    background-color: #fff, #fff !important;
    margin: 2em 18% 2em 9%;
    padding: 85px 75px 75px;
    border: 0
}

.article_publication .variante-manuel .texte blockquote.betisier h3 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #333 !important;
    margin-right: 0;
    margin-bottom: .5em
}

.article_publication .variante-manuel .texte blockquote.manuels {
    background-image: url('//www.lacor.info/plugins/diplo/exo/images/papierfroise.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-color: #fff !important;
    margin: 2em 18% 2em 9%;
    padding: 75px 45px 30px 35px;
    border: 0
}

.article_publication .variante-manuel .texte blockquote.manuels h3 {
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 2px solid #333;
    display: block;
    margin-right: 0;
    color: #333 !important;
    font-size: 1.4em;
    font-weight: 800;
    margin-bottom: .5em
}

.article_publication .variante-manuel .texte blockquote.manuels strong {
    border-bottom: 2px solid #333;
    padding-bottom: 15px;
    display: inline-block
}

.article_publication .variante-manuel .texte blockquote.ecofolies {
    border: 10px solid;
    padding: 0 20px 20px
}

.article_publication .variante-manuel .texte blockquote.ecofolies h3:first-child {
    color: #333 !important;
    font-weight: 800;
    text-transform: uppercase;
    background-image: url('//www.lacor.info/plugins/diplo/exo/images/ecofolies.png'), url('//www.lacor.info/plugins/diplo/exo/images/economiste.png') !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: 60% top, left top !important;
    text-align: center;
    padding: 118px 0 .5em 48px;
    margin: -30px 0 0 -38px
}

.article_publication .variante-manuel .texte blockquote.ecircus {
    background: #fc0;
    border: 1px solid #fc0;
    margin-top: 70px;
    padding: 0 25px 20px
}

.article_publication .variante-manuel .texte blockquote.ecircus h3:first-child {
    color: #333 !important;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    background-image: url('//www.lacor.info/plugins/diplo/exo/images/economicocircus.png') !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    padding: 118px 0 .2em;
    margin: -50px -130px 0 -133px
}

.article_publication .variante-manuel .texte a[href*="a57289"] {
    color: #333
}

.article_publication .variante-manuel .texte a[href*="a57289"]:hover {
    color: #e8efdb
}

.article_publication .variante-manuel .texte a[href*="a57289"]:after {
    content: "*";
    color: #e8efdb;
    font-size: 1.1em;
    line-height: .5em;
    letter-spacing: -.1em
}

/* squelettes/impression.css */

@media print {
    body {
        background: #fff !important;
        margin: 15px;
        text-align: left;
        font-size: 16px;
        color: #000
    }
    img,
    table {
        margin: 0;
        padding: 0;
        border: 0
    }
    ul,
    ol,
    li {
        margin: 0;
        padding: 0;
        list-style: none
    }
    .preentete,
    #navigation>*,
    #extra,
    #pied,
    #partage,
    .pubs,
    .tetiere,
    #leslivres,
    #menu,
    #burgermenu,
    .bandeautitre,
    .voiraussi,
    .notebox,
    .lireaussi,
    .classeur_d_articles,
    .partage,
    .lovus {
        display: none !important
    }
    .repondre,
    .repondre,
    .formulaire_spip {
        display: none
    }
    .spip-admin,
    .spip-admin-float,
    .spip-previsu,
    .invisible {
        display: none
    }
    #traductions,
    #paywall,
    .abo_inst,
    #ecouter {
        display: none
    }
    .texte q.lire_aussi,
    .lienancres {
        display: none
    }
    .nettoyeur {
        clear: both
    }
    a {
        color: #520;
        border-bottom: 3px solid #ddd
    }
    a.spip_out:after,
    a.spip_glossaire:after,
    a.spip_mail:after {
        display: inline;
        content: " [" attr(href) "]"
    }
    #page {
        padding: 40px !important;
        margin: 0 !important;
        width: calc(100% - 80px) !important;
    }
    #conteneur,
    .contenu-principal {
        padding: 0 !important;
        margin: 0 !important
    }
    a {
        text-decoration: none;
        border: 0
    }
    .ariane {
        padding: 10px 0 0;
        text-align: right
    }
    .article_publication .ariane {
        text-align: left
    }
    .ariane .avantapres {
        display: none !important
    }
    .ariane a {
        border: 0
    }
    .logodiplo {
        margin: 0 auto !important;
        float: none !important;
        width: 350px !important
    }
    .labyrinthe {
        border-bottom: 1px dashed #ccc;
        margin: 0 !important
    }
    .variante .labyrinthe {
        border-bottom: 0;
        margin: 0 !important
    }
    #entete {
        padding-bottom: 15px !important
    }
    #entete .bandorub {
        margin: 0 !important
    }
    #conteneur {
        padding: 0
    }
    .contenu-principal {
        margin: 0 0 30px
    }
    h1 {
        font-size: 2.5em
    }
    .chapo {
        font-size: 1.4em !important
    }
    .texte {
        font-size: 1.2em !important
    }
    .texte p {
        margin: 1em 0 !important
    }
    .lettrine {
        margin: -8px 22px 5px 0 !important
    }
    .texte h3.spip {
        margin: 2em 20% 1em 0
    }
    .exergue,
    blockquote.exergue {
        font-size: 1.4em !important;
        margin: 1em 0 !important
    }
    .notes {
        margin: 30px 0 50px !important;
        font-size: 1em !important
    }
    .ps,
    .notes {
        margin: 30px 0 50px
    }
    .avantbloc:after {
        content: ': identifiez-vous ou abonnez-vous pour pouvoir l’imprimer en entier.'
    }
    .tags {
        border-top: 1px dashed #ccc;
        padding-top: 20px
    }
    .tags:before {
        content: 'Mot clés:'
    }
    .tags a,
    .tags a:hover {
        color: #999;
        padding: 0;
        margin: 0 8px 12px 0;
        border-radius: 0;
        border: 0;
        line-height: 1.3em
    }
    .tags a.pays,
    .tags a.pays:hover {
        border: 0
    }
    blockquote.spip {
        background: #fff !important;
        border: 1px solid #ccc
    }
    .texte blockquote.spip {
        margin: 2em 0
    }
    .lesauteurs {
        margin: 20px 0
    }
    .ps,
    .notes {
        margin: 50px 0;
        font-size: 1em
    }
    .decale {
        margin: 0 !important
    }
    .spip_documents {
        display: none !important
    }
    .article_cartes .spip_documents {
        display: block !important
    }
    .ps.listarchives {
        border-width: 1px 0 0 0 !important;
        margin: 30px 0 !important;
        padding: 25px 0 0 !important
    }
    .listarchives .promav .couvmav {
        width: 75px !important
    }
    .listarchives .promav a .intro,
    .listarchives .promav .intro {
        display: none !important
    }
    .promav .dispo {
        text-align: left !important;
        margin: 10px 0 0 10px !important
    }
}

/* plugins/responsive.css */

@media screen,
projection,
handheld {
    @media (max-width: 1020px) {
        .logodiplo, .page_sommaire .logodiplo, .variante.page_sommaire .logodiplo {
            display:block;
            width: 55%;
            height: auto
        }
        .logodiplo a.respons {
            display: block !important
        }
        .logodiplo:hover img,
        .page_sommaire .logodiplo:hover img,
        .variante.page_sommaire .logodiplo:hover img {
            margin-top: 0
        }
        .preentete,
        #pied {
            width: auto;
            max-width: 100%;
            margin: 0
        }
        .preentete .zizi {
            display: none
        }
        .commerce {
            margin: 0 20px
        }
        #entete {
            padding: 0 30px 20px
        }
        .labyrinthe {
            margin: 8px 0
        }
        .services {
            max-width: 300px;
            margin-top: 15px
        }
        .services .slogan,
        .page_sommaire .services .slogan {
            padding: 0
        }
        .formulaire_recherche {
            text-align: center;
            margin: 0 0 15px
        }
        .services .formulaire_recherche input.text,
        .page_recherche .formulaire_recherche input.text,
        .formulaire_recherche input.text:focus,
        .page_recherche .formulaire_recherche input.text {
            width: 250px
        }
        h1 input.recherche_modifiable {
            width: calc(100% - 65px)
        }
        h1 .formulaire_recherche input.submit {
            width: 73px;
            height: 73px
        }
        ul#menu {
            font-size: 1.9vw;
            text-align: center;
            font-weight: 400
        }
        ul#menu li a {
            padding: 8px 1.25vw 10px
        }
        ul#menu li a#entree-accueil {
            padding: 8px 0.8vw 10px;
            background-size: 2.2vw
        }
        ul#menu li a#entree-apropos {
            float: left
        }
        .ariane {
            font-size: 1.3em;
            padding: 8px 0 10px 10px
        }
        .ariane .avantapres {
            display: none
        }
        .ariane a.absotrick {
            width: auto;
            display: none
        }
        .bouton a,
        .baseline .bouton a {
            margin-bottom: 15px;
            display: inline-block
        }
        .editions a {
            margin-bottom: 0
        }
        .editions .pas_res {
            display: none
        }
        #page {
            width: 100%;
            padding: 20px 0 0;
            margin: 0;
            max-width: 100%;
            box-sizing: border-box
        }
        #conteneur,
        .page_sommaire #conteneur,
        .page_sommaire.variante #conteneur {
            padding: 0 30px
        }
        .contenu-principal {
            margin: 0 0 40px
        }
        .bandeautitre {
            font-size: 1.1em
        }
        .bandeautitre a.bandeau {
            padding: 6px 10px 10px 20px
        }
        .bandeautitre .letitre {
            max-width: 60%
        }
        .bandeautitre .logo {
            margin: 3px 15px 0 0
        }
        .bandeautitre span {
            color: #333 !important;
            margin-left: 8px
        }
        .bandeautitre .partage {
            top: 6px
        }
        .bandeautitre button.play_pause {
            top: 8px
        }
        h1 {
            font-size: 3em
        }
        .type_encadre h1,
        .type_glossaire h1,
        .type_perspective h1,
        .categorie-publication h1,
        .variante h1,
        .article_carnet h1,
        .rubrique_carnet h1 {
            font-size: 2.8em
        }
        .variante .type_encadre h1,
        .categorie-valise .type_encadre h1,
        .categorie-publication .type_encadre h1 {
            font-size: 2.7em
        }
        h2,
        .h2 {
            font-size: 1.6em
        }
        h2.fat {
            font-size: 1.8em
        }
        .chapo {
            font-size: 1.4em;
            padding: 0
        }
        .texte,
        horstexte {
            font-size: 1.15em
        }
        .chapodactu {
            font-size: 1.2em;
            margin: 0 0 50px 30px
        }
        .chapodactu p {
            margin-right: 30px
        }
        .chapodactu img {
            float: right;
            width: 45%
        }
        .chapodactu strong {
            margin: 0 30px 0 -30px;
            padding-bottom: 10px;
            width: auto
        }
        .cartouche {
            margin-bottom: 40px
        }
        .lettrine {
            font-size: 6.4em
        }
        .surtitre,
        .cartouche .surtitre {
            font-variant: small-caps;
            font-size: 1.3em
        }
        .texte p,
        .page_contact .texte form,
        .texte address,
        .article_mav .type_chronologie .texte p,
        .texte ul,
        .texte ol,
        .texte>.bouton,
        .texte .colonne {
            margin: .8em 12% .8em 6%
        }
        .texte.textecarto p {
            margin: .8em 9%
        }
        table.spip.paslarge {
            margin: 2em 0 2em 6%
        }
        .texte h3.spip {
            margin: 2em 12% 1em 6%;
            font-size: 1.5em
        }
        .texte.textecarto h3.spip {
            margin: 2em 9% 1em
        }
        .type_Voix-de-faits .texte h3.spip {
            font-size: 1.6em
        }
        .type_Voix-de-faits .texte blockquote h3.spip {
            font-size: 1.5em
        }
        .texte figure {
            max-width: 100% !important;
            height: auto;
            padding-bottom: 0 !important
        }
        .texte figure.xl {
            max-width: 100vw !important
        }
        .texte .spip_documents_left,
        .texte .spip_documents_right {
            max-width: 45%
        }
        .texte .colmargegauche,
        .texte .colmargedroite {
            max-width: 100%
        }
        .spip_doc_titre,
        .spip_documents .spip_doc_titre,
        .spip_doc_descriptif,
        .spip_doc_descriptif {
            max-width: 96%;
            margin-left: 2%;
            margin-right: 2%
        }
        .spip_documents.spip_documents_center.xl {
            margin: 1.8em 0 1.5em -30px
        }
        .spip_documents.justecol {
            margin: 1.8em 12% 1.5em 6%
        }
        .texte blockquote figure,
        .texte blockquote .spip_documents.spip_documents_center.xl {
            max-width: 100% !important;
            margin-left: 0
        }
        .article_mav .type_chronologie.ouvert .texte,
        .article_mav .type_chronologie.ferme .enapercu {
            border-left: 8px solid #e8efdb;
            margin-left: 6%
        }
        .article_mav .type_chronologie h3.spip:first-of-type {
            position: relative;
            top: -3px;
            margin-bottom: .95em
        }
        .article_mav .type_chronologie h3.spip:before {
            width: 18px;
            height: 18px;
            margin: 2px 0 0 -10%
        }
        .texte.mav .spip_documents_center.xl img {
            border-right: 0;
            border-left: 0
        }
        figcaption.court {
            position: relative
        }
        figure:hover figcaption.court {
            background: none;
            padding-top: 0;
            bottom: 0
        }
        figcaption.court .spip_doc_descriptif {
            max-height: none;
            position: relative;
            overflow: inherit
        }
        figcaption.court:after {
            content: none
        }
        blockquote.spip,
        blockquote.sommaire,
        .texte blockquote {
            margin: 2em 12% 2em 6%
        }
        .texte blockquote.spip,
        .type_Voix-de-faits blockquote {
            margin: 2em -30px 2em 6%
        }
        iframe.center {
            margin: 1em 12% .6em 6%
        }
        iframe.legendee,
        iframe.center.legendee {
            margin-bottom: 0
        }
        p.legende {
            margin-top: 5px;
            margin-bottom: 1.3em
        }
        .carto_in .titraille {
            max-width: 94% !important;
            margin: 0 0 .8em 6%
        }
        .texte .cartoscrollbox {
            margin: 0 -30px 20px
        }
        .texte .cartoscroll {
            border-width: 1px 0
        }
        .cartoscrollbox:hover .scroll-msg {
            margin-left: 20px;
            width: calc(100% - 20px)
        }
        .exergue,
        blockquote.exergue {
            margin: 1.3em 12% 1.3em 6%;
            font-size: 1.5em;
            padding: 20px 0
        }
        blockquote.spip_poesie {
            margin-left: 3em
        }
        blockquote.spip_poesie mark {
            margin-left: 1em
        }
        .lesauteurs,
        .biocolcarto {
            margin: 20px 12% 20px 0
        }
        .lesauteurs .bio {
            margin: 0 0 15px 25%
        }
        .trads {
            width: calc(100% - 60px);
            font-size: 1.2em
        }
        #traductions {
            margin: 40px 0 0
        }
        .notes {
            font-size: .95em;
            margin: 40px 12% 40px 0
        }
        
        #navigation h2,
        #partage h2,
        h2#leslivres {
            font-size: 1.8em
        }
        .voiraussi {
            margin: 0 0 40px;
            padding: 30px
        }
        .voiraussi.perspective.dessous {
            margin-top: -41px
        }
        .traducteur {
            margin: 20px 12% 30px 0
        }
        .tags {
            font-size: 1.1em
        }
        .message_references {
            margin: 50px 0 0
        }
        #pagescol {
            width: 39% !important
        }
        #pagescol a {
            width: 50% !important
        }
        #pagescol a img {
            width: 100% !important
        }
        .navart {
            width: 30%;
            font-size: 1.2em
        }
        .avant,
        .apres {
            margin: 0
        }
        .avant .fleche,
        .avant .articleconnexe {
            margin: 0 20px 20px 0
        }
        .apres .fleche,
        .apres .articleconnexe {
            margin: 0 0 20px 20px
        }
        .tousles a {
            font-size: 1.8em
        }
        .liste li .intro,
        .liste li a .intro {
            font-size: 1.1em;
            padding: 0
        }
        ul.liste.double>li>a,
        ul.liste.double>li>a.yalogo {
            margin: 0 10px 0 0
        }
        ul.liste.double li.droite a {
            margin: 0 0 0 10px
        }
        .liste.double {
            margin: 0
        }
        ul.liste.double {
            margin: 0
        }
        .liste.double .gauche>ul {
            margin: 0 15px 0 0
        }
        .liste.double .droite>ul {
            margin: 0 0 0 15px
        }
        .liste_vignettes {
            margin: 40px 0 0
        }
        .bloc_vignette,
        li.bloc_vignette,
        .bloc_vignette.recent {
            float: left;
            width: 50%;
            margin: 0 0 30px
        }
        .bloc_vignette a,
        .bloc_vignette .sans_a {
            margin: 0 20px 0 0
        }
        .bloc_vignette.recent:nth-child(3n),
        .bloc_vignette.recent:nth-child(4n) {
            margin: 0 0 30px
        }
        .bloc_vignette.recent:nth-child(3n+1) {
            clear: none
        }
        .bloc_vignette:nth-child(2n+1) {
            clear: both !important
        }
        .bloc_vignette:nth-child(2n) a {
            margin: 0 0 0 20px
        }
        .bloc_vignette .vignette {
            margin: 0 0 6px
        }
        .liste.large {
            margin: 0 0 20px
        }
        [data-couv="sanscouv"] .liste.large {
            margin: 0 70px 20px
        }
        .ps.listarchives {
            margin: 0 6% 20px;
            padding: 30px 20px 20px
        }
        .documents_portfolio.carto {
            margin: 0
        }
        .listarchives.liste.large {
            font-size: 1.1em
        }
        .listarchives.liste.large h3.spip {
            font-size: 1.9em
        }
        .bandorub {
            margin: -21px -30px 25px
        }
        #entete .bandorub {
            margin: -1px -30px 0
        }
        .texte q.lire_aussi {
            margin: 5px 0 25px 25px;
            width: 40%
        }
        .texte q.lire_aussi.sanslogo {
            margin: 5px -16% 25px 25px;
            width: calc((100vw - 60px) * 0.4)
        }
        li.gauche .commentaires {
            margin-right: 10px
        }
        .texte a.voir_archives img {
            width: 35%;
            float: right;
            margin: -52px 0 10px 15px
        }
        table .lettre {
            padding: 0 20px 0 0
        }
        .tags table td.lesmots a {
            white-space: normal
        }
        .tresor-archives {
            float: right;
            margin: -15px 0 15px 15px
        }
        .navscrol {
            display: none
        }
        #chaposdactu {
            width: auto
        }
        #chapbox {
            border-bottom: 1px solid #bbb;
            height: auto;
            overflow: normal
        }
        #chapbox .baseline.mini {
            margin: 0 20px 20px O
        }
        #chapbox ul.liste {
            width: auto
        }
        #chapbox ul.liste li {
            border-bottom: 1px dashed #ccc;
            float: none;
            margin: 0 0 25px;
            padding: 0 25px 20px 0;
            width: auto;
            display: none
        }
        #chapbox ul li h3 {
            font-size: 1.6em
        }
        #chapbox ul li .intro {
            font-size: 1.2em
        }
        #chapbox ul.liste li:nth-child(1),
        #chapbox ul.liste li:nth-child(2),
        #chapbox ul.liste li:nth-child(3) {
            display: block
        }
        #chapbox ul.liste li:nth-child(3),
        #chapbox ul.liste li:nth-child(3) .intro {
            margin: 0;
            margin: 0;
            border: 0
        }
        .page_archives #contenu #chaposdactu h2 {
            margin-left: 0
        }
        .infoboite {
            float: right;
            margin: 25px 0 5px;
            padding: 0 0 0 15px;
            width: 40%;
            box-sizing: border-box
        }
        .alaune {
            float: left;
            margin: 0 0 30px;
            padding: 0 15px 0 0;
            width: 60%;
            box-sizing: border-box
        }
        .alaune li.sanschapo {
            width: auto
        }
        .papiers_hasard.fat {
            font-size: 1.8em;
            margin: 25px 15px 30px 0
        }
        .rubrique_numero #navigation {
            margin: 30px 0 0
        }
        .bouton.voirjournal a {
            font-size: 1.2em;
            margin: 0 0 15px;
            display: inline-block
        }
        .livresdumois .liste {
            margin: 0 50px 20px
        }
        .livresdumois .liste li.catego h2 {
            font-size: 1.8em;
            margin: 35px 0 25px
        }
        .livresdumois .liste li .intro {
            font-size: 1.15em;
            line-height: 1.4em
        }
        .livresdumois .liste li h3 {
            font-size: 1.6em
        }
        .enune {
            margin: 0 0 25px
        }
        .rappelsune {
            margin: 30px 0
        }
        .rappelsune h2,
        #navigation .rappelsune h2 {
            margin-left: 30px
        }
        .enune.liste li.droite {
            float: left
        }
        .cols_1 {
            width: 33%
        }
        .rescol_1 {
            width: 33% !important
        }
        .cols_2 {
            width: 50%
        }
        .rescol_2 {
            width: 50% !important
        }
        .cols_3 {
            width: 67%
        }
        .cols_4,
        .cols_5,
        .cols_6 {
            width: 100%
        }
        .rescol_x {
            width: 100% !important
        }
        .enune.liste li.filet,
        .cols_4.filet,
        .cols_6.filet {
            width: 97%;
            margin: 0 0 25px 10px
        }
        .enune.liste li.filet.partout {
            margin-top: 15px
        }
        .enune.liste li.clearleftlarge {
            clear: none
        }
        .que_res,
        .que_tab {
            display: initial !important
        }
        .liste li.res_spe li {
            width: 100%
        }
        .liste li.res_spe .logo.large {
            float: left;
            margin: 6px 20px 10px 0;
            width: 40%
        }
        .liste .cols_1 li:first-child .logo {
            display: block
        }
        .enune.liste li.bloc li:last-child a {
            margin: 0 10px 15px;
            padding: 0 0 5px
        }
        .bloc .unemensuel img {
            width: 100%
        }
        .sticker_enkiosques {
            font-size: 1.3em;
            margin: 10px 0 0
        }
        .enune .voiraussi.dossierweb {
            margin: 0 0 15px
        }
        .enune .voiraussi.dossierweb .logo {
            margin: 10px 20px 10px 0
        }
        .bloc.rescol_x .enlarge.zizi.recent {
            padding: 0 0 10px;
            margin: 0 0 10px;
            border-bottom: 1px dashed #ccc
        }
        .bloc.rescol_x .enlarge.zizi.recent {
            padding: 0 0 10px;
            margin: 0 0 10px;
            border-bottom: 1px dashed #ccc
        }
        .liste li.res_spe a.unemdv .logo.large {
            padding: 0
        }
        .liste li.res_spe a.unemdv .logo.large {
            width: 35%;
            padding: 0;
            margin: 6px 20px 20px 0
        }
        .liste li.res_spe a.unemdv.long .logo.large {
            width: 25%;
            height: auto
        }
        .liste li.res_spe a.unemdv {
            overflow: initial
        }
        .liste li.res_spe a.unemdv .titraille,
        .liste li.res_spe a.unemdv .intro {
            display: block
        }
        .liste .cols_3 h3 {
            font-size: 1.8em
        }
        .liste .cols_2 h3 {
            font-size: 1.6em
        }
        .liste .rescol_1 h3 {
            font-size: 1.5em
        }
        .liste .cols_1 h3,
        .liste .rescol_1 .cols_1 h3 {
            font-size: 1.4em
        }
        .liste li .zizi .intro {
            font-size: 1em
        }
        .unedeux {
            padding: 0
        }
        .listeliens {
            text-align: center
        }
        .edinter .argu .logo {
            width: 20%
        }
        .bloc.rescol_x a.enkiosques {
            border-bottom: 1px dashed #ccc !important;
            margin-bottom: 20px !important
        }
        .bloc.rescol_x .unemensuel {
            float: left !important;
            width: 35%;
            margin: 0 20px 10px 0 !important
        }
        .liste li.rescol_x .zizi .intro {
            font-size: 1.3em
        }
        .livremois_une li {
            width: calc((100% - 170px) / 8)
        }
        .livremois_une li a {
            width: 100%
        }
        #pied {
            padding: 30px 0;
            margin: 20px 0 0
        }
        #pied .lesliens {
            padding: 0 0 0 20px
        }
        .moitie {
            width: 100%;
            float: none
        }
        .moitie .vedette {
            margin: 5px 0 40px;
            padding: 30px 0 15px;
            border: 1px #ccc solid;
            border-width: 1px 0
        }
        .bloc_vignette.solo .vignette {
            height: auto !important
        }
        .bloc_vignette.solo a {
            margin: 0
        }
        .vedette .recherche_spe {
            padding: 0 0 30px;
            border-bottom: 1px #ccc solid
        }
        .vedette .recherche_spe .formulaire_recherche input.text {
            width: calc(100% - 36px)
        }
        .vedette .recherche_spe a.avancee {
            width: 100%
        }
        .vedette .tousles {
            margin: -10px 0 20px;
            font-size: 1.3em
        }
        .pswp__caption {
            background: rgba(0, 0, 0, 0.5) !important
        }
        .section h2 {
            margin-left: 40px;
            margin-right: 40px
        }
        .section h2.secteur {
            font-size: 2.2em
        }
        .section h2 {
            font-size: 2em
        }
        .premisses ul li:last-child,
        .liste_vignettes.pardate li:last-child {
            display: none
        }
        .texte.mav div.spip_documents img {
            box-sizing: border-box
        }
        .decale,
        .res_decale {
            margin: 0
        }
        .logo_revue {
            margin: 0 0 20px 10px
        }
        .soutien {
            font-size: .9em
        }
        .sommeil {
            font-size: 1.1em
        }
        .article_publication .variante-manuel .texte blockquote.betisier {
            background: #fff;
            padding: 30px;
            border: 2px solid #fef6d3 !important;
            background-image: url('//www.lacor.info/plugins/diplo/exo/images/lauriers.png') !important;
            background-repeat: no-repeat !important;
            background-position: center center !important;
            background-color: #fff !important
        }
        .article_publication .variante-manuel .texte blockquote.manuels {
            padding: 70px 25px 30px
        }
        #mosaique {
            margin: 0;
            width: auto;
            max-width: 100%
        }
        .article_publication .variante-manuel .texte blockquote.ecircus h3:first-child {
            color: #333 !important;
            font-weight: 800;
            text-transform: uppercase;
            text-align: center;
            background-image: url('//www.lacor.info/plugins/diplo/exo/images/economicocircus-mini.png') !important;
            background-repeat: no-repeat !important;
            background-position: center top !important;
            padding: 90px 0 .2em;
            margin: 20px 0 0
        }
        .page_audio .baseline .reserve {
            width: calc(55% - 20px)
        }
        .meufson {
            width: 45%
        }
    }
    @media (max-width:755px) {
        .contenu-principal {
            margin: 0 0 30px
        }
        #conteneur,
        .page_sommaire #conteneur,
        .page_sommaire.variante #conteneur {
            padding: 0 20px
        }
        #entete {
            padding: 0 20px 30px
        }
        #entete .ariane .logo {
            float: left
        }
        .logodiplo,
        .page_sommaire .logodiplo,
        .variante.page_sommaire .logodiplo {
            float: none;
            width: 100%
        }
        .logodiplo,
        .page_sommaire .logodiplo,
        .services,
        .services .slogan {
            margin: 10px auto 20px;
            text-align: center
        }
        .labyrinthe {
            border-bottom: 1px dashed #ccc;
            padding: 0 0 20px
        }
        .services {
            max-width: none;
            float: none;
            text-align: center;
            vertical-align: middle
        }
        .services .slogan {
            padding: 0
        }
        .services #search {
            float: none;
            display: inline-block;
            width: 70%;
            vertical-align: middle
        }
        .formulaire_recherche {
            text-align: center;
            margin: 0
        }
        h1 input.recherche_modifiable {
            width: calc(100% - 61px)
        }
        h1 .formulaire_recherche input.submit {
            width: 69px;
            height: 69px
        }
        .services .formulaire_recherche input.text,
        .page_recherche .formulaire_recherche input.text,
        .formulaire_recherche input.text:focus,
        .page_recherche .formulaire_recherche input.text,
        .variante.page_sommaire .formulaire_recherche input.text {
            width: calc(100% - 36px)
        }
        .page_sommaire .services .slogan {
            padding: 10px 0 0
        }
        a.bouton_menu {
            display: inline-block;
            vertical-align: middle;
            line-height: 0;
            width: 36px;
            height: 36px;
            overflow: hidden;
            margin-right: 12px
        }
        .no-js a.bouton_menu {
            display: none
        }
        a.bouton_menu img {
            max-width: 73px !important
        }
        a.bouton_menu.on img {
            margin-left: -38px
        }
        ul#menu,
        #entete:hover ul#menu {
            width: 100%;
            border: 0;
            margin: -8px 0 15px;
            font-size: 2.5vw
        }
        .js ul#menu {
            display: none
        }
        ul#menu li {
            margin: 0
        }
        ul#menu li a,
        ul#menu li a#entree-apropos,
        ul#menu li a#entree-accueil {
            float: none;
            font-size: 1.6em;
            border-bottom: 1px dashed #ccc;
            padding: 12px
        }
        ul#menu li a#entree-accueil,
        ul#menu li a#entree-accueil:hover,
        #entete:hover ul#menu li a#entree-accueil:hover {
            width: inherit;
            background-image: none;
            color: #333
        }
        ul#menu li.sousgroupe a,
        #entete:hover ul#menu li.sousgroupe a {
            border-left: 0
        }
        .categorie-numero #entree-numero,
        .categorie-archives #entree-archives,
        .categorie-mav #entree-mav,
        .categorie-valise #entree-valise,
        .variante #entree-blogs,
        .categorie-cartes #entree-cartes,
        .categorie-apropos #entree-apropos {
            background: #fff;
            font-weight: 800
        }
        .bandeautitre {
            font-size: 1em
        }
        .bandeautitre a.bandeau {
            padding: 5px 5px 10px 8px
        }
        .bandeautitre .letitre {
            max-width: 74%
        }
        .bandeautitre .logo {
            display: none
        }
        .bandeautitre span {
            color: #333 !important;
            margin-left: 5px
        }
        .bandeautitre .partage {
            top: 3px;
            right: 6px
        }
        .bandeautitre button.play_pause {
            top: 6px;
            right: 45px;
            padding: 0
        }
        h1 {
            font-size: 2.8em
        }
        .type_encadre h1,
        .type_glossaire h1,
        .type_perspective h1,
        .categorie-publication h1,
        .variante h1,
        .article_carnet h1,
        .rubrique_carnet h1,
        .variante .type_encadre h1,
        .categorie-valise .type_encadre h1,
        .categorie-publication .type_encadre h1 {
            font-size: 2.5em
        }
        .chapo,
        .variante .chapo {
            font-size: 1.3em
        }
        .cartouche .dates_auteurs,
        .vcard .dates_auteurs {
            font-size: 1.1em
        }
        .texte,
        .horstexte {
            font-size: 1.1em
        }
        .trads {
            width: calc(100% - 40px)
        }
        .notes {
            font-size: .9em
        }
       
        #navigation h2,
        .voiraussi h2,
        #partage h2,
        h2#leslivres {
            font-size: 1.8em
        }
        .chapodactu {
            font-size: 1.1em;
            margin: 0 0 40px
        }
        .chapodactu p {
            margin-right: 0
        }
        .chapodactu img {
            width: 30%
        }
        .chapodactu strong {
            margin: 0 30px 0 0;
            padding-bottom: 10px;
            width: auto
        }
        .cartouche {
            margin: 0 0 30px
        }
        .lettrine {
            margin: -7px 18px 5px 0;
            font-size: 6em
        }
        .mot-lettrine {
            margin-left: 0
        }
        .lettrine .guillemet {
            font-size: .7em;
            margin-left: -.25em
        }
        .texte p,
        .texte.textecarto p,
        .page_contact .texte form,
        .texte address,
        .article_mav .type_chronologie .texte p,
        .texte ul,
        .texte ol,
        .texte>.bouton,
        .texte .colonne {
            margin: .8em 0
        }
        table.spip.paslarge {
            margin: 2em 0
        }
        .texte figure,
        texte blockquote .spip_documents.spip_documents_center.xl {
            max-width: 100%;
            height: auto;
            margin: 1.2em 0
        }
        .spip_documents.spip_documents_center.xl {
            margin-left: -20px
        }
        .texte .spip_documents_left,
        .texte .spip_documents_right,
        .texte .spip_documents.justecol,
        .chapo .spip_documents_left,
        .chapo .spip_documents_right,
        .chapo .spip_documents.justecol {
            max-width: 100% !important;
            float: none !important;
            margin: 1.2em auto
        }
        .texte .colmargegauche,
        .texte .colmargedroite,
        .spip_documents.justecol,
        .chapo .colmargegauche,
        .chapo .colmargedroite {
            max-width: 100% !important;
            margin: 1.2em auto
        }
        .texte iframe,
        .texte iframe.center {
            margin: 1.2em auto
        }
        .texte h3.spip {
            margin: 2em 0 1em 10px;
            font-size: 1.4em
        }
        .texte.textecarto h3.spip {
            margin: 2em 0 1em
        }
        .type_Voix-de-faits .texte h3.spip {
            font-size: 1.5em
        }
        .type_Voix-de-faits .texte blockquote h3.spip {
            font-size: 1.4em
        }
        .zoome iframe {
            margin: 0 !important;
            padding-bottom: 1em
        }
        iframe.legendee,
        iframe.center.legendee {
            margin-bottom: 0
        }
        p.legende {
            margin-top: 5px;
            margin-bottom: 1.3em
        }
        .article_mav .type_chronologie.ouvert .texte,
        .article_mav .type_chronologie.ferme .enapercu {
            border-left: 8px solid #e8efdb;
            margin-left: 15px;
            padding-left: 15px
        }
        .article_mav .type_chronologie h3.spip:before {
            width: 15px;
            height: 15px;
            margin: 2px 0 0 -42px
        }
        .texte .carto_in .titraille {
            max-width: 100%;
            margin: 0 0 .8em
        }
        .texte .cartoscrollbox {
            margin: 0 -20px 20px
        }
        .cartoscrollbox:hover .scroll-msg {
            margin-left: 20px;
            width: calc(100% - 20px)
        }
        blockquote.spip,
        .texte blockquote.spip,
        blockquote.sommaire,
        .type_Voix-de-faits blockquote,
        blockquote.sommaire,
        .texte blockquote {
            margin: 2em -20px 2em 0;
            padding: 0
        }
        .texte blockquote {
            margin: 2em 0;
            padding: 0 0 0 15px
        }
        blockquote.spip,
        .texte blockquote.spip,
        blockquote.sommaire,
        .type_Voix-de-faits blockquote {
            margin: 2em -20px;
            padding: 25px
        }
        blockquote.sommaire {
            margin: 2em 0;
            padding: 0
        }
        .listarchives blockquote.sommaire {
            font-size: 1em;
            margin: -30px 0 2em
        }
        .baseline blockquote {
            margin-left: 0;
            margin-right: 0
        }
        .exergue,
        blockquote.exergue,
        p .exergue {
            margin: 1em 0;
            font-size: 1.4em;
            padding: 0 20px 0 25px
        }
        .texte q.lire_aussi,
        .texte q.lire_aussi.sanslogo {
            margin: 5px 0 25px 25px;
            width: 40%
        }
        .texte a.voir_archives {
            padding: 20px 10px 20px 20px
        }
        .texte a.voir_archives img {
            width: 30%;
            margin: -40px 0 10px 15px
        }
        blockquote.spip_poesie {
            margin-left: 3em
        }
        .ps,
        .notes,
        .traducteur {
            margin: 25px 0
        }
        .voiraussi {
            margin: 0 0 30px;
            padding: 25px
        }
        .voiraussi.perspective.dessous {
            margin-top: -31px
        }
        .tags {
            font-size: 1em;
            margin: 25px 0
        }
        .navart {
            font-size: 1.1em;
            width: 50%
        }
        .navart .fleche {
            font-size: 3em
        }
        #pagescol {
            display: none
        }
        .lesauteurs,
        .biocolcarto {
            margin: 20px 5% 20px 0
        }
        .lesauteurs .bio {
            margin: 0 0 15px 15%
        }
        .traducteur {
            font-size: 1.1em
        }
        .liste li h3 {
            font-size: 1.5em
        }
        h4,
        .liste li h4 {
            font-size: 1.4em
        }
        .liste li .intro,
        .liste li a .intro {
            font-size: 1em
        }
        ul.liste.double.perspective {
            font-size: 1em
        }
        .liste .rescol_1 h3 {
            font-size: 1.4em
        }
        .liste .cols_1 h3,
        .liste .rescol_1 .cols_1 h3 {
            font-size: 1.25em
        }
        .liste .cols_1 li:first-child .logo {
            display: none
        }
        .liste_vignettes {
            margin: 30px 0 0
        }
        .ps.listarchives {
            margin: 25px 0 20px
        }
        .listarchives.liste.large h3.spip {
            font-size: 1.8em
        }
        .bandorub {
            margin: -39px -20px 25px
        }
        #entete .bandorub {
            margin: -9px -20px 0
        }
        .enlarge.zizi .unemensuel {
            height: auto;
            margin: 6px 20px 15px 0;
            max-height: none;
            text-align: center
        }
        .bloc .enlarge.zizi .unemensuel {
            margin: 6px 20px 15px 0;
            float: none
        }
        .bloc .enlarge.zizi .unemensuel {
            margin: 6px 20px 15px 0;
            float: none
        }
        .bloc.cols_2 .enlarge.zizi .unemensuel {
            margin: 0 0 15px
        }
        .enlarge.zizi.vieux .unemensuel {
            height: 50px
        }
        .enlarge.zizi .descriptif,
        a .enlarge.zizi .descriptif {
            margin: 0 0 25px
        }
        .enlarge.zizi.vieux .unemensuel {
            margin: 6px 20px 0 15px
        }
        .enlarge.zizi.vieux .unemensuel img {
            width: 100%
        }
        .livremois_une li {
            width: calc((100% - 75px) / 4);
            margin-bottom: 20px
        }
        .livremois_une li:nth-child(4) {
            margin-right: 0
        }
        .livremois_une li a {
            width: 100%;
            width: fit-content
        }
        .baseline .bouton {
            overflow: hidden
        }
        .baseline .bouton a.droite {
            margin: 5px 0 0 20px
        }
        .infoboite {
            padding: 0 0 0 10px
        }
        .alaune {
            padding: 0 10px 0 0
        }
        .alaune li .tige h3 {
            font-size: 2em
        }
        .alaune li.sanschapo .tige h3 {
            font-size: 1.7em
        }
        .papiers_hasard {
            font-size: 1.3em;
            margin: 0 0 25px
        }
        .papiers_hasard.fat {
            font-size: 1.7em;
            margin: 0 5px 25px 0
        }
        .promav .couvmav,
        #navigation .promav .couvmav,
        .chapo .blocmav {
            max-width: 45%
        }
        .promav a .intro {
            font-size: 1.2em
        }
        .promav h3 {
            font-size: 2em
        }
        .liens_mav {
            margin: 20px 0 0
        }
        .tresor-archives {
            width: 35%
        }
        #chapbox {
            background: #fff;
            padding: 0 0 20px
        }
        .argu {
            font-size: 1.1em
        }
        .enlarge.zizi .descriptif {
            font-size: 1.1em
        }
        .edinter .argu .logo {
            width: 35%
        }
        .liste li.chapodoss .intro {
            font-size: 1.2em;
            line-height: 1.2em
        }
        .logo_revue {
            margin: 0 20px 20px 10px
        }
        .livresdumois .liste {
            margin: 0 30px 30px
        }
        .livresdumois .liste li.catego h2 {
            font-size: 1.8em
        }
        .livresdumois .liste li .intro {
            font-size: 1em;
            line-height: 1.4em
        }
        .livresdumois .liste li .logo {
            margin: 5px 15px 6px 0;
            max-width: 30%
        }
        .notesdl .intro .spip_documents_left,
        .notesdl .intro .spip_documents_right {
            max-width: 30%
        }
        .livresdumois .liste li h3 {
            font-size: 1.7em
        }
        .section h2.secteur {
            font-size: 2.2em
        }
        .section h2 {
            font-size: 2em
        }
        .tousles a {
            font-size: 1.7em
        }
        .biocolcarto,
        .type_publication .notes {
            font-size: 1.1em
        }
        .soutien.dons {
            font-size: 1em;
            padding: 20px 30px 30px;
            background: url('//www.lacor.info/plugins/diplo/exo/images/dons2015mini.jpg') no-repeat 0 0 #01cdf0
        }
        .article_publication .variante-manuel .texte blockquote.betisier {
            margin: 1.5em 0;
            padding: 25px
        }
        .article_publication .variante-manuel .texte blockquote.manuels {
            margin: 1.5em 0;
            padding: 70px 25px 30px
        }
        .article_publication .variante-manuel .texte blockquote.ecofolies h3:first-child {
            background-image: url('//www.lacor.info/plugins/diplo/exo/images/ecofolies.png') !important;
            background-repeat: no-repeat !important;
            background-position: center top;
            padding: 118px 0 .5em;
            margin: -30px -20px 0
        }
        .article_publication .variante-manuel .texte blockquote.ecofolies,
        .article_publication .variante-manuel .texte blockquote.ecircus {
            padding: 0 15px 15px
        }
        .article_publication .variante-manuel .texte blockquote.ecircus h3:first-child {
            background-image: url('//www.lacor.info/plugins/diplo/exo/images/economicocircus-micro.png') !important;
            background-size: 100%;
            padding: 70px 0 .2em;
            margin: 20px 0 0
        }
        .page_audio .baseline .reserve {
            width: auto
        }
        .meufson {
            width: 35%
        }
    }
    @media (max-width:480px) {
        #conteneur,
        .page_sommaire #conteneur,
        .page_sommaire.variante #conteneur {
            padding: 0 15px
        }
        #entete {
            padding: 0 15px 15px
        }
        .labyrinthe {
            margin: 0;
            padding: 0 0 5px
        }
        ul#menu,
        #entete:hover ul#menu {
            margin-top: 0;
            font-size: 3.5vw
        }
        .logodiplo,
        .page_sommaire .logodiplo,
        .services .slogan,
        .variante.page_sommaire .logodiplo {
            margin: 10px auto 15px;
            text-align: center
        }
        .services #search {
            width: calc(100% - 48px)
        }
        a.bouton_menu {
            float: left
        }
        .ariane {
            font-size: 1.1em;
            padding: 8px 0 0
        }
        .baseline {
            font-size: 1.2em;
            margin: 0 0 20px
        }
        span.insec:after {
            content: ' ';
            margin-left: -.25em
        }
        h1 input.recherche_modifiable {
            width: calc(100% - 55px)
        }
        h1 .formulaire_recherche input.submit {
            width: 63px;
            height: 63px
        }
        .bandeautitre .letitre {
            max-width: 70%
        }
        .bandeautitre span {
            margin-left: 2px
        }
        .chapodactu img {
            width: calc(100% - 20px);
            float: none;
            margin: 0 10px 15px
        }
        .chapodactu strong {
            font-size: 1em;
            width: auto
        }
        .cartouche {
            margin: 0 0 40px
        }
        .baseline {
            font-size: 1.2em
        }
        .surtitre,
        .cartouche .surtitre {
            font-size: 1em
        }
        h1 {
            font-size: 2.5em
        }
        .type_encadre h1,
        .type_glossaire h1,
        .type_perspective h1,
        .categorie-publication h1,
        .variante h1,
        .article_carnet h1,
        .rubrique_carnet h1,
        .variante .type_encadre h1,
        .categorie-valise .type_encadre h1,
        .categorie-publication .type_encadre h1 {
            font-size: 2.2em
        }
        h1 span.orpheligne {
            display: inline-block
        }
        .chapo,
        .variante .chapo {
            font-size: 1.2em
        }
        .cartouche .dates_auteurs,
        .vcard .dates_auteurs {
            font-size: 1em
        }
        .texte p,
        .texte.textecarto p,
        .page_contact .texte form,
        .texte address,
        .article_mav .type_chronologie .texte p,
        .texte .colonne {
            margin: .8em 0
        }
        table.spip.paslarge {
            margin: 2em 0
        }
        p.legende {
            margin-top: 5px;
            margin-bottom: 1.3em
        }
        .spip_documents.spip_documents_center.xl,
        .spip_documents.spip_documents_center.justecol {
            margin-left: -15px;
            max-width: 100vw !important
        }
        .texte figure,
        texte blockquote .spip_documents.spip_documents_center.xl {
            max-width: 100%;
            height: auto;
        }
        .texte .spip_documents_left,
        .texte .spip_documents_right {
            max-width: 100%;
            float: none !important;
            margin: 1.2em auto
        }
        .texte .colmargegauche,
        .texte .colmargedroite,
        .spip_documents.justecol {
            max-width: 100%;
            margin: 1.2em 0
        }
        .texte h3.spip {
            margin: 1.6em 0 1em;
            text-align: left
        }
        .texte.textecarto h3.spip {
            margin: 1.6em 0 1em 15px
        }
        #navigation h2,
        .voiraussi h2,
        #partage h2,
        h2#leslivres {
            font-size: 1.8em
        }
        .texte .carto_in .titraille {
            margin: 0 0 .8em
        }
        .texte .cartoscrollbox {
            margin: 0 -15px 20px
        }
        .cartoscrollbox:hover .scroll-msg {
            margin-left: 15px;
            width: calc(100% - 15px)
        }
        .article_mav .type_chronologie.ouvert .texte,
        .article_mav .type_chronologie.ferme .enapercu {
            margin-left: 0
        }
        .article_mav .type_chronologie h3.spip:before {
            width: 12px;
            height: 12px;
            margin: 2px 0 0 -30px
        }
        .trads {
            position: relative;
            width: 100%;
            margin: 10px 0 -10px
        }
        #traductions.enhaut {
            position: absolute;
            width: 100%
        }
        .trads>a span {
            box-shadow: none !important
        }
        .trads a:hover span {
            background: #fff !important;
            color: #333 !important
        }
        #partage {
            text-align: center;
            padding-bottom: 20px
        }
        #partage h2 {
            display: block;
            margin: 0 auto 15px
        }
        #partage h2 span,
        .icone-partage {
            display: none
        }
        blockquote.spip,
        .texte blockquote.spip,
        .type_Voix-de-faits blockquote {
            margin: 1.5em -15px;
            padding: 20px
        }
        blockquote.sommaire {
            margin: 1.5em 0
        }
        .exergue,
        blockquote.exergue,
        p .exergue {
            margin: 1em 0;
            font-size: 1.4em;
            padding: 15px 0
        }
        blockquote.spip_poesie {
            margin-left: 2em
        }
        blockquote.spip_poesie mark {
            margin-left: 1.5em
        }
        .lesauteurs,
        .biocolcarto {
            font-size: .9em;
            margin: 20px 0
        }
        .lesauteurs .bio {
            margin: 0 0 15px
        }
        .lettrine {
            margin: -7px 10px 5px -7px;
            font-size: 5em
        }
        .mot-lettrine {
            margin-left: 0
        }
        .lettrine .guillemet {
            font-size: .65em;
            margin-left: -.15em
        }
        .ps,
        .notes,
        .traducteur {
            margin: 30px 0
        }
        .notes {
            font-size: .9em
        }
        
        .voiraussi {
            margin: 0 0 30px;
            padding: 20px 15px 15px
        }
        .traducteur {
            font-size: 1em
        }
        .tags {
            margin: 20px 0
        }
        .enlarge .unemensuel {
            margin: 0 0 15px
        }
        .enlarge.zizi .unemensuel,
        .enlarge.zizi.vieux .unemensuel {
            height: auto;
            float: none;
            margin: 0 0 15px;
            max-height: none;
            text-align: center;
            width: 100%
        }
        .enlarge.zizi.recent,
        .enlarge.zizi.vieux {
            margin: 8px 0 25px
        }
        .enlarge.zizi .dates_auteurs {
            margin: 0 0 10px;
            font-size: 1.6em
        }
        .enlarge.zizi .descriptif,
        a .enlarge.zizi .descriptif {
            font-size: 1.1em;
            margin: 8px 0 25px
        }
        .enlarge.recent .unemensuel img {
            width: 100%
        }
        .navart .fleche {
            font-size: 5em
        }
        .navart,
        .avant,
        .apres,
        .vieux .navart,
        .vieux .avant {
            width: auto;
            float: none;
            text-align: center;
            margin: 10px
        }
        .avant .articleconnexe,
        .apres .articleconnexe,
        .vieux .apres .articleconnexe,
        .vieux .avant .articleconnexe {
            margin: 0;
            padding: 0;
            border: 0
        }
        .tousles a {
            font-size: 1.5em
        }
        #pied .lesliens {
            padding: 0 0 0 10px
        }
        #pied .finger {
            float: none;
            width: 100%;
            margin: 0 auto 20px;
            width: 80%;
            font-size: 1.2em
        }
        .liste li,
        li.seul {
            margin: 15px 0 25px
        }
        .liste li h3 {
            font-size: 1.4em
        }
        h4,
        .liste li h4 {
            font-size: 1.2em
        }
        .liste.double .demi,
        .liste.double .demi.droite {
            float: none;
            width: 100%
        }
        .infoboite .edito {
            margin-top: 10px;
            border-bottom: 1px dashed #ccc
        }
        ul.liste.double>li>a {
            margin: 0
        }
        ul.liste.double li a {
            margin: 0 !important
        }
        ul.liste.double {
            margin: 0
        }
        .liste.double .gauche>ul,
        .liste.double .droite>ul {
            margin: 0 0
        }
        ul.liste.double.perspective {
            margin: 0
        }
        .liste_vignettes {
            margin: 20px 0 0
        }
        .bloc_vignette,
        li.bloc_vignette,
        .bloc_vignette.recent,
        .bloc_vignette:nth-child(2n),
        .bloc_vignette:nth-child(4n),
        .bloc_vignette.recent:nth-child(4n) {
            float: none;
            width: auto;
            padding: 0 0 30px
        }
        .bloc_vignette a,
        .bloc_vignette .sans_a,
        .bloc_vignette:nth-child(2n) a,
        .bloc_vignette:nth-child(4n) a {
            margin: 0
        }
        .liste.large,
        [data-couv="sanscouv"] .liste.large {
            margin: 0 0 20px
        }
        .liste.large li .intro,
        .liste.large li.livre .intro,
        .liste.large.livrecherche li .intro {
            margin: 0 0 6px
        }
        .liste.large li a .logo {
            display: none
        }
        .liste.livrecherche li,
        .liste li.livre {
            padding: 0 0 20px
        }
        .ps.listarchives {
            padding: 20px 15px 15px
        }
        .listarchives.liste.large {
            font-size: 1em
        }
        .listarchives.liste.large h3.spip,
        .ps.listarchives.liste.large h3.spip {
            font-size: 1.6em;
            margin: 1.5em 0 1em
        }
        h2.catego {
            margin: 10px 0 15px
        }
        .tags table tr {
            display: table
        }
        .tags table .lettre {
            display: table-caption;
            width: 100%;
            text-align: center;
            padding: 0
        }
        .tags table td.lesmots {
            padding: 20px 0
        }
        .bandorub {
            margin: -16px -15px 25px
        }
        #entete .bandorub {
            margin: -1px -15px 0
        }
        li.gauche .commentaires {
            margin-right: 0
        }
        .infoblog {
            margin: 30px 0;
            padding: 0 10px 15px
        }
        .divforum,
        .divforum.derniers {
            font-size: 1em;
            margin: 30px 0 40px;
            padding: 20px 15px 15px
        }
        .pagination {
            font-size: 1.2em
        }
        .sommeil {
            margin: 30px 0 40px;
            font-size: 1.15em
        }
        .texte q.lire_aussi,
        .texte q.lire_aussi.sanslogo {
            margin: 10px 0 25px;
            width: auto
        }
        .texte a.voir_archives {
            margin: 1.2em -15px;
            font-size: 1em
        }
        .texte a.voir_archives img {
            width: 45%;
            margin: -15px 0 10px 10px
        }
        .alaune {
            margin: 0
        }
        .alaune li .tige h3 {
            font-size: 1.8em
        }
        .alaune li.sanschapo .tige h3 {
            font-size: 1.5em
        }
        .infoboite {
            float: none;
            margin: 30px 0 5px;
            padding: 0;
            width: auto
        }
        .infoboite .zizi {
            text-align: center
        }
        .alaune {
            float: none;
            margin: 0 0 20px;
            padding: 0;
            width: auto
        }
        .papiers_hasard {
            margin: 0 0 35px
        }
        .papiers_hasard.fat {
            margin: 0 0 35px
        }
        .liste li.chapodoss .logo,
        .liste li.chapodoss a:hover .logo {
            width: inherit
        }
        .dossiers.liste li.chapodoss .logo.large {
            width: 100%;
            max-width: 600px;
            margin: 12px 0
        }
        .liste li.chapodoss .intro {
            font-size: 1em
        }
        .bouton.voirjournal a {
            font-size: 1.2em
        }
        .plusdinfo {
            margin-top: 15px
        }
        .rubrique_numero #navigation {
            margin: 30px 0 0
        }
        .livresdumois .liste {
            margin: 0 0 20px
        }
        .livresdumois .liste li.catego h2 {
            font-size: 1.8em
        }
        .livresdumois .liste li h3 {
            font-size: 1.5em
        }
        .livresdumois .liste li>a {
            text-align: center
        }
        .livresdumois .liste li>a {
            text-align: center
        }
        .livresdumois .liste li .titraille,
        .livresdumois .liste li .intro {
            text-align: left
        }
        .livresdumois .liste li .logo {
            margin: .8em auto 1.2em;
            max-width: none;
            float: none;
            display: inline-block
        }
        .notesdl .intro .spip_documents_left,
        .notesdl .intro .spip_documents_right {
            float: none !important;
            margin: .6em auto 1.2em;
            max-width: 100%
        }
        .commerce {
            margin: 0;
            text-align: center
        }
        .commerce>a {
            margin: 2px 15px 10px 0
        }
        .cols_1,
        .cols_2,
        .cols_3,
        .cols_4,
        .cols_5,
        .cols_6,
        .rescol_1,
        .rescol_2,
        .rescol_x .liste .bloc li {
            width: auto !important
        }
        .enune.liste li,
        .enune.liste li.droite {
            float: none
        }
        .enune.liste li a,
        .enune.liste li.bloc li:last-child a,
        .enune.liste li.bloc li:last-child a.unemdv {
            margin: 0 0 25px;
            padding: 0 0 15px;
            border-bottom: 1px dashed #ccc;
            max-width: 100%
        }
        .enune.liste li.bloc li:last-child a.noborder {
            border-bottom: none;
            padding: 0;
            margin: 0 10px
        }
        .enune.liste li.filet,
        .enune.liste li.filet.que_res {
            display: none !important
        }
        .enune.liste li.filet.partout {
            display: block !important
        }
        .enune .voiraussi.dossierweb {
            border: 0;
            padding: 0;
            margin: 0
        }
        .enune .voiraussi.dossierweb .logo {
            margin: 0 0 10px;
            width: 100%;
            height: auto;
            overflow: hidden;
            float: none
        }
        .bloc .unemensuel img,
        .enune.liste li a.unemdv .logo img {
            width: 100%
        }
        .bloc .enlarge.zizi.recent,
        .bloc.rescol_x .enlarge.zizi.recent {
            padding: 0;
            margin: 0;
            border-bottom: 0
        }
        .enune.liste .cols_1 li a.unemdv .logo {
            margin: 0 0 10px
        }
        .enune.liste .cols_1 li a.unemdv .titraille {
            display: none
        }
        .liste li.res_spe .logo.large,
        .liste li.res_spe a.unemdv.long .logo.large,
        .liste li.res_spe li,
        .liste li.res_spe a.unemdv .logo.large {
            float: none;
            margin: 3px 0 10px;
            width: 100%;
            padding: 0;
            height: auto
        }
        .liste li.res_spe a.unemdv .titraille,
        .liste li.res_spe a.unemdv .intro {
            display: none
        }
        .liste .cols_3 h3 {
            font-size: 1.7em
        }
        .liste .cols_2 h3 {
            font-size: 1.5em
        }
        .liste .rescol_1 h3 {
            font-size: 1.5em
        }
        .liste .cols_1 h3,
        .liste .rescol_1 h3 {
            font-size: 1.4em
        }
        .que_res,
        .que_tab {
            display: none
        }
        .rescol_x a.enkiosques {
            border-bottom: 1px dashed #ccc !important;
            margin-bottom: 20px !important
        }
        .rescol_x .unemensuel {
            width: 99%
        }
        .liste li.rescol_x .zizi .intro {
            font-size: 1em
        }
        .argu {
            margin: 0 0 15px
        }
        .unedeux .son .loghorizon {
            width: 100%;
            float: none;
            margin: 0 0 10px
        }
        .suivre .liste.double .demi {
            padding: 0;
            border: 0
        }
        .suivre .liste.double .demi.droite {
            border-top: 1px dashed #ccc;
            padding: 20px 0 0;
            margin: 25px 0 0
        }
        .suivre .logo {
            margin: 0 0 10px;
            width: 100%;
            float: none
        }
        .une .promav .couvmav {
            width: auto
        }
        .une .enlarge.recent {
            margin-right: 0
        }
        .edinter .argu .logo {
            float: none;
            width: 100%;
            margin: 0 0 20px
        }
        .rappelsune h2,
        #navigation .rappelsune h2 {
            margin-left: 20px
        }
        #ancres #ancres2 {
            display: block
        }
        h2.facette {
            font-size: 1.1em
        }
        h2.facette:last-of-type {
            margin: 0 0 15px
        }
        .affinage {
            padding: 0 0 25px
        }
        .lesboutons {
            font-size: 1em
        }
        .tri {
            font-size: .95em
        }
        .filtres.bouton a {
            font-size: 1.2em
        }
        .filtres.bloc h2 {
            font-size: 1.1em
        }
        h2.facette:before,
        .filtres.bouton a:before {
            background-size: 10px;
            width: 10px;
            height: 10px
        }
        .filtres.bouton a:before {
            background-size: 15px;
            width: 15px;
            height: 15px
        }
        .ui-dialog,
        .ui-dialog.ui-widget.ui-widget-content {
            padding: 10px 10px 15px;
            width: 90% !important
        }
        .decennie {
            font-size: .6em;
            bottom: -16px;
            padding: 5px 0 0 2px
        }
        .telecharger .bloc_vignette dd {
            font-size: 1.3em
        }
        .telecharger .enlarge.recent .unemensuel {
            width: 100%;
            margin-left: 0;
            box-sizing: border-box
        }
        .telecharger .enlarge.zizi .descriptif {
            margin: 8px 0 20px
        }
        .telecharger .bloc_vignette dd {
            color: #fff;
            border-top: 1px dashed #ccc;
            margin: 10px 0 0
        }
        .telecharger .bloc_vignette dd a {
            width: 95%;
            padding: 10px 0 0
        }
        .biocolcarto,
        .type_publication .notes {
            font-size: 1em
        }
        .premisses ul li:last-child,
        .liste_vignettes.pardate li:last-child {
            display: list-item
        }
        .texte.mav div.spip_documents img {
            box-sizing: border-box
        }
        .promav .couvmav,
        #navigation .promav .couvmav,
        #navigation .promav .couvmav.mini,
        .chapo .blocmav,
        #navigation .promav.pagemavs .couvmav,
        .listarchives .promav .couvmav {
            float: none;
            max-width: 100%;
            width: 100%;
            margin: 0 0 15px
        }
        .promav .couvmav img,
        .chapo .blocmav .couvmav img {
            width: 100% !important;
            height: auto !important
        }
        .tresor-archives {
            float: none;
            margin: 0 0 15px;
            width: 100%
        }
        #chapbox ul.liste li {
            padding-right: 0
        }
        #chapbox ul li h3 {
            font-size: 1.5em
        }
        .page_archives h2 {
            font-size: 2em
        }
        .page_archives #contenu #chaposdactu h2 {
            margin: 0 0 20px
        }
        #chapscroll {
            padding: 0
        }
        .titrauteur {
            margin: 0
        }
        .logo_revue {
            margin: 0 0 15px 10px
        }
        .texte .carto_in {
            margin: 30px 0
        }
        .texte .carto_in figure.aucentre,
        .texte .carto_in .titraille.aucentre {
            margin-left: 0
        }
        .texte .carto_in figure.aucentre.centrecol,
        .texte .carto_in .titraille.aucentre.centrecol {
            width: auto;
            text-align: center;
            margin: 0
        }
        .soutien.dons h3 {
            font-size: 1.8em
        }
        .soutien.dons .argu {
            font-size: 1em
        }
        .soutien {
            font-size: .8em;
            margin: 30px -15px;
            border-radius: 0
        }
        .soutien h3 {
            padding: 0 15px 15px
        }
        .article_publication .variante-manuel .texte blockquote.betisier {
            margin: 1.5em 0;
            padding: 15px
        }
        .article_publication .variante-manuel .texte blockquote.manuels {
            margin: 1.5em 0;
            padding: 70px 15px 20px
        }
        .article_publication .variante-manuel .texte blockquote.ecofolies h3:first-child {
            background-size: 100%
        }
        .article_publication .variante-manuel .texte blockquote.ecircus h3:first-child {
            margin: 15px 0 0
        }
        .page_audio h1,
        .page_audio .baseline p {
            display: table-caption;
            width: calc(100vw - 30px)
        }
        .page_audio .lesarchives.parmois .bouton_archives {
            margin: 0;
            font-size: .9em
        }
        .page_audio .baseline .reserve {
            width: 100%;
            float: none
        }
        .meufson {
            display: table-cell;
            width: 100%
        }
    }
}




.composition_mav .promav h3 {
    font-size: 2.5em
}



/* squelettes/mailmansub.css */

.texte .infodiplo {
    margin: 1.5em 160px 2em 80px
}

.texte .infodiplo.court {
    padding: 25px 20px 10px;
    border: 1px solid #ccc
}

.texte .infodiplo p {
    margin: .8em 0
}

.suivre .infodiplo {
    margin: 0 0 15px
}

.infodiplo.court h2 {
    display: block
}

.texte .infodiplo h4 {
    font-size: 1.4em;
    font-variant: small-caps;
    text-transform: lowercase;
    margin: 1.2em 0 15px;
    
}

.texte .infodiplo h4:first-child {
    margin: 0 0 15px
}

.texte .infodiplo .message-donnees {
    font-size: .9em;
    
}

.infodiplo .gerer {
    clear: both
}

.infodiplo.court .inscrire {
    font-size: 1em
}

.infodiplo .gestion {
    margin: 1em 0 0
}

.infodiplo .formulaire_spip label {
    display: block;
    font-weight: 400
}

.infodiplo.court.une .formulaire_spip label {
    margin: 0 0 10px
}

.texte .infodiplo input[type=text] {
    width: 500px
}

.texte .infodiplo.court input[type=text] {
    width: 400px;
    font-size: .9em
}

.infodiplo .erreur input[type=text],
.infodiplo .erreur input[type=text]:focus {
    border: 1px solid hsl(60, 40%, 30%);
    color: hsl(60, 40%, 30%)
}

.infodiplo .erreur input[type=text]:focus {
    border: 1px solid #bbb;
    color: #333
}

.infodiplo input#mailmansub_change {
    margin-bottom: 15px
}

.infodiplo .formulaire_spip li.erreur .erreur_message {
    color: hsl(60, 40%, 30%);
    margin: 0 0 20px;
    
}

.infodiplo .reponse_formulaire_erreur {
    margin: 0 0 20px;
    color: #900;
    color: #fff;
    background: hsl(60, 40%, 30%);
    font-weight: 400;
    padding: 15px 20px
}

.infodiplo .reponse_formulaire_ok {
    margin: 0 0 20px;
    color: #fff;
    background: #709cad;
    font-weight: 400;
    padding: 15px 20px
}

.infodiplo .reponse_formulaire_ok span,
.infodiplo .reponse_formulaire_erreur span {
    
    font-weight: 700;
    display: block
}

.infodiplo .formulaire_spip,
.infodiplo .formulaire_spip ul {
    margin: 0;
    padding: 0
}

.infodiplo .formulaire_spip li {
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
    list-style: none
}

.infodiplo.court .formulaire_spip ul li {
    margin: 0;
    border-bottom: 0
}

.infodiplo .editer_status label em {
    font-style: normal;
    display: block;
    float: right;
    color: #aaa
}

.infodiplo .editer_status label em.nok {
    color: red
}

.infodiplo.court .gestion,
.infodiplo.court h4 {
    display: none
}

.infodiplo .formulaire_spip .boutons {
    display: inline-block
}

.infodiplo.court.une .formulaire_spip .boutons {
    clear: none
}

.infodiplo .plus {
    display: block
}

.infodiplo.court .plus {
    color: #999;
    margin: 5px 0 0;
    font-size: 1.1em
}

.infodiplo.court a.plus:hover {
    color: hsl(60, 40%, 30%)
}

@media (max-width:959px) {
    .texte .infodiplo input[type=text] {
        width: 75%
    }
    .texte .infodiplo.court input[type=text] {
        width: 70%
    }
    .suivre .infodiplo {
        margin: -10px 0 15px
    }
    .suivre .infodiplo input[type="text"] {
        width: 100%
    }
    .suivre .infodiplo.court .formulaire_spip .boutons {
        display: block;
        text-align: right;
        margin: 10px 0 0
    }
}

@media (max-width:715px) {
    .texte .infodiplo input[type=text] {
        width: 70%
    }
    .texte .infodiplo.court input[type=text] {
        width: 70%
    }
    .texte .infodiplo {
        margin: 1.5em 30px 2em
    }
    .texte .infodiplo.court {
        padding: 20px 15px 5px 15x
    }
    .infodiplo .formulaire_spip li {
        margin: 0 0 20px
    }
}

@media (max-width:480px) {
    .texte .infodiplo {
        margin: 1.5em 15px 2em
    }
    .texte .infodiplo.court {
        padding: 15px 0 5px;
        border-width: 1px 0;
        border-style: dashed
    }
    .infodiplo input[type="text"],
    .texte .infodiplo input[type="text"],
    .texte .infodiplo.court input[type=text] {
        width: 100%
    }
    .infodiplo .formulaire_spip .boutons {
        display: block;
        text-align: right;
        margin: 10px 0 0
    }
    .texte .infodiplo label,
    .texte .infodiplo input[type=text] {
        margin-left: 0
    }
    .infodiplo .formulaire_spip li {
        margin: 0 0 15px
    }
}

/* plugins/diplo/pubs/pubs.css */

.banniere {
    width: 728px;
    height: 90px
}

.pub {
    width: 300px;
    height: 250px
}



/* plugins/zone/photoswipe/lib/photoswipe/photoswipe.css */

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline
}

/* plugins/zone/photoswipe/lib/photoswipe/default-skin/default-skin.css */

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: 0.9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url('//www.lacor.info/plugins/zone/photoswipe/lib/photoswipe/default-skin/default-skin.png') 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url('//www.lacor.info/plugins/zone/photoswipe/lib/photoswipe/default-skin/default-skin.svg')
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url('//www.lacor.info/plugins/zone/photoswipe/lib/photoswipe/default-skin/preloader.gif') 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: 0.001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}