.cache	
	{
	display: none;
	}
:root
	{
	--couleur-fond:#FFFFFF;
	--couleur-texte:#000000;
	--couleur-table:#EEEEEE;
	--couleur-lien:#336699;
	--couleur-spe:#336699;
	--couleur-plus:GhostWhite;
	--hauteur-ligne: 20px;
	--police-tout:Arial, sans serif;
	--couleur-fondtrans:rgba(255,255,255,0.9);
	--couleur-gloss:brown;
	
	}
@font-face
	{
	font-family:'opendys';
	src:url('fonts/opendyslexic-regular-webfont.woff2') format('woff2'),url('fonts/opendyslexic-regular-webfont.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	}
html
	{
	margin:0;
	padding:0;
	position:relative;
	width: 100vw;
	min-height: 100vh;
	}
body
	{
	margin:0;
	padding:0;
	top:0;
	font-size: 14px;
	font-family:var(--police-tout);
	color:var(--couleur-texte);
	width: 100vw;
	overflow:hidden;
	}
body img.spip_logo
	{
	float: none;
	margin:0;
	}
.fond
	{
	background-color: var(--couleur-fond);
	}
#spip-admin
	{
	z-index: 4000;
	}
#spip-admin a:hover, #spip-admin a:link, #spip-admin a:visited	
	{
	background-color: crimson;
	}
a:hover, a:link, a:visited
	{
	background-color: transparent;
	color: var(--couleur-lien);
	}
.main
	{
	cursor:pointer;
	}
#container
	{
	padding:0;
	margin:0;
	display:block;
	/*margin-top:153px;
	min-height: 80%;
	height: 50%;
	*/
	top: 153px;
	bottom:30px;
	left:0; right:0;
	min-width: 930px;
	position: absolute;	
	overflow:auto;
	}
article
	{
	display:flex;
	position: relative;
	left:0;
	right:0;
	padding-left: 4vw;
	padding-right: 4vw;
	line-height: var(--hauteur-ligne);
	}
footer
	{
	position:absolute;
	bottom:0;
	display:block;
	background-color: var(--couleur-plus);
	padding-top: 5px; 
	padding-bottom: 5px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	border-top : thin silver solid;
	border-bottom : thin silver solid;
	min-width: 930px;
	margin:0;
	z-index:2990;
	}
footer .item
	{
	text-align : center;
	border-right : thin silver solid;
	width: 20%;
	}
	
/*****Fenetre accessibilités***/
#paramAc{
	top: 0;
	right:0;
	left: 0;
	bottom:0;
	display:none;
	position:fixed;
	background-color: rgba(0,0,0,60%);	
	z-index: 3000;
  }
#fermer{
	top: 0;
	right:0;
	left: 0;
	bottom:0;
	position:absolute;
  }
#formAc{
	top: 160px;
	margin:auto;
	border: thin solid var(--couleur-texte);
	position:absolute;
	width:50vw;
	min-width: 400px;
	max-width: 600px;
	border-radius:8px;
	padding: 10px;
	position:relative;
	width:50vw;
  }
#formAc #ferme{
	fill: var(--couleur-texte);
	position:absolute;
	top:10px;right:10px;
	padding: 5px;
}
#formAc #ferme svg{
	width: 30px;
	height: 30px;
  }
#formAc #ferme:hover svg{
	transform:rotate(45deg);
}

#formAc fieldset{
  margin-bottom:15px;
  }
#formAc legend{
	font-weight:bold;
	}
input[type="radio"] {
  display: none
  }
input[type="radio"] + label {
	display:block;
  position: relative;
  padding-left: 1.3rem;
	padding-top:15px;
	}
input[type="radio"] + label::before,
input[type="radio"] + label::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  content:'';
  width: 1rem;
  height: 1rem; 
  border-radius: 1rem;
	}
input[type="radio"] + label::before {
  border: 1px solid var(--couleur-texte);
  background-color: var(--couleur-fond);
  }
input[type="radio"]:checked + label::after {
  background-color: var(--couleur-texte);
  }
#reinitialiser{
  display:block;
  text-align:center;
  }

/***en-tete****/

header{
	z-index:3000;
	position: fixed;
	padding-left: 4vw;
	left:0;
	right:0;
	top: 0;
	min-width: 930px;
	height: 100px;
	display:flex;
	background-color: var(--couleur-fond);
  }
header #logoC svg{
	width: 200px;
	height: 100px;
	background-color: white;
  }
header #lienD{
	margin-left: 30px;
	display:table;
	color: var(--couleur-texte);
	text-decoration: none;
	font-size: 1.2em;
	
  }
header #lienD div{
	display:table-cell;
	vertical-align: middle;
	max-width:10%;
  }
header #lienD .Slogan{
	font-weight:bold;
	margin-bottom: 0;
	display:block;
		margin-top: 1em;
}
header #lienD .siteCreteil{
	display:block;
	margin-top: -2em;
	font-size: 1em;
}
header #icones{
	display:table;
	position:absolute;
	right:4vw;
	height: 100px;
  }
header #icones a{
	display: table-cell;
	vertical-align: middle;
  }

header #icones svg{
	min-width:50px;
	min-height:50px;
	width:3.2vw;
	height: 3.2vw;
	margin:-2px;
	fill:var(--couleur-texte);
	max-height:70px;
	max-width:70px;
}

/*****barre menu*******/

#mnu_barre{
	z-index:3000;
	height: 50px;
	margin-top:1px;
	padding-left:4vw;
	padding-right:4vw;
	position: fixed;
	top: 98px;
	left:0;
	right:0;
	border-top: silver solid 1px;
	border-bottom: silver solid 1px;
	min-width:940px;
  }
#mnu_barre #mnu_item{
	display: flex;
	height: 50px;
	margin-right: 100px;
  width: 88%;
	max-width: 1200px;
  }
#mnu_barre .mnu_item{
  flex:1;
	margin-right: 8px;
	max-width: 150px;
  display: table;

  }
#mnu_barre .mnu_item:first-child{
	margin-left:15px;
  }
