html, body { height: 100%; margin: 0; padding: 0;}
body, ul, li { border: 0;}
div, ul { margin: 0; padding: 0;}
ul {list-style-position: inside;}
a, a:hover { 
    color: #524e43;
    text-decoration: underline #524e43 1px;
}

html { font-size: 100%;}
body {font-family: Verdana,sans-serif; color: #33302d; background-color: #f7f7e7;}
body > div:first-of-type {
    display: table;
    height:100%;
    width:100%;
}

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

iframe body {
background-color: gray;
}


/*viewport en CSS*/
@-webkit-viewport { zoom: 1; width: device-width;}
@-moz-viewport { zoom: 1; width: device-width;}
@-ms-viewport { zoom: 1; width: device-width;}
@-o-viewport { zoom: 1; width: device-width;}
@viewport { zoom: 1; width: device-width;}

@font-face { font-family: 'angelina'; font-style: normal; font-weight: normal; src: url('font/angelina2-webfont.eot'); src: url('font/angelina2-webfont.eot?#iefix') format('embedded-opentype'), url('font/angelina2-webfont.woff2') format('woff2'), url('font/angelina2-webfont.woff') format('woff'), url('font/angelina2-webfont.ttf') format('truetype'), url('font/angelina2-webfont.svg#angelinaregular') format('svg');}


@font-face { font-family: 'poiret'; font-style: normal; font-weight: normal; src: url('font/PoiretOne-Regular.eot'); src: url('font/PoiretOne-Regular.eot?#iefix') format('embedded-opentype'), url('font/PoiretOne-Regular.woff2') format('woff2'), url('font/PoiretOne-Regular.woff') format('woff'), url('font/PoiretOne-Regular.ttf') format('truetype'), url('font/PoiretOne-Regular.svg#PoiretOneRegular') format('svg');}

@font-face {
  font-family: 'cbap';
  src: url('font/cbap.eot?#iefix') format('embedded-opentype'),  url('font/cbap.woff') format('woff'), url('font/cbap.ttf')  format('truetype'), url('font/cbap.svg#cbap') format('svg');
  font-weight: normal;
  font-style: normal;
}



.accueil { background-color: #011c35; background-repeat: no-repeat; height: 100%; width:100%; 
background-position: top; -webkit-background-size: cover; background-size: cover; 
position: fixed; z-index: -1; background-image: url("img/fond_0_web.jpg");}


.titre_site {font-size: 3em;font-family: cbap,sans-serif; line-height:1;color:#ff9700;
text-shadow: 1px 1px 15px #000;
}

.slogan {font-size: 2em;font-family: cbap,sans-serif; line-height:1;color:black;
text-shadow: 1px 1px 20px #ccc;
}

.conteneur_haut {
	display: grid;
	width: 100%;
	height: 100%;
	align-content: center;
	align-items: center;
	justify-items: center;
	justify-content: center;
}
.sommaire .conteneur_haut {min-height: 100vh;}
.sommaire #contenu > div {background-color: #fffc;}
.conteneur_haut span {display:block; margin: 0.4em auto;}
div.conteneur_haut>div {display: table-row;}
div.conteneur_haut>div>div {display: table-cell; padding:100px 0; vertical-align:middle; height:100%;}
.splash_rubrique .conteneur_haut {
	width: 100%;
    background-image: url("img/fond_0_pages.jpg") !important;
    background-repeat: no-repeat;
    height: 180px;
    background-position: bottom;
    webkit-background-size: cover;
    background-size: cover;
}

.splash_rubrique .conteneur_haut>div>div {
    padding: 0;
}


.blog .splash_rubrique {
    position: absolute;
    top: 0;
    width: 100%;
}

.avatar img{
	border-radius: 50%;
	padding: 0;
	margin: auto;
	display: block;
}

.logo_cbap {
	width: 40%;
	background-image: url("img/logoCBAP-min.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.splash_rubrique .logo_cbap {width:180px; background-image:url("img/logoCBAP-min.svg");
background-position: center; background-repeat: no-repeat; background-size: contain; }



/* navigation - Fil d'Ariane + sommaire "À lire" */
 
.fleche { width: 48px; height: 48px; transition: opacity 1s;}
.fleche:hover { filter: brightness(50%); -webkit-filter: brightness(150%); -moz-filter: brightness(150%); -o-filter: brightness(150%); -ms-filter: brightness(150%);}

.menu_rubriques a { text-decoration: none;}
.menu_rubriques li:after {content: "\00a0\25AA";}
.menu_rubriques li { display: inline; }
.menu_rubriques li:last-child:after { content: '';}

.menu_articles { font-size: 0.9em;}
.menu_articles a { text-decoration: none;}
.menu_articles li:after {content: "\00a0\25AA";}
.menu_articles li { display: inline; }
.menu_articles li:last-child:after { content: '';}

.navigation {
    margin-bottom: 10px;
    text-align: left;
    font-family: courier,regular;
    font-size: 100%;
    text-decoration:none;
}

#contenu .navigation>a {
    color: #3e4648;
    display: inline-flex;
    text-decoration: none;
}

/*Liens de pagination: agenda, résultats de recherche...*/

nav.pagination {	background-color: rgba(0,0,0,0.1);}
.pagination .pagination-items {justify-content: center !important;}
.pagination .pagination-items.on{background-color: rgba(192,183,168,0.7);}
 .pagination-item.on {color: #232220;}
a.pagination-item-label {color: #88816d;}
.pagination .pagination-item.disabled .pagination-item-label {
	color: inherit;
	font-weight: normal;
	border-color: unset;
	visibility: inherit !important;
}
.pagination .pagination-item.disabled {visibility: visible !important;}
.pagination-item:not(:first-child)::before {content: "\00007C";}



/*menu et boutons*/
/* #conteneur_bas : contient le menu, en dessous du bandeau */
#conteneur_bas {position:sticky;	top: 0px; width: 100%; opacity: .99; text-align:center;}
.blog #conteneur_bas {
    position: absolute;
    top: 180px;
    width: 100%;
    opacity: .99;
    text-align: center;
    background-color: black;
}
 
 

 .menuder li {
    display: inline-block;
    position: relative;
    padding: 5px 10px;
}
 

.menuder ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .2s;
-webkit-transition: .8s all .2s;
transition: .8s all .2s;
} 
 
 
.menuder, .menuder ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}

.menuder ul { background-color: black;}

.menuder li{
display:inline-block;
position:relative;
padding:5px 10px;
}
.menuder ul li{
display:inherit;
border-top:1px #dfcfa1 solid;
}

.menuder li:hover ul{
max-height:20em;
}


.menuitem :hover{
 color:#dfcfa1;
} 
 
 .menuitem{
 text-align: center;
} 
 
.menuitem>a:before{
content:"";
margin:0 auto;
background-image: url("img/sprite_cbap-min3.svg");display: block; width: 48px; height: 48px;
}

.menuitem>a:hover:before{
filter: brightness(50%); -webkit-filter: brightness(150%); -moz-filter: brightness(150%); -o-filter: brightness(150%); -ms-filter: brightness(150%);}


.menuitem button {
    background-color: transparent;
    border: 0;
    color: #a39b84;
    font-size: inherit;

}

