:root {
--spip-vw:100vw - calc(10px * 2)
}

@media (min-width: 960px) {
:root {
--spip-vw:100vw - calc(20px * 2)
}
}

@media (min-width: 1440px) {
:root {
--spip-vw:1440px - calc(20px * 2)
}
}

.largeur,.table_page,.messages-alertes {
max-width:1440px;
min-width:960px
}

.largeur {
margin:auto;
text-align:right;
padding:0 10px
}

#haut {
margin-top:10px
}

#page {
overflow:initial!important;
text-align:center
}

#conteneur {
text-align:center
}

#contenu {
text-align:right;
display:inline-block;
width:61%;
margin-right:auto;
margin-left:auto;
min-height:50vh
}

#navigation {
overflow-wrap:break-word;
text-align:right;
width:18%;
float:right
}

#extra {
overflow-wrap:break-word;
text-align:right;
width:18%;
float:left
}

.pleine_largeur #contenu {
width:100%
}

.pleine_largeur #navigation,.pleine_largeur #extra {
display:none
}

@media (min-width: 720px) {
.largeur,.table_page,.messages-alertes {
min-width:0
}

@supports (display: grid) {
#conteneur:not(.pleine_largeur) {
text-align:right;
display:grid;
grid-column-gap:2%;
grid-template-rows:auto 1fr;
grid-template-columns:25% 73%;
grid-template-areas:"navigation contenu " "extra contenu ";
justify-content:center
}

#contenu {
grid-area:contenu;
width:initial;
margin:0
}

#navigation {
grid-area:navigation;
width:initial;
margin-left:0
}

#extra {
grid-area:extra;
width:initial
}
}

#contenu > .ajaxbloc:only-child,#navigation > .ajaxbloc:only-child,#extra > .ajaxbloc:only-child {
height:100%
}
}

@media (min-width: 960px) {
.largeur {
padding:0 20px
}

@supports (display: grid) {
#conteneur:not(.pleine_largeur) {
grid-template-columns:25% 73%
}
}
}

@media (min-width: 1200px) {
@supports (display: grid) {
#conteneur:not(.pleine_largeur) {
grid-column-gap:3%;
grid-template-columns:20% 56% 18%;
grid-template-areas:"navigation contenu extra" "navigation contenu extra"
}
}
}

@media (max-width: 719.999px) {
.largeur,.table_page,.messages-alertes {
min-width:0
}

#page {
margin:auto
}

#haut {
text-align:center;
margin-top:10px
}

#contenu {
float:none;
width:auto;
max-width:100%
}

#navigation {
float:none;
width:auto;
max-width:100%
}

#extra {
float:none;
width:auto;
max-width:100%
}

@supports (display: flex) {
#conteneur {
display:flex;
flex-direction:column
}

#navigation {
order:1
}

#contenu {
order:2
}

#extra {
order:3
}
}
}

.pleine_largeur .formulaire_spip {
max-width:60em;
margin-right:auto;
margin-left:auto
}

.centered {
margin:0 auto;
text-align:center
}

.wrap-messages-alertes {
padding:5px 10px;
background:#eee
}

@media (min-width: 960px) {
.wrap-messages-alertes {
padding:5px 20px
}
}

div.messages-alertes {
text-align:left;
clear:both;
margin-left:auto;
margin-right:auto
}

.table_page {
margin:auto;
text-align:right;
clear:both;
margin-left:auto;
margin-right:auto;
margin-top:.5em
}

div.table_page {
margin-top:1em
}