#mnu_barre .mnu_item .mnu_lien{
  cursor:pointer;
	width:100%;
	height:100%;
	display: table-cell;
  vertical-align:middle;
	line-height: 16px;
	font-size: 15px;;
	text-align: center;
  }
#mnu_barre .mnu_item .mnu_lien .mnu_spe{
	color:var(--couleur-spe);
	margin-left: 15px;
	}
#mnu_barre .mnu_item .mnu_lien:hover{
	-webkit-text-stroke:1px;
  }
#mnu_barre #voir{
	height: 50px;
	position: absolute;
	right: 4vw;
	top: 0;
  }
#mnu_barre #voir svg{
	height: 50px;
	width: 50px;
	fill:var(--couleur-spe);
  }
  
  #mnu_barre .mnu_item:nth-child(7n){

	
}

/****sous-menu - general ****/

#mnu_barre .mnu_item .mnu_sous{
	display:flex;
	position: absolute;
	top: 50px;
	left: 4vw;
	right: 4vw;
	padding-top: 0;
	height: 0;
line-height: var(--hauteur-ligne); /*normal*/;
	background-color: var(--couleur-plus);
	padding-left: 30px;
	padding-right: 30px;
	border:solid silver thin;
	-webkit-box-shadow: 0px 8px 18px -6px rgba(0,0,0,0.64); 
	box-shadow: 0px 8px 18px -6px rgba(0,0,0,0.64);
	overflow: auto;
	-webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
	visibility:hidden;
  }
#mnu_barre .mnu_item.ouvert .mnu_lien{
	-webkit-text-stroke:1px;
	}
#mnu_barre .mnu_item.selection .mnu_lien{
	-webkit-text-stroke:1px;
	color:var(--couleur-spe);
	}
#mnu_barre .mnu_item.ouvert .mnu_sous{
	height: 70vh;
		visibility:visible;
	line-height: var(--hauteur-ligne);
	z-index: 1000;
  }
#mnu_barre .mnu_sous .ferme{
	display: block;
	position: absolute; 
	right: 20px;
	Top:20px;
  }
#mnu_barre .mnu_sous .ferme svg{
	width: 40%;
	}
#mnu_barre .mnu_sous .ferme:hover svg{
	transform:rotate(45deg);
	}
#mnu_barre  .colonne .onyva a{
	display: block;
	text-decoration: none;
	Font-size: 1.3em;
	margin: 2em 0 0 0;
	font-weight: bold;
	text-transform: uppercase;
	}
#mnu_barre .colonne{
	padding-left: 50px;
	padding-right: 50px;
	text-align:left;
	margin-top:40px;
	width: 33%;
}
#mnu_barre .colonne .intro{
	width: 80%;
	text-align: justify;
}



/**** sousmenu evenements****/

#mnu_barre #calendrier.colonne{
	width: 20%;
	}

#calendrier{
	padding: 0;
	padding-bottom:20px;
	width:25%;
	height: 80%;
	overflow: auto;
	border: 1px solid var(--couleur-spe);
	border-radius: 6px;
	background-color: var(--couleur-fond);
	}
#calendrier h1{
	font-size: 2em;
	margin-top:40px;
	margin-bottom:40px;
	color: var(--couleur-spe);
	}
#calendrier .descrip{
	display: block;
	margin-top: 5px;
	font-size:0.8em;
	line-height: 1em;
	text-align:justify;
	border-radius: 6px;
	}
#calendrier .descrip>a{
	display: block;
	width: 100%;
	text-align:right !important;
	margin-top: 5px;
	font-size:1em;
	text-align:justify;
	}
#calendrier .date{
	font-size:0.9em;
	}
#calendrier .evt{
	display:block;
	margin-top: 15px;
	font-weight:bold;
	}
#calendrier .evt.passe{
	opacity:0.3;
	}	
	
#calendrier .evt.passe + .date{
	opacity:0.3;
	}		
#mnu_barre  .colonne .onyva a:hover{
text-decoration:underline;
	}


/**** ACCUEIL ***/

/*--DROITE--*/
#droite{
	margin-left: 15px;
	width:60%;
  position:relative;
  top:0;
	padding:0;
	flex: 70%;
}
.Alaccueil{
	display:block;
	position: relative;
  text-transform:uppercase;
  font-weight: bolder;
	font-size: 20px;
	margin-bottom: 1vh;
	margin-top: 2vh;
	clear:both;
  }
#alaune, #alire{
position:relative;
	padding:0;
}
#imgalaune img{
	display:block;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
	
}
#imgalaune.E404 H1{
margin-left: 20px;
font-size: 80px;
	text-transform:uppercase;
}
#imgalaune.E404 P{
margin-left: 20px;
font-size: 40px;
line-height: 60px;
}
#imgalaune.E404{
	margin-bottom: 80px;
	background-color: #bdc1d3;
}
#imgalaune {	
	background-color: silver;
	overflow:hidden;
	padding:0;
	border: 4px white solid;
	-webkit-box-shadow: 5px 5px 16px -6px rgba(0,0,0,0.64); 
  box-shadow: 5px 5px 16px -6px rgba(0,0,0,0.64);
  }
#imgalaune.effet:hover img{
  transform:scale(1.2) rotate(3deg);
  }
#titrealaune{
	position: absolute;
	bottom : 7vh;
	left: -3vh;
	background-color: rgba(33,66,99,0.8);
	color:white;
	padding: 1vw 2vw;
	font-weight:bold;
	font-size: 1.2vw;
	max-width: 400px; 
	line-height:1.4vw;
  }
#alire a {
	text-decoration:none;
  }
#alire{
	margin-top: 40px;
display:flex;
justify-content: space-around;
  flex-wrap: wrap;
  }
#alire .alire{
	display:block;
	width: 30%;
	position: relative;
	}
#alire .alire2{
	display:block;
	width: 100%;
	position: relative;
	overflow:hidden;
	-webkit-box-shadow: 5px 5px 16px -6px rgba(0,0,0,0.64); 
	box-shadow: 5px 5px 16px -6px rgba(0,0,0,0.64);
	border: 4px white solid;
	}