.menuitem button:hover {
    filter: brightness(50%); -webkit-filter: brightness(150%); -moz-filter: brightness(150%); -o-filter: brightness(150%); -ms-filter: brightness(150%);
cursor: pointer;

}
.menuitem button:before {
    content:"";
    background-image: url("img/sprite_cbap-min3.svg");
    font-size: 0;
    background-color: transparent;
    width: 48px;
    height: 48px;
    border: 0;
    margin: auto;
    display: block;
}


.switch.menuder {
    width: 100%;
    background-color: black;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#m21 {display:block; right:20px; bottom:20px; position:fixed;}

#m8 button:before{background-position: 0 -384px;}

#m0>a:before{ background-position: 0 0px;}
#m1>a:before{ background-position: 0 -48px;}
#m2>a:before{ background-position: 0 -96px;}
#m3>a:before{ background-position: 0 -144px;}
#m4>a:before{ background-position: 0 -240px;}
#m5>a:before{ background-position: 0 -192px;}
#m6>a:before{ background-position: 0 -288px;}
#m7>a:before{ background-position: 0 -336px;}
#m8>a:before{ background-position: 0 -384px;}
#m9>a:before{ background-position: 0 -432px;}
#m10>a:before{ background-position: 0 -480px;}
#m11>a:before{ background-position: 0 -528px;}
#m12>a:before{ background-position: 0 -576px;}
#m13>a:before{ background-position: 0 -624px;}
#m14>a:before{ background-position: 0 -672px;}
#m15>a:before{ background-position: 0 -720px;}
#m16>a:before{ background-position: 0 -768px;}
#m17>a:before{ background-position: 0 -816px;}
#m18>a:before{ background-position: 0 -864px;}
#m19>a:before{ background-position: 0 -912px;}
#m20>a:before{ background-position: 0 -960px;}
#m21>a:before{ background-position: 0 -1008px;}
#m22>a:before{ background-position: 0 -1056px;}
#m23>a:before{ background-position: 0 -1104px;}
.m28>a:before {background-position: 0 -1344px;}		/*ok*/
.m29>a:before {background-position: 0 -1392px;}		/*annuler*/

#m30>a:before{ background-position: 0 -1440px;}	/*connect*/


.simple{text-decoration:none;}
.cacher_fleche {opacity: 0;}
.barre_menu { min-height: 3em; }

#menuactif { display: none;}
#menu_bar {text-align: left;}
#menu_bar > input { display: none; position: absolute; top: 0; left: -100px;}
.brique_menu { vertical-align: middle;height:4.5em;}
.menuder ul {}
.menuder li, .menuder a { color: #a39b84;}
#blog .menuder li {display: inline;}
.menuder a:hover { color: #dfcfa1;}
.menuder ul { list-style: none;min-width: 180px;}

 .menuitem span { display: inline-block; margin-top: 48px;}
 .menu li a:first-letter { font-weight: bold;}
 .menu li { display: inline-block; height: 100%; margin: 0; padding: 0;}
 .menu { margin: 0; min-height: 4em;}
ul .menu { list-style: none; color: #B24611;}

.scrolled { scroll-margin-top: 200px;}

.clignoter { animation: clignote 4000ms 500ms infinite;}

#pied {
    background-color: black;
    color: #a39b84;
    display: table-row;
    min-height: 2em;
    text-align: center;
    clear: both;
}

#pied #legal{
margin:auto;
}

#pied a{
	color: #a39b84;
	display: inline-block;
}

#pied a:hover {
	color: #dfcfa1;
}

#pied a::before {
	content: " | ";
}


/*module de recherche*/

.rechercher {
    display: inline-block;
}

input#recherche {
    font: inherit;
    min-width: 450px;
    margin: auto 0;
}

input#recherche {
    font: inherit;
    min-width: 450px;

}

#lien_recherche {
    border: none;
    box-shadow: none;
    margin: auto;
    background-color: rgba(255,255,255,0.2);
}

#lien_recherche[name] {
    position: relative;
}


#lien_recherche .editer-groupe {
    display: flex;
    justify-content: center;
}


.recherche {text-align: left;}



/*première page sommaire */
.edito p:first-child:first-letter {
    font-weight: bold;
    font-size: 4em;
    float: left;
    margin-right: 0.2em;
    font-style: normal;
}


#splash {
position:absolute; bottom:0;width:100%;height:calc(100% - 6em);
cursor: pointer;
}


#nouvelles .item { margin-top: 1em;}


/*contenu du site*/

.fixed {
    position: fixed !important;
    top: 0 !important;
}

.reseaux {
    text-align: right;
    float: right;
	margin-top: 0;
}

.reseaux a { background-color: transparent !important;}
.reseaux div { display: inline-block;}

.item .reseaux {
	float:none;
}


.tw { background-image: url("img/twitter.png");}
.fb_aime_article { float: left;}
#fb_aime { position: absolute; top: 10px; left: 10px;}
.fb { background-image: url("img/facebook.png");}
.ln { background-image: url("img/linkedin.png");}

.down { transition: opacity 1s; opacity: 0;}

.up { background-image: url("img/up.png"); right:20px; bottom:20px; position:fixed; opacity:100;  }
#retour { transition: opacity 1s; }

#page {
    background-color: unset;
    top: 0;
    width: auto;
    margin: 0 15%;
    padding: 1em;
    font-size: 1.2em;
    background-size: cover;
}

  .blog #page {
	margin-top: calc(228px + 1em);
}
    
#page .chapeau { font-style: italic; margin-bottom: 1.5em;}

#page a:hover {background-color: rgba(192,183,168,0.5);}

#page ul.lire a {
    text-decoration: none;
}


/*Listes d'éléments dans les pages du blog*/

#contenu.blog ul.lire a::after {
    content: "\00a0";
}

#contenu.blog ul.lire {
    display: inline-block;
    margin-left: 2em;
}

#contenu.blog ul.liste_articles {
    font-size: 1.2em;
    list-style: none;
  column-count: 2;
  column-gap: 20px;
  list-style-position: inside;
 
}

#contenu.blog .lire li span {
    font-size: 0.7em;
}

h1 span, h2 span, h3 span, h4 span, h5 span, .lire span{
color:#6d6b68;
font-variant:italic;
margin:0; 
display:inline-block;
}

h1 span::before, h2 span::before, h3 span::before, h4 span::before, h5 span::before, .lire span::before {
   content: " / ";
}

h2 a {color:#000;}

#contenu {
text-align: justify;
clear: both;
}


h1 {
	text-transform: uppercase;
	margin: 1em 0 0.5em 0;
	text-align: left;
	border-bottom: 1px solid black;
}

#contenu .edit_article + h1 {
	margin-bottom: 1em;
}

#contenu summary h3 { display: inline;}

#contenu > div, #contenu article {
	border: 1px solid #c6c2b7;
	margin-bottom: 2em;
	background-color: #fffc;
	padding: 2em 1em;
	box-shadow: 3px 3px 12px #aaa;
}

#contenu > div.resume h2 {
	margin: 0.2em 0;
}

#contenu > div.resume {
	padding: 0.5em;
}