#alire .alire2 img{
	display:block;
  width: 100%;
  height: auto;
  margin-top:0;
	margin-bottom:0;
	margin:auto;
	}
#alire .alire2 .txtalire{
     display:block;
     position:absolute;
	   left:0;
     bottom:0;
     width:100%;
     height:0;
     color:#fff;
     text-align:justify;
     background:rgba(33,66,99,0.9);
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
  }

#alire .alire2 .txtalire p{
	padding: 10px;
	font-size: 0.8vw;
		line-height: 1vw;
	}
#alire .alire2:hover .txtalire{
	height: 100%;
  }
#alire .titrealire, .titreaxes{
	font-size: 0.7vw;
	position:relative;
	font-weight: bold;
	line-height: 15px;
	color: var(--couleur-texte);
	height:28px;
	width:72%;
	margin:auto;
	margin-top:8px;
	margin-bottom: 10px;
	text-align:center;
	vertical-align: middle;
	text-transform:uppercase
  }
/* --GAUCHE--*/
#gauche{
	
	position:relative;
	top:0;
	padding:0;
	flex: 38%;
	margin-left: 2%;
  }
#gauche legend{
		font-size: 0.9vw;
	font-weight: bold;
	text-transform:uppercase;

}
#gauche fieldset{
	min-height: 260px;
	margin-top: 40px;
	overflow:auto;
	margin-bottom: 80px
}

#gauche .titreaxes{
margin-bottom: 30px
}
.titreaxes{
	font-size: 14px;
	width:90%;
	margin-top:25px;
	margin-bottom:-30px;
  }
#axesdane{
	display:block;
	margin:-20px auto;
	width: 70%;
}
.bulle{
filter: drop-shadow(8px 8px 10px grey);
	stroke-width: 2px;
	stroke: white;
}
	#axesdane .st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
	#axesdane .st2{fill:#FFFFFF; }
.accompagner{fill:#BCB831; }
.ressources{fill:#F39200;}
.socle{fill:#6E8DC8;}





/***sousmenu SOCLE PEDA ETC***/
#mnu_barre SOCLE, #mnu_barre PEDA , #mnu_barre FORMA, #mnu_barre PROJ, #mnu_barre EVNT, #mnu_barre DANE{
	display: flex;
}
#mnu_barre SOCLE .colonne,#mnu_barre PEDA .colonne,#mnu_barre FORMA .colonne,#mnu_barre PROJ .colonne,#mnu_barre EVNT .colonne{
	width: 	50%;
}
#mnu_barre DANE .colonne.colonne1{
	width: 	60%;
}
#mnu_barre DANE .colonne.colonne1 .acces{
	display:flex;
}
#mnu_barre DANE .colonne.colonne1 .acces .onyva{


}
.colonneA, .colonneB{
		border-right: silver thin solid;
		padding-right: 40px;
}
.colonneB, .colonneC{
	padding-left: 30px;
}
DANE .plan img{
	width: 100%;
	height: auto;
}
#mnu_barre DANE .colonne.colonne2{
	width: 	40%;
}
#mnu_barre evnt .colonne.colonne2 .acces{
padding-right:8px;
}
#mnu_barre SOCLE .colonne .acces, #mnu_barre PEDA .colonne .acces, #mnu_barre FORMA .colonne .acces, #mnu_barre PROJ .colonne .acces, #mnu_barre EVNT .colonne .acces{
padding:10px 0px 50px;
border-right: silver thin solid;
}

#mnu_barre SOCLE .colonne .actu, #mnu_barre PEDA .colonne .actu, #mnu_barre FORMA .colonne .actu, #mnu_barre PROJ .colonne .actu, #mnu_barre EVNT .colonne .actu{
display: flex;
flex-wrap: wrap;
}

#mnu_barre SOCLE .colonne .actu, #mnu_barre PEDA .colonne .actu, #mnu_barre FORMA .colonne .actu, #mnu_barre PROJ .colonne .actu, #mnu_barre EVNT .colonne .actu{
display: flex;
flex-wrap: wrap;
}
#mnu_barre EVNT .colonne2{
	width: 	30%;
}
#mnu_barre EVNT .colonne3{
	width: 	60%;
}

.focus a {
	text-decoration:none;
  }
.focus{
	width: 49%;
	padding:0;
  text-align: center;
	margin-bottom: 30px;
	display: table-cell;
}

 .focus2{
	display:block;
	width: 80%;
	position: relative;
	overflow:hidden;
	-webkit-box-shadow: 5px 5px 16px -6px rgba(0,0,0,0.64); 
	box-shadow: 5px 5px 16px -6px rgba(0,0,0,0.64);
	border: 4px white solid;
	}
.focus2 img{
	display:block;
  width: 100%;
  height: auto;
  margin-top:0;
	margin-bottom:0;
	margin:auto;
	}
.focus2 .txtfocus{
     display:block;
     position:absolute;
	   left:0;
     bottom:0;
     width:100%;
     height:0;
     color:#fff;
     text-align:justify;
     background:rgba(33,66,99,0.9);
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
  }

.focus2 .txtfocus p{
	padding: 10px;
	font-size: 0.8vw;
		line-height: 0.9vw;
	}
.focus2:hover .txtfocus{
	height: 100%;
  }
.titrefocus{
	/*font-size: 0.7vw;
	line-height: 15px;
	height:28px;*/
	font-size:1em;
	line-height: 1.3em;
	position:relative;
	font-weight: bold;
	
	color: var(--couleur-texte);
	
	width:80%;
	
	margin-top:8px;
	margin-bottom: 10px;
	text-align:center;
	vertical-align: middle;
	text-transform:uppercase
  }
  
/***page MOT***/  
  .liensrub, .selectionpar{
	width: 90%;
margin:auto;
	
	text-align: center;
}
.selectionpar{
	margin-bottom : 8px;
	white-space:nowrap;
}
.liensrub p {
	line-height: 2.5;

}
.liensrub p a , .selectionpar .selectionlien{
	display: inline;
	margin : 20px;
	text-decoration: none;
	color: var(--couleur-fond);
	font-weight:bold;
	background-color: var(--couleur-spe);
	padding: 4px 20px;
	border-radius: 10px;
}

.liensrub p a {
margin : 5px;
	white-space:nowrap;
}
.selectionpar .selectionlien.on{
	background-color: var(--couleur-texte);
}
.liensrub .autobr{
	display: none;
}
/***************/
MOT #container article{
	display: flex;
	
}
MOT #container.pagearticle article{
	padding-top: 3vh;
	padding-bottom: 3vh;
}
MOT #container article .gauche{
	position: relative;
	width: 78%;
	padding: 1%;
}
MOT #container article .gauche .liste{
	display:flex;
	margin-top : 30px;
	flex-wrap:wrap;
}
MOT #container article .gauche .focus{
	position: relative;
	width: 28%;
	margin: 2%;
	/*padding: 0.5%;*/
	border :solid 1px silver;
}
MOT #container article .droite .focus{
	border :solid 1px #eee;
}
MOT #container article .gauche .imgfocus,MOT #container article .gauche .titrefocus,MOT #container article .gauche .txtfocus {
	width: 80%;
	margin: auto;
	margin-bottom: 10px;
}
MOT #container article .gauche .titrefocus
{
position: relative;
font-size:1em;
	line-height: 1.3em;
	min-height: 30px;
	text-align:left;
}
MOT #container article .gauche .txtfocus {
	position: relative;
	text-align: justify;
	font-size:0.9em;
	line-height: 1.3em;
		color: var(--couleur-texte);
	opacity:0.7;
}

MOT #container article .gauche .imgfocus img, MOT #container article .droite .imgfocus img{
	width: 100%;
	height: auto;}
MOT #container article .gauche .imgfocus{
	width: 100%;
	height: auto;}
MOT #container article .gauche .titreMot{
	position:relative;
	top: 2vh;
	
font-size:1.8em;
	text-transform:uppercase;
	font-weight: bolder;
}

MOT #container article .droite{
		width: 18%;
	padding: 1%;
	border-left: 1px silver solid;
	/*margin-top: 3vh;*/
}
MOT #container article .droite.pagemot{
		margin-top: 3vh;
}
MOT #container article .droite .AvoirAussi{
		position:relative;

font-size:1.2em;
	text-transform:uppercase;
	font-weight: bolder;
}
MOT #container article .droite .liste{
	display:flex;
	margin-top : 30px;
	flex-wrap:wrap;
}
MOT #container article .droite .focus{
	position: relative;
	width: 80%;
	margin: 2%;
	padding: 0.5%;

}
MOT #container article .droite .imgfocus,MOT #container article .droite .titrefocus {
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	
}
/******/
MOT #container article.article .gauche
{
	width: 60%;
	margin-right: 5%;
	font-size: 1.15em;
}
/*
MOT #container article.article .gauche .corps
{
	text-align:justify;
	
}
*/

.motscles {
	margin-top: 30px;
	width: 80%;
	

}
.motscles a{
	text-decoration: none;
	margin-right: 0.4em;
	border: solid 1px var(--couleur-lien);
	padding: 0.3em 0.5em;
	font-size:0.8em;
	line-height: 2.1em;
	border-radius: 0.3em;
	color: var(--couleur-lien);
	text-align:center;
	white-space: nowrap;

}
.motscles a.niv2{
	color: var(--couleur-texte);
	border: solid 1px var(--couleur-texte);
		opacity: 0.7;
		white-space: nowrap;
}
MOT #container article.article .gauche h1
{
	font-size: 2.2em;
}
MOT #container article.article .gauche h2
{
	font-size: 1.3em;
opacity: 0.7;
	margin-bottom: 0.7em;
}
MOT #container article.article .gauche .date 
{
	border-bottom: solid silver 1px;
	width: 100%;
	font-size: 0.7em;
	text-align: right;
}
.chapo{
	margin: 2em 0;
text-align:justify;
}
MOT #container article.article .droite
{
width: 30%;
}

MOT #container article.article .droite .liste
{
display: flex;
width: 100%;
}
MOT #container article.article .droite .liste .focus:first-child
{
width: 100%;
}
MOT #container article.article .droite .liste .focus
{
width: 44%;
}

MOT #container article.article .spip_document:not(.original) figure

{
	width: 80%;
padding:1% 1% 4% 1%;
	border: solid 1px silver;	
position: relative;
}

MOT #container article.article .spip_document.sanscadre figure
{
	border: none;	
}

MOT #container article.article figure img

{
	width: 100%;
	margin:0;
	padding:0;
}

MOT #container article.article iframe{
	display: block;
	margin: 20px auto;
	width: 80%;
	height: auto;
	aspect-ratio: 16/9;
	padding: 1%;
	border: solid 1px silver;
}
MOT #container article.article .spip_document iframe{
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	padding:0;
	border: none;
}
MOT #container article.article iframe.neufseize{
	aspect-ratio: 9/16;
}

MOT #container article.article h3{
	text-transform:uppercase;
	margin-top: 40px;
	color:var(--couleur-spe);
}
MOT #container article.article .gauche h3::before{
	content:" 	\0025A0  ";
	font-size: 2em;
}

MOT #container article.article .gauche h5::before{
content:" 	\0000A0  ";
}
MOT #container article.article .gauche h4,MOT #container article.article .gauche h5{
	margin-left: 2em;
	text-transform:uppercase;
	}

MOT #container article.article figcaption.spip_doc_legende
{
	max-width:100%;
	margin:auto;
	padding:0;

}

MOT #container article.article .spip_doc_credits
{
	max-width:100%;
text-align: right;
	font-size: 0.7em;
	position: absolute; 
	bottom: 0; right: 1%;
}
MOT #container article.article .spip_doc_titre
{
margin-top: 1%;
}