.blog #contenu > div {
	border: 0;
	box-shadow: none;
}

#contenu.contenu404 {
	padding-top: 0;
	text-align: initial;
}

#contenu.contenu404 a {
	text-decoration: none;
}

.blog #contenu .edit_article {
    float: right;
    margin-top: -78px;
}


 #contenu.blog h1 {
    border-bottom: 1px solid black;
    margin: 0.3em 0;
    padding: 0.3em 0;
    display: block;
    clear: both;
}


div.lire {
	font-style: italic;
	font-weight: bold;
	margin-top: 1em;
	clear: both;
}


.principal{
border-spacing: 0 1em;
}

#contenu .principal div {
    font-size: 1.2em;
    text-align: left;
}


.item {
	border: 1px solid #c6c2b7;
	display: grid;
	grid-template-columns: 0 1fr 2fr;
	margin-top: 2em;
	padding: 0.5em;
}

nav.ancre {
	margin-top: calc(-2em - 100px);
	margin-bottom: calc(2em + 100px);
}


.item > div{
padding-left: 0.5em;
padding-right: 0.5em;
}

section .item > div{
overflow:auto;
}

.item > div:first-of-type{
padding: 0 0.5em 0 0;
border-right: 1px solid #999;
text-align:right;
}

.item > div:first-of-type h2 {
	margin-top: 0;
}

.item > div:nth-child(4) {
    grid-column: 1 / 4;
}

.item img:first-child {
    margin: unset;
}


.item p { margin: 0 0 0.5em 0;}


.suite {
    float: right;
    font-style: italic;
    margin-top: 0.5em;
}



/*mediabox edition*/

.box_mediabox.lity-iframe .lity-iframe-container iframe {
    background: black;
}


#contenu_edit {
    background-color: #d2cdbc;
    padding:1em;
    margin:1em auto;
    width: 85%;
    text-align: left;
    box-shadow: 4px 4px 10px #888;
}

#contenu_edit details {
	margin-bottom: 0.5em;
	border-bottom: 1px solid #afafaf;
	padding-bottom: 0.5em;
}

#contenu_edit label.visible {
	display: initial;
	margin: auto;
}

#cboxOverlay {
    background-color: black;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
}

#contenu_edit em.aide {
    display: none;
}
#contenu_edit label {
    display: none;
}

#contenu_edit .none {display: none;}

.none, .none-js, .cadre-icone, .sourceup {
	display:none;
}

.blog .editer_titre input {
    font-size: 120%;
    font-weight: bold;
}

.blog summary {
	margin-left: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
	list-style: revert;
}
.blog summary span.crayon {
	display: inline-block;
}

#contenu_edit .formulaire_editer_evenement .editer_parent {
	display: none;
}

#contenu_edit .formulaire_editer_evenement .editer_inscription {
	display: none;
}

#contenu_edit .formulaire_editer_evenement .date {
padding: 0 0.5em;
}

#contenu_edit.text, #contenu_edit textarea, div#edition_partage_wysiwyg, #contenu_edit input#titre {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	background-color: #e2dfd5;
	border: 1px solid rgba(0,0,0,0.2);
	box-sizing: border-box;
}

#lien_partage textarea {
	resize: none;
	border: none;
	background: transparent;
	text-align: center;
	display: block;
	width: 100%;
}

.formulaire_spip div.controles_partage {
	margin-top: -25px;
	text-align: right;
}

.le_forum .markItUpTabs {
	display: none;
}

p.boutons {
    display: inline-block;
    margin: 0;
    padding: 0;
}

p.boutons input {
    background-image: url("img/sprite_cbap-min3.svg");
    background-color: transparent;
    font-size: 0;
    width: 48px;
    height: 48px;
    border: none;
}

.formulaire_newsletter p.boutons input {
	background-image: none;
	background-color: initial;
	width: initial;
	height: initial;
	font-size: initial;
	border: initial;
}


p.boutons input:hover, p.boutons span:hover {
	filter: brightness(50%);
	-webkit-filter: brightness(150%);
	-moz-filter: brightness(150%);
	-o-filter: brightness(150%);
	-ms-filter: brightness(150%);
	cursor: pointer;
}


p.boutons .m8 {background-position: 0 -384px;}	/*chercher*/
p.boutons .m12 {background-position: 0 -576px;}	/*chercher*/
p.boutons .m15 {background-position: 0 -720px;}	/*enregistrer*/
p.boutons .m16 {background-position: 0 -768px;}		/*lier*/
p.boutons .m17 {background-position: 0 -816px;}		/*écrire*/
p.boutons .m18 {background-position: 0 -864px;}		/*supprimer*/
p.boutons .m24 {background-position: 0 -1152px;}


#m8 button:before{ background-position: 0 -384px;}
#m4 button:before{ background-position: 0 -192px;}
#m6 button:before{ background-position: 0 -288px;}
#m7 button:before{ background-position: 0 -336px;}
#m10 button:before{ background-position: 0 -480px;}
#m11 button:before{ background-position: 0 -528px;}
#m12 button:before{ background-position: 0 -576px;}
#m13 button:before{ background-position: 0 -624px;}
#m17 button:before{ background-position: 0 -816px;}
#m30 button:before{ background-position: 0 -1440px;}

p.boutons #m12 {
    background-position: 0 -576px;
}


button.submit.m18 {
    background-position: 0 -864px;
    background-image: url("img/sprite_cbap-min3.svg");
    background-color: transparent;
	font-size:0;
}

button.submit.m18 {
    margin-top: -40px;
    left: 0;
}


.un_media button.submit.m18 {
    position: absolute;
}

.menuder button.submit.m18 {
    margin-top: 0;
}

button.submit.m18:hover {
    filter: brightness(50%); -webkit-filter: brightness(150%); -moz-filter: brightness(150%); -o-filter: brightness(150%); -ms-filter: brightness(150%);
}

p.boutons.edit_article {
    	float: right;
}

.boutons.editer_papier {
	right: 48px;
	position: relative;
}

p.boutons.enregistrer {
    position: absolute;
    right: 12px;
    top: -45px;
}

p.boutons.poubelle {    position: absolute;    right: 48px;    top: -45px;}

.boutons.poubelle.partage {	position: initial;}

#champ_partage {	margin-top: 0; }

#explication_a_la_une {	display: inline-block;}

#explication_a_la_une + div {	display: inline-block;}

/*Formulaires formidable*/

#contenu .formulaire_formidable {
    background-color: #e8dfd0;
    box-shadow: 4px 4px 10px #888;
    border-spacing: 15px;
    clear: both;
    margin: 0.5em;
    padding: 0.5em;
    text-align: left;
    font-size: 0.85em;
}

.grouper_inline div {
	display: inline-block;
}

.saisies_textarea textarea {   width: calc(100% - 1em);}

span.obligatoire {    font-size: 0px;}

span.obligatoire::before {
    content: "\00a0*\00a0";
    color: #e41313;
    font-size: initial;
}

.saisie_input {    padding: 0.15em 0;}

.saisie_fieldset fieldset, .saisie_radio, .saisie_checkbox, .saisie_case {
    margin: 1em 0;
}

fieldset legend {
	font-weight: bold;
}