MOT #container article.article .spip_doc_inner .bloclegendeimage.deplie .spip_doc_descriptif
{
	
	display: block;
}
MOT #container article.article figcaption.spip_doc_legende .spip_doc_descriptif
{
	display:none;
	max-width:100%;
	height:80%;
	font-size: 0.9em;
	position: absolute; 
	top:0;left: 0;right: 0;
	padding: 30px;
	padding-top: 40px;
	background-color: var(--couleur-fondtrans);
	text-align: left;
	overflow: scroll;
}
MOT #container article.article .spip_doc_inner  .bouton
{ cursor:pointer;
	display:block;
	background-color: var(--couleur-texte);
	color:var(--couleur-fond);
	text-align:right;
	position: absolute;
	top: 10px;
	right:10px;
	z-index:1000;
	font-size: 0.7em;
	padding: 3px 8px;
	font-weight:bold;
	
}

MOT #container article.article  .texteencadre-spip{
	width: 87%;
	padding: 3%;
	margin:30px auto;
	background-color: var(--couleur-fond);
	border-color :var(--couleur-spe);
	color :var(--couleur-spe);
	border-radius: 5px;
}
MOT #container article.article  .texteencadre-spip h3{
margin-top:-5%;
background-color:var(--couleur-fond);
float:left;
	padding: 0 10px;
} 
MOT #container article.article  .texteencadre-spip h3::before{
content:" ";
} 


MOT #container article.article .gauche ul{
margin-left: 10px;
}

@keyframes apparition {
	0%{opacity: 0;},
	50%,
	100% {
		opacity: 1;
	}
}
.ouvert .container_ssmnu{
	visibility:visible;footer
	animation: apparition 2s normal;
}
.container_ssmnu{
	visibility:hidden;
	display: block;
top:50px;
	left: 0;right: 0;
	height: 100vh;
	background-color: rgba(0,0,0,60%);
	position: absolute;
}
/*carte */
.leaflet-control-container a{
background-color: #FFFFFF;
}
.carte {
border: silver 1px solid;
}
.blocarte {
position: relative;
}
.blocarte .legende {
	background-color: #FFFFFF;
	color: black;
	padding : 5px;
	position: absolute;
	bottom : 10px;
	left: 10px;
	z-index: 1000;
	font-size: 0.7em;
	-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.32), 0px 0px 8px 5px rgba(0,0,0,0.32); 
box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.32), 0px 0px 8px 5px rgba(0,0,0,0.32);
}
.blocarte .legende .titre_legende {
	text-align: center;
	font-weight: bolder;
	margin-bottom: 10px;
}
.blocarte .legende  img.spip_logo{
height: 20px;
width: Auto;
vertical-align: middle;}

.blocarte .legende .reduc {
	
	cursor:pointer;
	width: 20px;
background-image: url("../image/toggle.svg");
background-size: cover;
transform: rotate(270deg);
-webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
.blocarte .legende.deplie .reduc {
	transform: rotate(90deg);
	-webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}


.blocarte .legende .contenu_legende{
	height:0;
	display: none;

}
.blocarte .legende.deplie .contenu_legende{
		height:100%;
display:block;
}
/***Notes de bas de page*/
.corps .spip_note{

	font-size: 0.8em;
}
.corps a.spip_note{
text-decoration: none;
}
NOTES{
	font-size: 0.8em;
	display: block;
	background-color:var(--couleur-fond);
	border-top: solid 1px silver;
	width: 100%;
	margin-top: 60px;
}

NOTES .spip_note_ref{
	vertical-align : top;
	margin-right: 2px;
	text-align: left;
	}
NOTES .spip_note_ref::after{
	content:"---";
}
NOTES .spip_note_ref a{
	text-decoration: none;}

.corps li{
		margin-bottom:5px;
	}

/** TABLEAU **/

table.table.spip{
	border-spacing: 0;
	margin-top: 30px;
	margin-bottom: 50px;
	border-collapse: collapse;
}
table.table.spip caption, table.table.spip thead th, table.table.spip tbody th , table.table.spip tbody td{
	border: 1px var(--couleur-texte) solid;
	background-color: var(--couleur-fond);
	padding: 10px;
}
table.table.spip thead th{
	background-color: var(--couleur-spe);
	color: var(--couleur-fond);
}

.nobordure table.table.spip caption, nobordure table.table.spip thead th, .nobordure table.table.spip tbody th , .nobordure table.table.spip tbody td{
	border: none;
	background-color: var(--couleur-fond);
	padding: 20px;
	color: var(--couleur-texte);
	text-align:left;
}

.nobordurecentre table.table.spip caption, .nobordurecentre table.table.spip thead th, .nobordurecentre table.table.spip tbody th , .nobordurecentre table.table.spip tbody td{
	border: none;
	background-color: var(--couleur-fond);
	padding: 20px;
	color: var(--couleur-texte);
	text-align:center;
}

#apasmanquer{
	margin-right: 30px;
	margin-top: 30px;
}

#apasmanquer .vignette{
	width:40px;
	height: 40px;
	border: #EEE red 1px;
	background-size: cover;
	background-color: silver;
}
#apasmanquer .vignette{
	width:40px;
	height: 40px;
	border: #EEE red 1px;
	background-size: cover;
	background-color: silver;
	display: block;
	float: left;
	margin-right: 15px;
}
.txtANPM,.descriptifANPM,.lienANPM{
	clear:both;
	display:block;
}
.titreANPM{
	font-weight: bold;
	min-height: 40px;
	line-height: 40px;
	overflow: hidden;
  font-size: 0.9em;
	text-transform: uppercase;
	color:var(--couleur-lien);
}
.descriptifANPM{
font-size: 0.85em;
	//letter-spacing: 0.1em;
	line-height: 1.5em;
margin-left: 55px;
margin-top: -20px;
	text-align: justify;
}
.lienANPM{
text-align:right;
font-size: 0.85em;
	margin-top: -10px
}


/* Interview*/
MOT #container article.article interview blockquote.spip_poesie{
margin-top: 50px;
margin-bottom: 0px;
margin-left: 0px;
padding:0;
	font-weight: bold;
color:var(--couleur-spe);
	opacity:0.9;
}
MOT #container article.article interview blockquote.spip_poesie div::first-letter
{color:var(--couleur-spe);
	font-size: 4em;
	float: left;
font-style: italic;
margin-right: 10px;
}
MOT #container article.article interview blockquote.spip_poesie ~ p
{
	margin-left: 60px;
	padding : 10px;
	border-left: solid 1px silver;
}

/***RECHERCHE***/
.page_recherche #container {
	width: 100%;
}
.page_recherche .aside {
	
	width: 80%;
	margin:-10px auto 0 30px;

	text-align:left;
	padding: 10px 0 ;
/*border-bottom:solid 1px silver;
	background-color: rgba(33,66,99,0.5);*/
}

.page_recherche #loupe{
	
	line-height: 50px;
}
.page_recherche #loupe svg{
	height: 50px;
	width: 50px;
	border:none;
	vertical-align: bottom;
	margin-left: -20px;
	cursor:pointer;
	fill: var(--couleur-spe);
}

input#recherche{
	width: 400px;
	Height: 2em;
	font-size: 1.3em;
	color: var(--couleur-spe);
}
.formulaire_recherche input.text{
	background: none;
	background-color:var(--couleur-fond);
}
.formulaire_recherche label
{color:var(--couleur-texte);
/*display: inline;*/}
#affichage{
	position: relative;

}
#affichage #choixtri{

}
#affichage #choixtri #triListe{
background-color:var(--couleur-fond);
	color:var(--couleur-texte);
	border: none;cursor:pointer;
}
#affichage #choixtri label{
font-weight: bold;cursor:pointer;
}
span.retrait{
	display:none;
}
.filtre span.retrait{
	display:inline;
}
article.recherche .motscles a.niv2
{
	font-size:1em;
}
.motscles a.niv2.filtre{
background-color:var(--couleur-spe);
color:var(--couleur-fond);
}

h2.resultat{
	padding:0;
	
}
article.recherche .droite h1
{
	/*margin-top: -40px;*/
}
h1.rub{
margin-top: 40px;

}
.motscles a.rub{
margin-right: 0.4em;
border: none;
padding: 0;
font-size: 0.9em;
line-height: 2.1em;
border-radius: 0.3em;
color: var(--couleur-lien);
text-align: left;
white-space: nowrap;
margin-left: -30px;
}
.motscles a.rub::before{
content:" 	\0025A0  ";
}
MOT .gauche .pagination li.pagination-item,  .pagination .pagination-item-label
{
background-color:var(--couleur-fond);
color:var(--couleur-texte);

}
.pagination .pagination-item-label {
  display: block;
  padding: 20px;
max-width: 40px;
height: 40px;
  text-align: center;
  font-size: 2em;
	line-height: 40px;}
	
	MOT .gauche .pagination li.pagination-item.on.active, .pagination li.pagination-item.on.active .pagination-item-label,.pagination li.pagination-item .pagination-item-label:hover{
background-color:var(--couleur-fond);
color:var(--couleur-texte);

} 
.pagination li.pagination-item.on.active .pagination-item-label, .pagination li.pagination-item .pagination-item-label:hover{

	border: solid 1px var(--couleur-texte);
}

/****page import
#container.import , .gauche.import{
	min-width: 100%;
}***/

/****page import***/
#import {
	position: absolute;
	left: 1vw;
	right: 1vw;
	top: 150px;
	bottom: 30px;
	padding:0;
	min-width:930px;


}
#import iframe{
	position: absolute;
	width: 100%;
	height:100%;
	margin:auto;
	Top:0;

	border: none;
}
/****RUBRIQUE****/
RUBRIQUE #container article{
	display: flex;
		margin-top : 30px;
	
}
RUBRIQUE #container article .gauche{
	position: relative;
	width: 48%;
	padding: 1%;

}
RUBRIQUE #container article .droite {
		width: 40%;
	padding: 4%;
	border-left: 1px silver solid;
}
RUBRIQUE #container article .droite .actu{
		display:flex;
flex-wrap: wrap;
}
RUBRIQUE #container article .droite .focus{
min-width: 50%;
}
RUBRIQUE #container article .gauche .intro{
width:80%;
	text-align:justify;
}

RUBRIQUE #container article .gauche .acces .onyva a{
	display: block;
	text-decoration: none;
	Font-size: 1.3em;
	margin: 2em 0 0 0;
	font-weight: bold;
	text-transform: uppercase;
	}



/***ANNUAIRE***/

MOT #container  article.annuaire 
{
display:block;
}

MOT #container  article.annuaire a
{
text-decoration: none;
}
#direction{
	width: 100%;
	border: solid 1px grey;
	padding: 5px 15px 20px 15px;
	border-radius:10px 0 0 10px;
}
#direction>div {
	display: flex;
	}
#direction>div div{
	margin-right: 30px;
	border-left: solid grey 1px;
	padding-left:10px;
}
#direction>div div:first-child,#degre1 div, #formateurs div:first-child, #poles div:first-child div, .annuaireAZ #formateur div:first-child{

	border-left: none;

}

#com
{

width: 100%;
display: flex;
padding: 5px 15px 15px 15px;


}
#com div
{

width: 100%;

}
#poles
{
width: 100%;
margin-top: 40px;
display: flex;
border: solid 1px grey;
padding: 5px 15px 15px 15px;
border-radius:10px 0 0 10px;
}
#degre1, #formateurs, .annuaireAZ #formateur
{
width: 100%;
margin-top: 40px;
border: solid 1px grey;
padding: 5px 15px 20px 15px;
border-radius:10px 0 0 10px;
}

.annuaireAZ #formateur
{
	padding-top: 20px;
}
#poles>div{
	width: 24%;
	margin-right:1%;
}
span.coor, span.dir{
	font-weight:bold;
}


 .noms{
	padding-left: 10px;
	border-left: solid grey 1px
}
#poles>div div{
margin-bottom: 10px;
}
#poles>div div.coor{
margin-bottom:15px;
}
.annu_fonction 
{
display:block;
}