.saisie_fieldset fieldset legend {
	font-weight: unset;
	font-style: italic;
}
.saisie_fieldset fieldset fieldset {
	border: 0;
}

.saisie_fieldset fieldset fieldset legend {
	font-style: initial;
	font-size: 0.8em
}
.saisie_input, .saisie_email, .saisie_selection, .saisie_textarea{
    display: grid;
    grid-template-columns: 25% 75%;
}

.saisie_textarea textarea {
	width: calc(100% - 1em);
}

.saisie_input input {    height: max-content;}

input.code_postal {    width: max-content;}

#contenu  .formulaire_formidable button.submit.submit_main {    font-size: 1em;}

.formulaire_formidable input, .formulaire_formidable select {    font-size: unset;}




/*lecteur audio & video */

video {
height: 100%;
width:100%;}

.blog figure {
	z-index: 0;
}


.oe-play-button button {
    display: flex;
    position: initial;
    margin: 25% auto;
    z-index: auto;
    border: 4px solid white;
}


.oe-play-button button:before {
   	display: none;
}


.oe-play-button button:after {
    display: block;
    position: unset;
    margin: auto;
    z-index: auto;
}

.mejs__overlay.mejs__layer.mejs__overlay-play {

}


.rwd-video-container.oe-play-button {
   position: initial;
   display: flex;
}




.oe-play-button_label {
    color: red;
    font-size: 2em;
}





.scc {
max-width: 75%;
padding: 0;
width:100%;
}

.scc.menuitem.m15 {
	text-align: left;
}

.scc audio { 
width: 100%; display: block; 
}
.scc div {
display: flex;
padding: 0.2rem 0 0 0;
gap: 0 0.5rem;
flex-wrap: wrap;
}


.scc input[type="range"] { flex: 5; }
.scc.menuitem > a::before {
	vertical-align: middle;
}


.m15 a::before {
    display: inline-block;
    height: 24px;
    width: 36px;
    background-position: -4px -734px;
    margin: 0 0.5rem 0 0;
}


.scc.m15 {
   margin-bottom: 0.5em;
}

#contenu.le_forum .scc div {
	padding : 0;
}

/*mediathèque & portfolio*/

.colorbox_centrer {
   display: grid !important;
    width: 100%;
    height: 100%;
    align-content: center;
}

#mediatheque {
    display: grid;
    text-align: left;   
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

#mediatheque nav.pagination {
    grid-column: 1 / -1;
}

#mediatheque .un_media div {
    display: block;
}

#mediatheque .header {
  grid-column: 1 / span 2; 
  grid-row: 1;
}

.commentaire, .legende {
	font-size: 0.8em;
	color: #8f8f8f;
}

.un_media {
	display: inline-block;
	width:150px;
	height:150px;
	padding:0.4em;
	margin:1em;
	min-width: 0;
	min-height: 0;
	box-shadow: 5px 5px 10px #393834;
	border-bottom: 1px solid #66635d;
	border-right: 1px solid #66635d;
}

#contenu_edit .un_media{position: relative;}

.un_media p {
    margin-top: 20px;
    width: 150px;
    overflow: hidden;
    text-align: center;
}

#mediatheque .un_media div.logo {
    display: flex;
    justify-content: center;
    align-content: center;
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin: auto;

}



.un_media .logo a.mediabox.lity-enabled.hasbox {
	display: block;
	margin: auto;	
}


.un_media .logo>div {
	display: block;
	margin: auto;	
}



.logo img {
    height: max-content;
}

.logo h5{
margin: 0 0 1em 0;
}

.infos {
	text-align: right;
	margin-right: -20px;
	height: 20px;
}

.infos img {
	margin-top: -20px !important;
}

.editorial {
    overflow-wrap: break-word;
}

.galerie h5 {
    margin: 0;
}

#galerie_distant>div {
    display: inline-block;
}

.editorial p {
    font-size: 0.7em;
    margin:0.1em;
}

#mediatheque .un_media form > div {
    text-align: right;
    height:10px;

}

/* Editer portfolio */


.blog .sonore > div {
    display: inline-block;
}

.blog figure {
    position: relative;
    margin-top: 0;
}

.blog .wrapper {
text-align: center;
	
}

h5 {margin-bottom: 0;}

#galerie_video>div {
    display: inline-block;
    width: 45%;
    overflow: hidden;
    min-width: 300px;
}
.bouton_action_post {
    text-align: right;
}


/*Plan du site*/
.plan a {text-decoration:none; }

.plan .rub {margin-left: 2em; font-weight: bold; font-size: 0.9em;}

.plan .rub .rub {
	font-weight: normal;
	
}

.plan .rub .rub .rub {
	font-style: italic;
}


summary {
list-style: none;
}

summary::marker {
	display: none;
}

details summary::-webkit-details-marker {
  display:none;
}

.plan summary a{
line-height: 1.5em;
}

.plan summary::before {
	content: "▶";
	color: #A89C62;
	font-size: 1.2em;
	cursor: pointer;
	margin-right: 0.5em;
	margin-left: -1.2em;
}


.plan details[open] > summary::before {
   content: "▼"; 
}


/*
*Styles de l'agenda
*/

.agenda_actif {}

.agenda_fini { opacity:0.6; font-style: italic;}