#formateur
{
display:flex;
}
#formateur .noms
{
width: 18%;
}
.titreAnnuaire
{
	margin-top: 30px;
	margin-bottom: 50px;
}
.bascule{
	display:block;
position:absolute;
right: 4vw;
top: 0;
font-size: 40px;}
/*******************/
#districts h2{
text-align:center;
width: 100%
}
table.district  {
	margin : auto;
	border-spacing:0;
	  border: 1px solid var(--couleur-spe);
}

table.district td,
table.district th {
  border-left: 1px solid var(--couleur-spe);
  padding: 10px;
	 text-align: center;
}
table.district th:nth-child(n+2) {
	 border-left: 1px solid var(--couleur-fond);
}
table.district td a{
	text-decoration: none;
}


table.district  tr:nth-child(even) {
  background-color: var(--couleur-table);
}
table.district  th[scope='col'] {
  background-color: var(--couleur-spe);
  color: var(--couleur-fond);
}
table.district.parform, table.district.pardistrict, table.district.parville   {
	width: 60%;
}
table.district.parform  th.nomform {
 
	white-space:nowrap;
}
table.district.parform  td.villes {
font-size:small;
text-align:left;
}

table.district.parform  td.villes span.nomville {
white-space:nowrap;
}

table.district.pardistrict tr td {
	vertical-align:top;
	padding:0;
}
table.tablinterne{
	padding:0;
	margin:0;
border:0;
	width:100%;
}
table.tablinterne td{
	border:0;
	white-space:nowrap;
}
table.district.pardistrict  th[scope='col'] {
  width: 30%;
}

table.district.pardistrict  th[scope='col']:first-child {
  width: 10%;}

table.district.pardistrict  tr {
  background-color: #fff;
}

table.district.pardistrict table.tablinterne tr:nth-child(even) {
  background-color: #eee;
}

table.district.pardistrict table.tablinterne tr td{
	padding-top:10px;
	padding-bottom:10px;
}

#unevilleunform{
	display:table;
width:100%;
	margin-top: 30px;
}
#unevilleunform td{
width: 50%;
	text-align: left;
}
#unevilleunform td:first-child{
	text-align: right;
}
#unevilleunform{
	display:table;
width:100%;
	margin-top: 30px;
}
#unevilleunform td{
width: 50%;
	text-align: left;
}
#unevilleunform td:first-child{
	text-align: right;
}

#name{
	white-space:nowrap;
}
.district.parville .district {
	width: 10%;
	
}
.district.parville .ville, .district.parville .form {
	width: 45%;
	white-space:nowrap;
}

div.departement{
	display: none;
}
div.departement.visible{
	display: block;
}

#tableaudpt
{
	position:relative;
}
#barrebtn{
		position:relative;

width:60%;
	margin:auto;
	margin-top: 20px;
		margin-bottom:-2px;
	height: 54px;
}
#boutonsdpt
{
	top:0;left:14px;
	position:absolute;
	display: flex;
height:54px;
}
#boutonsdpt .nomdepartt{
  background-color:var(--couleur-fond);
	border: solid 2px var(--couleur-spe);
	padding: 0 20px;
	border-radius: 0 20px 0 0;
	margin-left: -14px;
	font-weight:bold;
		white-space:nowrap;
	height:50px;
}
#boutonsdpt .nomdepartt.on{
	 background-color:var(--couleur-spe);
	color: var(--couleur-fond);
}
#boutonsdpt .nomdepartt:first-child
{
	z-index:10;
}

#boutonsdpt .nomdepartt:nth-child(2)
{
	z-index:8;
}
/*** NEW*/
 .dossier{
	 position: fixed;
	text-align:left;
	border: 1px solid #DDD;
	background-color: var(--couleur-spe);
cursor: pointer;
top:150px;
	 left:5vw;
	 padding:10px 25px;
	 border-radius: 0 0 10px 10px;
opacity:90%;
}
 .dossier .titredossier{
	 text-transform: uppercase;
	font-size: 15px;
		font-weight: bold;
	color: var(--couleur-fond);
	
}
.dossier.ouvert div.menudossier{
	display:block;
}
.dossier .titredossier:after{
content: "≚";	
	margin-left:20px;
	font-size:20px;
}
.dossier.ouvert .titredossier:after{
content: "≙";	
}
div.menudossier{
	display:none;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 0px 20px;
text-transform: ;
}

div.menudossier a{
	display:block;
	text-decoration: none;
	color: var(--couleur-fond);
	border-bottom: 1px solid var(--couleur-spe);
}
div.menudossier a:hover{
	border-bottom: 1px solid var(--couleur-fond);
}

#MNUalternatif{
	display:none;
}

#max #container{
	top: 0;
}
#max #container .gauche {

width: 100%
}
#max #container .gauche h1 {
top: 0;
	font-size: 20px;
}

a.affgloss, a.affglossaire:hover, a.affglossaire:visited{
	color:var(--couleur-gloss);
	text-decoration-style: dotted;
	
}
#precedentsuivant{
	width: 80%;
	margin: auto;
	display:table; 
	margin-top: 50px;
}
#precedentsuivant .sp{
	font-weight: bold;
	display:table-cell;
	width: 50%;
	text-align:left;
	text-decoration:none;
	
  }
#precedentsuivant .sp +.sp{
	text-align:right;
  }
  
  
  /*******formulaire JDLE2024 ********/
  #formulaire_seul {
	  width: 80%;
	  margin:auto;
  }
#formulaire_seul .formulaire_formidable.formulaire_spip .btn__label,
#formulaire_seul .formulaire_formidable.formulaire_spip  fieldset span, #formulaire_seul .formulaire_formidable.formulaire_spip  label,#formulaire_seul .formulaire_formidable.formulaire_spip  Select,#formulaire_seul .formulaire_formidable.formulaire_spip  input{
	
	font-size : x-large;

}

#formulaire_seul .formulaire_formidable.formulaire_spip  fieldset legend{