.agenda_cbap::before {content: '\0025A0\0000A0 '; color: #57a3d3;}

.agenda_profs::before {content: '\0025A0\0000A0 '; color: #93b817;}

.agenda_partenaires::before {content: '\0025A0\0000A0 ' ; color: #e68d0e;}

.agenda_cbap, .agenda_partenaires, .agenda_profs { margin: 0;}

p.agenda_cbap { margin-top: 50px;}


.disabled { 	opacity: 0.4; }

.boutons.agenda {
	float: right;
	display: inline-flex;
}


.formulaire_editer_evenement input.heure {
	width: 4.5em;
	min-width: 0;
}

.formulaire_editer_evenement input.date {
	width: 10em;
	min-width: 0;
}


.lien_agenda {cursor:pointer;}



/*selecteur de rubrique*/


#choix_parent{margin-top:.5em}
#choix_parent_principal{position:relative;clear:both;height:25vh;min-height:15em;overflow:auto;background:var(--spip-color-theme-white);border:1px solid var(--spip-form-border-color);border-top-left-radius:var(--spip-form-border-radius);border-top-right-radius:var(--spip-form-border-radius)}
#choix_parent_selection{margin-top:-1px}
.informer{display:flex;justify-content:space-between;align-items:center;padding:.5em!important;border-bottom-left-radius:var(--spip-form-border-radius);border-bottom-right-radius:var(--spip-form-border-radius);background-color:var(--spip-color-theme-light)}
.informer__titre,.informer__descriptif,.informer__media{margin-bottom:.5em}
.informer__media{margin-right:0!important;margin-top:0!important;margin-left:1em}
.informer__action{margin-left:1em}
.informer .btn{margin:0}
#choix_parent .item{color:var(--spip-color-gray-dark);background-color:var(--spip-color-white);display:block}
#choix_parent .item.on{color:var(--spip-color-black);background-color:var(--spip-color-theme-lighter)}
#choix_parent .item.on{color:var(--spip-color-black)}
#choix_parent .item:hover{color:var(--spip-color-black);cursor:pointer}
#choix_parent .petit-item > div{display:flex}
#choix_parent .petit-item a{padding-top:.2em;padding-bottom:.2em;padding-right:.2em;flex:1 1 auto;color:inherit}
#choix_parent .petit-item:hover,#choix_parent .petit-item:focus{background-color:var(--spip-color-theme-lightest)}
ul.item_picked li.article{padding-left:24px;background-image:url("http://beta.centrebreton.org/prive/themes/spip/images/article-xx.svg?12px");background-size:12px}
.item_picker .articles .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/prive/themes/spip/images/article-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.article{background:url("http://beta.centrebreton.org/prive/themes/spip/images/article-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.auteur{padding-left:24px;background-image:url("http://beta.centrebreton.org/prive/themes/spip/images/auteur-xx.svg?12px");background-size:12px}
.item_picker .auteurs .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/prive/themes/spip/images/auteur-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.auteur{background:url("http://beta.centrebreton.org/prive/themes/spip/images/auteur-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.rubrique{padding-left:24px;background-image:url("http://beta.centrebreton.org/prive/themes/spip/images/rubrique-xx.svg?12px");background-size:12px}
.item_picker .rubriques .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/prive/themes/spip/images/rubrique-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.rubrique{background:url("http://beta.centrebreton.org/prive/themes/spip/images/rubrique-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.forum{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?12px");background-size:12px}
.item_picker .forums .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.forum{background:url("http://beta.centrebreton.org/plugins-dist/forum/prive/themes/spip/images/forum-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.mot{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins-dist/mots/prive/themes/spip/images/mot-xx.svg?12px");background-size:12px}
.item_picker .mots .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins-dist/mots/prive/themes/spip/images/mot-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.mot{background:url("http://beta.centrebreton.org/plugins-dist/mots/prive/themes/spip/images/mot-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.groupe_mots{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins-dist/mots/prive/themes/spip/images/groupe_mots-xx.svg?12px");background-size:12px}
.item_picker .groupes_mots .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins-dist/mots/prive/themes/spip/images/groupe_mots-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.groupe_mots{background:url("http://beta.centrebreton.org/plugins-dist/mots/prive/themes/spip/images/groupe_mots-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.site{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px");background-size:12px}
.item_picker .syndic .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.site{background:url("http://beta.centrebreton.org/plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.syndic_article{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px");background-size:12px}
.item_picker .syndic_articles .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.syndic_article{background:url("http://beta.centrebreton.org/plugins-dist/sites/prive/themes/spip/images/site-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.evenement{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins/auto/agenda/v4.3.7/prive/themes/spip/images/evenement-xx.svg?12px");background-size:12px}
.item_picker .evenements .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins/auto/agenda/v4.3.7/prive/themes/spip/images/evenement-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.evenement{background:url("http://beta.centrebreton.org/plugins/auto/agenda/v4.3.7/prive/themes/spip/images/evenement-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.formulaire{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins/auto/formidable/v5.1.0/prive/themes/spip/images/formulaire-xx.svg?12px");background-size:12px}
.item_picker .formulaires .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins/auto/formidable/v5.1.0/prive/themes/spip/images/formulaire-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.formulaire{background:url("http://beta.centrebreton.org/plugins/auto/formidable/v5.1.0/prive/themes/spip/images/formulaire-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.formulaires_reponse{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins/auto/formidable/v5.1.0/prive/themes/spip/images/formulaires_reponse-xx.svg?12px");background-size:12px}
.item_picker .formulaires_reponses .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins/auto/formidable/v5.1.0/prive/themes/spip/images/formulaires_reponse-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.formulaires_reponse{background:url("http://beta.centrebreton.org/plugins/auto/formidable/v5.1.0/prive/themes/spip/images/formulaires_reponse-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.document{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins-dist/medias/prive/themes/spip/images/document-xx.svg?12px");background-size:12px}
.item_picker .documents .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins-dist/medias/prive/themes/spip/images/document-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.document{background:url("http://beta.centrebreton.org/plugins-dist/medias/prive/themes/spip/images/document-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.depot{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins-dist/svp/prive/themes/spip/images/depot-xx.svg?12px");background-size:12px}
.item_picker .depots .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins-dist/svp/prive/themes/spip/images/depot-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.depot{background:url("http://beta.centrebreton.org/plugins-dist/svp/prive/themes/spip/images/depot-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.plugin{padding-left:24px;background-image:url("http://beta.centrebreton.org/prive/themes/spip/images/plugin-xx.svg?12px");background-size:12px}
.item_picker .plugins .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/prive/themes/spip/images/plugin-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.plugin{background:url("http://beta.centrebreton.org/prive/themes/spip/images/plugin-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.paquet{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins-dist/svp/prive/themes/spip/images/paquet-xx.svg?12px");background-size:12px}
.item_picker .paquets .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins-dist/svp/prive/themes/spip/images/paquet-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.paquet{background:url("http://beta.centrebreton.org/plugins-dist/svp/prive/themes/spip/images/paquet-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked li.papier{padding-left:24px;background-image:url("http://beta.centrebreton.org/plugins/papiers/prive/themes/spip/images/papier-xx.svg?12px");background-size:12px}
.item_picker .papiers .type_objet{padding-left:24px;background:url("http://beta.centrebreton.org/plugins/papiers/prive/themes/spip/images/papier-xx.svg?12px") no-repeat left center;background-size:12px}
.item_picker .frame ul li.papier{background:url("http://beta.centrebreton.org/plugins/papiers/prive/themes/spip/images/papier-xx.svg?12px") no-repeat left 2px;background-size:12px}
ul.item_picked,fieldset ul.item_picked{list-style:none;margin:0;padding:0;float:left}
ul.item_picked li{margin:0 2px 2px;padding:2px;background:#eee;border:1px solid #c8c8c8;float:left;clear:none;background-repeat:no-repeat;background-position:left center}
ul.item_picked li span.sep{display:none}
ul.item_picked li label{margin:0;display:inline;float:none}
.js ul.item_picked li .checkbox{display:none}
ul.item_picked.select li{padding:2px 0;border:0;font-weight:700;background:none;float:none}
ul.item_picked.select ul > li{float:left}
.picker_bouton{float:right;clear:both}
.item_picker{clear:left;font-size:.95em}
.item_picker .navigateur{border:1px solid #c8c8c8;padding:.2em;width:20em}
.item_picker .chemin{background:#c8c8c8;margin:0 0 .25em;padding:.3em;clear:both}
.item_picker .chemin .on{margin:0}
.item_picker a.choisir_ici{display:block;text-align:center;margin:.2em 0}
.item_picker a.choisir_ici span{padding-left:18px;background:transparent url("http://beta.centrebreton.org/prive/themes/spip/images/ajouter-xx.svg?16px") no-repeat left center;background-size:16px}
.item_picker .liste{margin:0;max-height:300px;overflow:auto}
.item_picker .liste .type_objet{margin:0}
.selecteur_type_unique .item_picker .liste .type_objet{display:none}
.item_picker .liste ul{list-style:none;margin:0;padding:0}
.item_picker .liste li{display:block;clear:both;line-height:1.1em;list-style:none;margin:0;padding:0;position:relative}
.item_picker .liste li:hover{background-color:#e4e4e4}
.item_picker .liste a.ouvrir{color:#000;text-decoration:none;display:block;line-height:16px;margin-right:20px;padding:.3em 0;padding-left:2px;padding-right:20px;background:transparent url("http://beta.centrebreton.org/prive/images/deplier-right.svg") no-repeat right .3em}
.item_picker .liste a.choisir{display:block;width:16px;height:16px;position:absolute;right:0;top:0;padding:.3em 2px;text-indent:-10000px;background:url("http://beta.centrebreton.org/prive/themes/spip/images/ajouter-xx.svg?16px") no-repeat center center}
.item_picker .liste a:hover,.item_picker .liste a:focus{background-color:#c8c8c8}
.item_picker .frame{background:#fff;border:1px solid #909090;width:159px;height:400px;float:left;overflow:auto;position:relative}
.cadre .cadre_padding .item_picker .frame{width:153px}
.fiche_objet .cadre .cadre_padding .item_picker .frame{width:148px}
.item_picker .frame.total_3{margin-left:-58px;border-left:3px solid #909090}
.item_picker .frame.frame_0{margin-left:0;z-index:1000}
.item_picker .frame.frame_1{z-index:1010}
.item_picker .frame.frame_2{z-index:1020}
.item_picker .frame.frame_3{z-index:1030}
.item_picker .frame.frame_4{z-index:1040}
.item_picker .frame .frame_close{float:right}
.item_picker .frame h2{margin:0;padding:5px;background:#e4e4e4;font-size:1.3em}
.item_picker .frame .pagination{font-size:.9em}
.item_picker .frame ul{list-style:none;margin:0;padding:0}
.item_picker .frame ul li{display:block;clear:both;list-style:none;margin:0;padding:0 2px;padding-left:15px;padding-right:16px;position:relative}
.item_picker .frame ul li:hover,.item_picker .frame ul li.on{background-color:#e4e4e4}
.item_picker .frame a:hover,.item_picker .frame a:hover .ouvrir,.item_picker .frame a:hover .add{background-color:#c8c8c8}
.item_picker .frame ul li .ouvrir{position:absolute;display:block;top:0;right:0}
.item_picker .frame ul >li .add{float:left;clear:left}
.item_picker .frame ul li a{display:block}
.item_picker .frame a{text-decoration:none}
.browser .choix_rapide{font-size:.9em}
.browser #picker_id{padding:0;margin:0 5px;border:1px solid}
.formulaire_spip li.selecteur_item{padding-left:10px;background:#fff}
.formulaire_spip li.selecteur_item label{margin-left:0;display:block;float:left;padding:2px 0}

.blog table.spip.liste {
	width: 100%;
}

.blog .formulaire_editer_liens-papiers button, .blog .spip.liste button {
	width: auto;
	height: auto;
}

#fantome.element {
	margin-top: 0;
	margin-bottom: 0;
}
#fantome[name].element {
	margin-bottom: inherit;
}
#deplacer_parent .item {
	display: block;
	margin: 0;
	padding: 0;
}

/*formulaire joindre document*/

.joindre_mode__new {
display:none;
}

.joindre_mode__new[name] {
display:block;
}

.joindre_mode__new input {
    font: unset;
    border: 1px solid #858175;
    border-radius: 4px;
    background-color: #524e43;
    cursor: pointer;
    color: #e2dfd5;
    display: inline-block;
}

.joindre_mode__new input {
    font: unset;
    border: 1px solid #858175;
    border-radius: 4px;
    background-color: #524e43;
    cursor:pointer;
}

.joindre_mode__new input:hover {
    filter: brightness(50%);
    -webkit-filter: brightness(150%);
    -moz-filter: brightness(150%);
    -o-filter: brightness(150%);
    -ms-filter: brightness(150%);
}

.joindre_mode__new p.boutons input {
    background-image: none;
    font-size: initial;
    width: unset;
    height: unset;
    cursor: unset;
    font: unset;
    border: 1px solid #858175;
    border-radius: 4px;
    background-color: #524e43;
}
.joindre_mode__new label {
    display: inline-block;
}

.sourceup {
    width: 20%;
}

.sourceup a {
    font-style: italic;
    display: inline-block;
}


input#refdoc_joindre__new {
    width: 50%;
    min-width: 50%;
}

div#contenu_edit .menuitem {
    margin: 0;
    padding: 0;
    font-size:0;
}

.blog .menuitem button {
	font-size:0;
}


p.boutons input {
       cursor: pointer;
}

p.boutons.poubelle {
    top: -25px;
}

p.boutons.enregistrer {
    top: -25px;
}

#contenu_edit .editer_parent {
    display: block;
}


#cboxContent {
    background: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#cboxClose {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 48px;
    height: 48px;
    background:  url("img/sprite_cbap-min3.svg") -0px -672px no-repeat;
    text-indent: -9999px;
    border: 0;
}

#cboxClose:hover {
    filter: brightness(50%); -webkit-filter: brightness(150%); -moz-filter: brightness(150%); -o-filter: brightness(150%); -ms-filter: brightness(150%);
cursor: pointer;
}
	 
/*éléments pour affichage des papiers	 */

.administration {
	margin-top: 80px;
	margin-right:20px;
	padding:1%;
	position: absolute;
	visibility:hidden;
	opacity:0;
   transition:visibility 0.2s linear,opacity 0.2s linear;
   background-color: #FFF;
   font:initial;
   color:initial;
   border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 1px 1px 26px black;   
	min-width: 250px;
	right: 0; 
}
	 
.administration[name] {
	visibility: visible;
	opacity: 1;
}



.blog .element > div {
    position: relative;
    margin: 0.5em;
}

.blog .element {
    width: 20%; 
    min-width: 220px;
    display: inline-block;
    max-width: 400px;
    vertical-align: top;
    margin: 20px 10px;
    position: relative;
    padding: 0.1em;
    text-align: left;
	 overflow-wrap: break-word;
	 position: relative;
    
}



.blog .element .menuder {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -50px;
}

.spip_doc_titre {
    margin: auto !important;
}

.spip_doc_legende {
	text-align: center;
}

.spip_documents_left {
    margin: 0 0.5em 0.5em 0;
}

.spip_documents_right {
    margin: 0 0 0.5em 0.5em;
}

/*
Edition articles
*/
.papiers {    font-size: 0.8em;}


.liste-objets.liste-objets-lies.papiers {	z-index: 0;}

button.submit.m18 {	font-size:0;}

#formulaire_evenement{}

#formulaire_evenement[name]{}

#formulaire_evenement .editer_date_debut_fin input {	display: initial;	min-width: 0;}

#contenu_edit #formulaire_evenement .editer_parent {	display: none;}

#contenu_edit #formulaire_evenement .editer_horaire {	display: none;	}

#contenu_edit #formulaire_evenement .editer_inscription {	display: none;	}

#contenu_edit .onglets-statut-agenda {
	display: none;	
}

#contenu_edit label.visible {
	display: initial;
	margin: auto;
}




#annulation .submit.m18, #annulation .submit.m14 {
	width: auto;
	font-size: 1em;
	padding-left: 48px;
	background-repeat: no-repeat;
}

#annulation .submit.m14 {
	background-position: 0 -672px;
}


#annulation .verifformok {display: inline-block;
}


/*forums publics*/

#contenu.le_forum .formulaire_formidable, #contenu.le_forum .formulaire_forum {
	background-color: inherit;
	box-shadow: 0 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


.editer-groupe > div:first-of-type {
	display: initial;
}

.editer-groupe > div {
	grid-template-columns: 25% 75%;
}


.editer-groupe textarea {
	max-width: 100%;
	min-width: 100%;
	box-sizing: border-box;
}
.le_forum #ecrire_annonce{

	margin-bottom: 1em;
}

.le_forum .navigation {position:relative;}

.le_forum details > summary:first-of-type {
    list-style: none;
    width: fit-content;
    margin:auto;
    text-align:center;
    cursor: pointer;
}

#contenu.le_forum details[open] {
	box-shadow: 2px 2px 5px #aaa;
	background: #f1f1e8;
	padding: 0.5em;
	margin: 1em auto;
}

.le_forum div.saisie_texte label {
    display: inline-block;
}

.le_forum div.cvtup-action label {
	display: inline-block;
}

.cvtup-fichier-precedent {
	margin-bottom: 1em;
	margin-left: 4.5em !important;
	padding: .5em 0;
	border: 0;

	
}

.le_forum details:not([open]) summary .ouvrir {
	display: initial;
}
.le_forum details:not([open]) summary .fermer {
	display: none;
}
.le_forum details[open] summary .ouvrir {
	display: none;
}
.le_forum details[open] summary .fermer {
	display: initial;
}

.le_forum details[open] {
	box-shadow: 4px 4px 10px #888;
	background: #f1f1e8;
	padding: 0.5em;
	margin-top: 1em;
}

.le_forum p.boutons {
	width:100%;
}

.le_forum details p.boutons .image_loading {
	display: none !important;
}

.le_forum .btn.submit, .le_forum p.boutons>* {
	display: block;
	background: initial;
	box-shadow: 2px 2px 5px #555d;
	border-radius: 0.3em;
	font-size: 1em;
	color: white;
	text-shadow: -1px -1px 3px #000a;
	list-style: none;
	width: fit-content;
	margin: 0.5em auto;
	text-align: center;
	background-color: #766f4b;
	cursor: pointer;
	border:0;
}

 .le_forum .menuitem span { margin-top: 0;}

 .le_forum #m5 p::before {
	background-position: 0 -192px;
}

.pleine_largeur {
	display: initial !important;
}

.le_forum .btn.submit {
	font-size:1.18em;

}

.le_forum p.boutons>* {
	height: initial;
	padding: 0.5em 2em;
}


.le_forum fieldset {
    border: none;
}

.le_forum input#titre, .le_forum textarea, .le_forum input {
	width: 100%;
	box-sizing: border-box;
	margin-left:0;
}

.le_forum input[type="checkbox"] {
    width: auto;
}

.dropfile.dropfile_fichier {
	text-align: center;
}

.dropfileor {
	margin: 5px 0;
}
#notabuse {
	width: auto;
}

.le_forum .erreur_message {
    font-style: italic;
    color: #ba0f0f;
    font-size: 0.8em;
    display: inline-block;
}

.le_forum .crayon-icones {
	float: none;
}

.crayon-icones .crayon-crayon {
	background: #fff9 url("img/icone-crayon.svg") no-repeat center!important;
}

.le_forum .crayon::before {
	content: " ";
	float: right;
	margin-left: -50px;
	background-image: url("squelettes/css/img/sprite_cbap-min3.svg");
	width: 48px;
	height: 48px;
	background-position: 0 -816px;
	margin-top: -15px;
}

.le_forum .crayon-init .crayon-icones {
	margin-left: -40px;
	margin-top: -5px;
	float: left !important;
	width: 3rem !important;
	max-width: 3rem !important;
}


.le_forum fieldset.qui.saisie_qui, .le_forum .editer-groupe p.explication, .le_forum legend {
    display: none;
}


.le_forum label {
	text-align: left;
	display: block;
	font-size: 0.8em;
}


.le_forum p.boutons>* {
    height: initial;
    padding: 0.1em 1em;
}

.le_forum .btn.submit, .le_forum p.boutons>* {
    display: block;
    background: initial;
    box-shadow: 2px 2px 5px #555d;
    border-radius: 0.3em;
    font-size: 0.8em;
    color: white;
    text-shadow: -1px -1px 3px #000a;
    list-style: none;
    width: fit-content;
    margin: 0.5em auto;
    background-color: #766f4b;
    cursor: pointer;
    border: 0;
}

.le_forum .btn.submit {
    font-size: initial;
}

.le_forum .date span {
    display: inline-block;
}

.le_forum .admin_annonce {display: flex;justify-content:space-between;}

.leforum .annonce {
	background-color: #f0efe9;
	padding: 1em;
}


.auteur {
	font-size: 1.2em;
	font-family: angelina,sans-serif;
	color: #524e43;
	font-weight: bold;
	min-width: 120px;
	text-align: center;
}

#contenu.le_forum .item, section.le_forum .item  {
	margin-bottom: 1em;
	grid-template-columns: 0 1fr 4fr;
	padding: 0.5em;
	background-color: #FFFC;

}

#contenu .item.annonce {
	grid-template-columns: 1fr 3fr;
}


.le_forum .item h2 {
	font-size: 1em;
}


.le_forum .infos {
	font-size: 0.8em;
	font-style: italic;

}

.avatar svg text {
font-family: sans-serif;
font-style:normal;
font-weight:initial;
line-height:1.25;
text-transform:uppercase;
text-anchor:middle;
fill:white;
dominant-baseline:central;
}

.le_forum .auteur .spip_logo {  
    padding:0;
    margin:auto;
    display:block;
}


.le_forum .markItUp {
	position: initial;
}
.le_forum .markItUp .markItUpHeader ul li {
	position: initial;
}

.le_forum section {
	margin: 1em 0;
	background: #fffc;
	grid-template-columns: 1fr 3fr 1fr;
}


section.item {
	overflow: hidden;
	padding: 0.5em; 
	font-size: 0.9em;
}

.le_forum .comment-content.description {
    padding-right: 0.5em;
}

.le_forum .compteur, .le_forum .date, .le_forum .navigation {
	text-align: right;
	font-size: 0.8em;
	color: #867e55;
	font-style: italic;
}


.le_forum a {
	text-decoration: none;
}

.le_forum h3 {
	margin: 0;
}

.le_forum .details, .le_forum .editer_session {
display: none;
}

 			.onglets 
  			{
						margin: 0 -0.5em;
			}

        .onglet 
        {
				    display: inline-block;
				    margin-right: 3px;
				    padding: 3px;
				    border: 1px solid #a49c77;
				    cursor: pointer;
				    border-radius: 10px 10px 0 0;
				    border-bottom: none;
				    font-size: 0.8em;
				    color: #555;
			}
        .onglet_0
        {
                background:#c4c1af;
        }

        .onglet_1
        {
                background:#f1f1e8;
                padding-bottom:4px;
                font-weight: bold;
        }
        .contenu_onglet
        {
                background-color:#f1f1e8;
                border:1px solid #a49c77;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        .contenu_onglets {
    margin: -0.5em;
    margin-top: 0;
}
		
		.contenu_onglet #spip_logo_auteur {
	display: none;
}

#formulaire_forum .auteur.avatar {
    display: grid;
    grid-template-columns: 1fr 3fr;
    align-items: center;
}

#formulaire_forum p.boutons {
    display: flex;
}
.reponse{
font-size: 0.8em;
}

blockquote {
	background: #e8e7e3;
	font-size: 0.9em;
	border: 1px solid #d6d6d4;
	font-style: italic;
}


.reponse .avatar.comment {
	padding: 0.5em 0;
	border-right: none;
	display: flex;
	border-bottom: 1px solid #b1afa8;
	align-items: flex-end;
	justify-content: space-between;
	background: #f5f4f2;
}

.reponse .spip_logo {
	order: 2;
}

.reponse .date {
	order: 3;
}


.reponse .avatar.comment.auteur::before {
	content: "";
	margin: 0 0.5em 0 0;
	background-image: url("img/reponse_forum.svg");
	display: block;
	width: 24px;
	height: 24px;
	max-width: 24px;
	order: 0;
}

.reponse .avatar.comment.auteur span {
	order: 1;
}


span.puce1 {display: inline-block;}
.puce1::before {
content:"";
margin:0 auto;
background-image: url("img/puce1.svg");display: inline-block; width: 20px; height: 20px;
}
span.puce2 {display: inline-block;}
.puce2::before {
content:"";
margin:0 auto;
background-image: url("img/puce2.svg");display: inline-block; width: 20px; height: 20px;
}
span.puce3 {display: inline-block;}
.puce3::before {
content:"";
margin:0 auto;
background-image: url("img/puce3.svg");display: inline-block; width: 20px; height: 20px;
}
span.puce0 {display: inline-block;}
.puce4::before {
content:"";
margin:0 auto;
background-image: url("img/puce4.svg");display: inline-block; width: 20px; height: 20px;
}