border: none;}


  .formulaire_formidable.formulaire_spip fieldset{
width:90%;
padding:10px;
}

.formulaire_formidable.formulaire_spip fieldset label{
font-weight: normal;
}

.formulaire_formidable.formulaire_spip fieldset label:before, .formulaire_formidable.formulaire_spip fieldset label:after{
content:none;
}
.formulaire_formidable.formulaire_spip button.submit{
margin-right: 7%;
margin-top: 10px;
font-size: 18px;
}

sup, sup.typo_exposants
{
vertical-align: -5% 
}
strong.caractencadre2-spip{
	display: block;
	margin-top: 10px;
  font-size:0.7em;
  color: black;
	font-size: 0.7em;
	width:100%;
	text-align:right;
	font-weight: lighter;
}

/*******VERTICAL********/
@media (max-width:1200px){
body {
	
	overflow:auto;
}
footer, #container, #import, header, body, html, #entete #lienD {
min-width: 200px;
	max-width:100vw;
position: relative;
}

article{
	display:block;
	padding-left: 2vw;
}
#droite{
	width: 100%;
	margin-left:0;
}
#entete{
	position: relative;
	margin-bottom: 50px;
}
#mnu_barre, #entete #icones{
	display:none;
}

header{
	position: relative;
	display: block;
padding:0;

}
	#container.accueil{
top:100px;
}
#container{
top:30px;
	overflow:visible;
	margin-bottom: 10px;
}
#entete #logoC svg{
padding-left: 4vw;
}
#entete #lienD{
	position:relative;
width: 100vw;
margin: 0;
	margin-bottom: 10px;
padding-left:4vw;
border-top: 1px grey solid;
border-bottom: 1px grey solid;
}

	#alire .titrealire{
	font-size: 14px;
	height: 80px;
	margin-top:20px;
			line-height: 18px;
	}
	#titrealaune{
	padding: 8px 5.5vw;
    font-size: 3vw;
    bottom: 20px;
    line-height: 3.2vw;
    max-width: 40vw;
  }

	#alire .alire2 .txtalire p{
	font-size: 12px;
  line-height: 14px;
  margin-bottom: 2vw;
	}
	#gauche legend{
		font-size: 1.2em;
	font-weight: bold;
		text-transform:uppercase;}

	.titrefocus{
			font-size:0.8em;
		}
	MOT #container article{
		display:block;
	}
	MOT #container article.article .gauche, MOT #container article .gauche{
		width:100%;
	}
	MOT #container article.article .droite, MOT #container article .droite{
		width:80%;
		margin:auto;
		padding: 0 10%;
		margin-top: 20px;
		border: 0;
		border: 1px silver solid;
		background-color:#EEE;
		}
	#alire .titrealire{
	FOnt-size: 11px;	
overflow-wrap: anywhere;

	}
	#alire .alire, MOT #container article .gauche .focus{
		width: 45%;
	}
	
	#alire .alire2 {
		height:70%;

	}
	#alire .alire2 .txtalire{
		height:100%;
position: relative;
		background-color:var(--couleur-fond);
		color: var(--couleur-texte);
		text-align:left;
	
		
	}

	.dossier{
		position:absolute;
		top:140px;
	}
	#poles, #direction, #formateurs, #degre1, .annuaireAZ #formateur{
		width:95%;
	}
	#poles h2{
	font-size:16px;
	}
	#formateur .noms {
	font-size: 11px;}
	#formateur .noms a{
		line-height: 1;
		margin-bottom: 10px;
		display: block;
	}
	#poles .noms a, #poles .noms .annu_fonction,  #direction .annu_fonction{
		line-height: 1;
		display: block;
		margin-top:3px;
	}
	#MNUalternatif{
	display:block;
	position:absolute;
	right:4vw;
	top: -30px;
	z-index:100000;
		height: 1px;

	}
	#MNUalternatif.on{
	display:block;
	position:relative;
	top:-150px;
		right: 0.4vw;
		Left:0.4vw;
		margin-bottom:-150px;
	z-index:3000;
		height:100%;
		width: 99vw;
		padding-bottom: 10px;
		background-color:var(--couleur-fond);
		border: solid 1px grey;
	}
	 #MNUalternatif.on .fermemenu{
			font-size: 40px;
			font-weight: bold;
			position: absolute;
			right:4vw;
			top: -30px;
			display:block;
	}
	#MNUalternatif .ouvremenu{
			font-size: 40px;
			font-weight: bold;
			position: absolute;
			right:0;
			top:0;
			display:block;
	}
	
	#MNUalternatif.on .ouvremenu, #MNUalternatif .fermemenu{
			display:none;
	}
	
	.menuAlt{
		display:none;
	}
	#MNUalternatif.on .menuAlt
	{
		display:block;
		position:relative;
		width: 90%;
		margin-left: 3px;
		z-index:-1;
	}
	
	ul.nv2{display:none;}
	li.nv1.on ul.nv2{display:block;}

span.nv1{
	text-transform:uppercase;
	display:block;
	margin-top:20px;
}
ul.nv2 li{

	margin-top:10px;
}

li.nv1.on span:after{
	content:" -";
font-size:30px;
	line-height:1px;

}
li.nv1 span:after{
	content:" +";
font-size:20px;
	line-height:1px;

}
	.menuAlt #icones{
		margin-top: 20px;
		margin-left: 20px;
	
  }

.menuAlt #icones svg{
	min-width:50px;
	min-height:50px;
	width:3.1vw;
	height: 3.1vw;
	margin:-2px;
	fill:var(--couleur-texte);
	max-height:70px;
	max-width:70px;
}
MOT #container article.article .gauche h1
{
	font-size: 1.3 em;
}

#import iframe{
		position: relative;
		top: -150px;
		margin-bottom: 20px;
		display:block;
		min-height: 500px;
		width: 99%;
	}
div.entete{
	margin-top: 50px;
}
}
.sommaire_ancre{
	display: none;
}

/*.accueil #gauche fieldset{
	border: 0;
	
}*/