/* Navigation responsive */
#menu_bar > input { display: none;}

/* CSS responsive */
@media screen and (min-width:1427px) { 
	#page {margin:0 15%;}
	.accueil{ background-image: url("img/fond_0_web.jpg");}
	.splash div.conteneur_bas { position:absolute; bottom: 0;}
}

@media screen and (min-width:948px) and (max-width:1426px) { 
	#page {margin:0 10%;}
	.accueil{ background-image: url("img/fond_1_web.jpg");}
	.splash div.conteneur_bas { position:absolute; bottom:0;}
	.annonce {grid-row: span 2;}
	#contenu.le_forum .compteur {text-align: center;}

}

@media screen and (max-width:947px) {
	#page {margin:0 5%; }
	.accueil{ background-image: url("img/fond_2_web.jpg");}
	.titre_site { text-align: center;}
	div.conteneur_haut  { padding-top:10px; }
	div.conteneur_haut>div div{ display: block; text-align: center;}
	.logo_cbap {width: auto;}
	.conteneur_haut span { margin: 0 auto;}
	.navigation {display: none;}
	#contenu.blog ul.liste_articles {column-count: 1;}
	body{background-color: #EEE;}
	.item {	grid-template-columns: 1fr;}
	#contenu > div, #contenu article {
		border: unset;
		margin-bottom: 0;
		background-color: unset;
		box-shadow: unset;
	}
	
	#contenu .item > div:first-of-type {
		padding: 0.5em 0;
		border: 0;
		display: flex;
		border-top: 1px solid #b1afa8;
		align-items: flex-start;
		justify-content: space-between;
		column-gap: 0.5em;
		text-align: left;		
	}

	#contenu .item > div:first-of-type h2 {margin: 0;}
	.item > div:nth-child(4) {grid-column: 1;}
	#contenu.le_forum .item, section.le_forum .item {grid-template-columns: 1fr;}
	#contenu.le_forum .item > div:first-of-type{text-align:initial;border-right:none;}
	section.le_forum .item > div:first-of-type{text-align:center;}
	#contenu.le_forum h4 {margin: 0.5em 0;}
	#contenu.le_forum.date {display: inline-flex;}
	#contenu.le_forum.compteur {display: flex;justify-content: space-between;align-items: flex-end;}
	#contenu.le_forum.item {grid-template-columns:1fr;}
	.le_forum .item .auteur .spip_logo {order: 2;}
	.le_forum .item .auteur a {order: 1;}
	.le_forum .item .auteur .date {order: 3;}
	.avatar.comment {display: flex;border-bottom: 1px solid black;align-items: flex-end;padding-bottom:0.2rem;}
	section.item .avatar.comment a {text-align: center;}
	
	 /* Menu responsive */
	 .menu { padding: 0.2em;}
	 .switch { padding-top: 60px; position: absolute; top: 0; left: 0; width: 100%; border: none; -webkit-transition: -webkit-transform .3s cubic-bezier(.72,.89,.28,1.39); transition: transform .3s cubic-bezier(.72,.89,.28,1.39); -webkit-transform: translateX(0%) translateY(-250%) translateZ(0); -ms-transform: translateX(0%) translateY(-250%) translateZ(0); transform: translateX(0%) translateY(-250%) translateZ(0); will-change: transform;}
	 /* Theming opened nav - handling clic with CSS3 checked */
	#menu_bar > input:checked ~ ul {position:relative; -webkit-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0);}
	 /* Global styling nav button */
	#menu_bar > label {
		background-image: url("img/sprite_cbap-min3.svg") ;
		background-position: 0 -912px;
		z-index: 1; 
		position: absolute; 
		top: 0.5rem; 
		left: 0.5rem; 
		width: 48px; 
		height: 48px; 
		padding: 0; 
		border: 0 solid #333; 
		outline: 0; 
		background-color: transparent; 
		-webkit-transition: -webkit-transform .2s; 
		transition: transform .2s; 
		cursor: pointer;}
	#menu_bar > label:hover { filter: brightness(50%); -webkit-filter: brightness(150%); -moz-filter: brightness(150%); -o-filter: brightness(150%); -ms-filter: brightness(150%);}
	 /* Theming opened nav button */
	#menu_bar > input:checked + label { background-position: 0 -960px; -webkit-transform: rotate(90deg) translateZ(0); -ms-transform: rotate(90deg) translateZ(0); transform: rotate(90deg) translateZ(0);}
	 /* Hide alternate text except from screen readers */
	.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px);}
}

@media screen and (max-width:640px) { 
	#page {margin:0;}
	.titre_site {font-size:3em;}
	.item.avatar, .le_forum section {grid-template-columns: 1fr;}
	.le_forum .item > div:first-of-type {padding: 0;border: 0;}
	#contenu .item > div:first-of-type {display: initial; overflow: hidden;}
	.item > div:first-of-type h2 {margin: 0;}
	.le_forum .item h4 {margin: 0;}
	#contenu {padding: 0;}
}