@media screen and (max-width: 859px) {
	
	
	
	
	/* Sections
	========================================================================== */

	h1 {
		font-size: 22px;
		letter-spacing: 5px;
	}
	h2 {
		font-size: 18px;
		line-height: 24px;
	}
	h2r {
		margin-left: 7px;
		font-size: 24px;
		line-height: 24px;
		margin-top: -2px;
	}
	h3 {
		font-size: 16px;
		line-height: 20px;
	}
	h4 {
		font-size: 14px;
		line-height: 22px;
	}
	h5 {
		font-size: 13px;
		line-height: 15px;
	}
	h6 {
		font-size: 12px;
		line-height: 15px;
	}
	h7 {
		margin-top: 2px;
		font-size: 13px;
		line-height: 13px;
	}
	p {
		margin: 8px 0px 8px 0;
		font-size: 13px;
		line-height: 16px;
	}
	citation {
		display: block;
		position: relative;
		width: 70vw;
		left: 10vw;
		font-size: 18px;
		line-height: 20px;
		letter-spacing: 0px;
	}
	citation-s {
		font-size: 20px;
		line-height: 30px;
	}
	cartel {
		font-size: 14px;
		line-height: 20px;
	}
	m {
		font-size: 13px;
	}
	sm {
		font-size: 13px;
	}
	picto {
		top: -2px;
		left: 55px;
		font-size: 16px;
		line-height: 20px;
	}
	.fontFooter {
		font-size: 12px;
		line-height: 18px;
	}

	
	/* Site général
	========================================================================== */
	   
	.contenu-col {
		left: 10vw;
		width: 80vw;
	}
	.contenu-col-dec {
		left: 5vw;
		width: 80vw;
	}
	.contenu-col-s {
		width: 80vw;
		left: 10vw;
	}
	.contenu-espace {
		width: 100%;
		height: 5vw;
	}
	.contenu-espace-s {
		width: 100%;
		height: 3vw;
	}
	.contenu-espace-xs {
		height: 4vw;
	}
	.separateur {
		height: 4px;
	}
	.separateur-dec {
		position: relative;
		width: 100vw;
		left: -10vw;
	}
	.section {
	}
	.section-galerie-espace {
		height: 25px;
	}
	.entete-image-l {
		width: 100vw;
		height: 35vw;
	}
	.entete-bandeau {
		height: 2px;
	}
	.entete-citation {
		width: 90vw;
		left: 5vw;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.entete-dashed {
		width: 80vw;
		left: 10vw;
		height: 1px;
	}
	.entete-dashed2 {
		width: 80vw;
		left: 0vw;
		height: 1px;
	}
	.entete-image-m {
		left: 10vw;
		width: 80vw;
		height: 30vw;
		margin-top: 4vw;		
	}
	.entete-image-m img{
		width: 100vw;		
	}
	.entete-image-s {
		height: 15px;	
	}
	.entete-image-l img, .entete-image-m img, .entete-image-s img{
	}
	.entete-titre {
		height: auto;
		width: 80vw;
		left: 10vw;
		text-align: center;
		margin-bottom : 2vw;
	}
	.entete-titre img {
		top: -200px;	
	}
	.skip-link {
		top:-65px;
		-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
		box-shadow:0 0 2px 2px rgba(0,0,0,.6);
		font-size: 14px;
		left:4px;
		line-height: normal;
		padding: 10px 15px 10px;
	}
	.skip-link:focus {
		top: 5px;
	}
	.bouton {
		margin-top: 10px;
		height: auto;
		line-height: 20px;
		padding: 3px 5px 3px 5px;
		font-size: 14px;
		margin-bottom: 25px;
		left: 0vw;
	}
	.bouton2 {
		margin-top: 0px;
		height: 20px;
		line-height: 15px;
		padding: 5px 8px 5px 8px;
		font-size: 13px;
		max-width: 30vw;
		min-width: 20vw;
	}
	
	
	/* Site header
	========================================================================== */

	.header {
		height: 90px;
	}
	.header-contenu {
		height: 60px;
		width: 90vw;
		left: 5vw;
	}
	.header-logo {
		height: 60px;
		width: 135px;
		background: url("../medias/fase_logo_60.png") no-repeat;
	}
	.header-logo img{
		height: 60px;
		width: 135px;
	}
	.header-falc {
		height: 35px;
		width: 100px;
		top: 16px;
		right: 0;
	}
	.header-falc-texte {
		height: 30px;
		width: 100px;
		top: 4px;
	}
	.header-falc-texte p{
		font-size: 10px;
        line-height: 13px;
		font-family: 'Roboto-Regular', sans-serif;
	}


	/* Menu start
	========================================================================== */
	   
	.menu {
		height: 30px;
		line-height: 30px;
		top: 90px;
	}
	.menu-contenu {
		height: 30px;
		width: 90vw;
		left: 5vw;
	}
	.menu-items {
		left : 20px;
	}
	.menu-item {
		height: 30px;
		padding: 0px 15px 0px 0px;
	}
	.menu-picto {
		height: 30px;
		width: 30px;
	}
	.sous-menu {
		height: auto;
		line-height: 40px;
		box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);		
	}
	.sous-menu-contenu {
		height: auto;
		width: 90vw;
		left: 5vw;
	}
	.sous-menu-items {
		position: relative;
		left : 20px;
		width: 90vw;	
	}
	.sous-menu-item {	
		height: 30px;
		padding: 0px 15px 0px 0px;
		line-height: 30px;
	}
	.sous-menu-item a {
	}
	.search-field {
		position: relative;
		top: -5px;
		padding-block: 2px;
		padding-inline: 2px;
		border-width: 1px;
		font-size: 12px;
	}

	.search-submit {
		position: relative;
		top: -5px;
		padding-block: 2px;
		padding-inline: 5px;
		border-width: 1px;
		font-size: 12px;
	}
	

	/* Site accueil
	========================================================================== */

	.accueil-rubriques {
		width: 80vw;
		left: 10vw;
		gap: 4vw 4vw;
		margin-top: 40px;
		margin-bottom: 25px;
	}
	
	.accueil-projet {
		width:90vw;
		margin-bottom: 15px;
	}
	.accueil-projet-image {
		width: 80vw;
		height: 50vw;
		left: 0vw;
	}
	.accueil-projet-titre {
		margin-top: 10px;
		width: 80vw;
		left: 0vw;
	}
	.accueil-projet-texte {
		margin-top: 10px;
		width: 80vw;
		left: 0vw;
	}
	
	
	.accueil-collection-image {
		width: 38vw;
		height: 38vw;
	}
	.accueil-collection-texte-g {
		width: 80vw;
		height: 80vw;
		height: auto;
	}
	.accueil-collection-texte-d {
		width: 90vw;
		height: 90vw;
		align-items: flex-start;
		text-align: left;
		height: auto;
	}
	.accueil-collection-titre {
		margin-top: 10px;
		width: 90vw;
		left: 0vw;
	}
	.accueil-collection-texte {
		margin-top: 10px;
		width: 100%;
		
	}
	.accueil-collection-dashed {
		display: none;
	}
	
	#img1 {
		order: 1;
	}
	#img2 {
		order: 2;
	}
	#txt1 {
		order: 3;
	}
	#img3 {
		order: 4;
	}
	#img4 {
		order: 5;
	}
	#txt2 {
		order: 6;
	}
	#img5 {
		order: 7;
	}
	#img6 {
		order: 8;
	}
	#txt3 {
		order: 9;
	}
	#img7 {
		order: 10;
	}
	#img8 {
		order: 11;
	}
	#txt4 {
		order: 12;
	}

	.accueil-galerie {
		width: 80vw;
		left: 10vw;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		margin-bottom: 10px;
	}
	.accueil-galerie-image {
		height: auto;
		width:80vw;
		left: 0vw;
		margin-left: 0px;
		text-align: left;
		margin-top: 30px;
	}
	.accueil-galerie-image img{
		position: relative;
		height: auto;
		width: 100%;
		max-width: 100%;
	}
	.accueil-galerie-contenu {
		position: relative;
		order: 2;
		left: 0px;
		text-align: left;
		margin-left: 0;
		align-items: flex-start;
		margin-top: 30px;
	}
	.accueil-galerie-titre {
		width : 80vw;
		margin-top: 10px;
	}
	.accueil-galerie-texte {
		margin-top: 1.5vw;
		width : 80vw;
	}

	
	
	/* Site projet
	========================================================================== */

	.projet-menu {
		display: none;
	}
	.projet-menu-mobile {
		display: block;
		position: relative;
		width: 100vw;
		left: 0vw;
		margin-bottom: 5vw;
	}
	.projet-menu-mobile-item {
		position: relative;
		width: 90vw;
		height: 25px;
		text-align: center;
		left: 5vw;
	}
	.projet-contenu {
		left: 10vw;
		width: 80vw;
	}
	.projet-contenu-titre {
		margin-bottom: 3vw;
	}
	.projet-contenu-citation {
		width: 70vw;
		left: 5vw;
		margin-bottom: 3vw;
	}
	.projet-contenu-texte {
		margin-bottom: 5vw;
	}
	.projet-contenu-image {
		margin-bottom: 8vw;	
	}
	.projet-contenu-fondateur-logo {
		position: absolute;
		width: 80px;
		height: 80px;
		left: 0;
	}	
	.projet-contenu-fondateur-logo img{
		position: absolute;
		max-width: 80px;
		max-height: 80px;
	}
	.projet-contenu-fondateur-citation {
		width: calc(80vw - 90px);
		left: 80px;
		margin-bottom: 2vw;
	}
	.projet-contenu-fondateur-auteur {
		width: calc(80vw - 80px);
		left: 90px;
		margin-bottom: 7vw;
	}
	.projet-menu-pdf {
		left: 10vw;
		width: 80vw;
		text-align: center;
		margin-top: -5vw;
		margin-bottom: 5vw;
		padding: 10px 0px 10px;;
	}
	.projet-menu-pdf p{
		font-family: 'Roboto-Medium', sans-serif;
		margin: 0;
		line-height: 20px;
	}
	
	/* Site artistes
	========================================================================== */

	.artistes-menu {
		height: auto;
		gap: 5px 10px;	
	}
	.artistes-menu-item {
		height: 20px;
		padding-left: 8px;
		padding-right: 8px;
	}
	.artistes-menu-item-s {
		height: 20px;
		padding-left: 8px;
		padding-right: 8px;
	}
	.artistes-thema {
		width: 80vw;
		display: flex;
		flex-direction: row;
	}
	.artistes-thema-cartel {
		width: 80vw;
	}
	.artistes-thema-titre {
		width: 80vw;
	}
	.artistes-thema-texte {
		width: 80vw;
		left: 0;
		margin-top: 8vw;
	}
	.artistes-thema-cont {
		width: 80vw;
	}
	.artistes-thema-liste {
		width: 80vw;
		margin-top: 5vw;
		        margin-bottom: 10vw;
		align-content: center;
		align-items: center;
	}
	.artistes-thema-artiste {
		width: 40vw;
		height: 40vw;
	}
	.artistes-thema-artiste-image {
		position: relative;
		width: 40vw;
	}
	.artistes-thema-artiste-image img{
		max-width: 30vw;
		max-height: 30vw;
	}
	.artistes-thema-artiste-nom {
		margin-top: 2vw;
		height: 25px;
		line-height: 25px;
		padding: 0 5px 0 5px;
	}
	.artistes-espace {
		height: 5vw;
	}
	
	
	/* Site artiste
    ========================================================================== */

	.artiste-titre {
		width: 43vw;
	}
	.artiste-audio {
		position: relative;
		width: 43vw;
		height: 35px;
		left: 0vw;
		top: 30px;
		margin-bottom: 2vw;
	}
	.artiste-audio-image {
		width: 120px;
		height: 30px;
	}
	.artiste-texte {
		position: relative;
		margin-top: 60px;
		columns: 1;
		column-gap: 4vw;
	}
	.artiste-texte p{
		margin-top: 0;
	}
	.artiste-oeuvres-items {
		margin-bottom: 5vw;
		margin-top: 5vw;
		width: 90vw;
	}
	.artiste-oeuvres-item {
		width: 40vw;
		height: 40vw;
	}
	.artiste-oeuvres-item-image {
		position: relative;
		width: 40vw;
	}
	.artiste-oeuvres-item-image img{
		max-width: 30vw;
		max-height: 30vw;
	}
	.artiste-oeuvres-item-titre {
		margin-top: 0vw;
		width: 40vw;
	}
	.artiste-oeuvres-item-titre p{
		padding: 0px 0px 10px 0px;
		font-size: 14px;
	}
	
	
	/* Site oeuvres
    ========================================================================== */

	.oeuvres-artistes {
		width: 80vw;
		margin-bottom: 3vw;
	}
	.oeuvres-artiste-espace {
		height: 5vw;
	}
	.oeuvres-artiste-items {
		margin-top: 10px;
	}
	
	
	/* Site oeuvre
    ========================================================================== */

	.oeuvre-fs-image {
		height: calc((100vh - calc(100vh - 100%)) * 0.95 - 60px);
	}
	.oeuvre-fs-cartel {
		width: calc(100vw - 160px);
		bottom: 15px;
		height: 50px;
		left: 5vw;
		text-align: left;
	}
	.oeuvre-fs-titre {
		width: calc(100vw - 160px);
		top: 5px;
		text-align: left;
	}
	.oeuvre-fs-titre h3{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.oeuvre-fs-artiste {
		width: calc(100vw - 160px);
		top:25px;
		text-align: left;
	}
	.oeuvre-fs-artiste h4{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.oeuvre-fs-plus {
		width: 30px;
		height: 30px;
		right: calc(5vw + 35px);
		bottom: 20px;
	}
	.oeuvre-fs-moins {
		width: 30px;
		height: 30px;
		right: calc(5vw + 70px);
		bottom: 20px;
	}
	.oeuvre-fs-close {
		width: 30px;
		height: 30px;
		right: calc(5vw);
		bottom: 20px;
	}
	
	.oeuvre-3d-image {
		height: calc((100vh - calc(100vh - 100%)) * 0.95 - 60px);
	}
	.oeuvre-3d-image img {
		max-height: calc((100vh - calc(100vh - 100%)) * 0.95 - 60px);
	}
	.oeuvre-3d-bt-fermer {
		width: 30px;
		height: 30px;
		right: 15px;
		bottom: 15px;
	}

	.oeuvre-contenu-t {
		width: 80vw;
	}
	.oeuvre-contenu-t-artiste {
		width: 80vw;
		margin-bottom: 0vw;
	}
	.oeuvre-contenu-t-titre {
		width: 80vw;
		margin-bottom: 0vw;
	}
	.oeuvre-contenu-t-technique {
		width: 80vw;
	}
	.oeuvre-contenu-t-date {
		width: 80vw;
		margin-bottom: 3vw;
	}
	.oeuvre-contenu-c {
		width: 80vw;
		flex-direction: column;
	}
	.oeuvre-contenu-g {
		position: relative;
		width: 80vw;
	}
	.oeuvre-contenu-g-image {
		width: 80vw;
		text-align: center;
	}
	.oeuvre-contenu-g-image img{
		max-width: 80vw;
		max-height: 80vh;
	}
	.oeuvre-contenu-g-explorer {
		width: 120px;
		height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.oeuvre-contenu-d {
		width: 80vw;
		margin-top: 10px;
	}
	.oeuvre-contenu-d-audio {
		position: absolute;
		width: 40vw;
		top: -50px;
		right: 0vw;
	}
	.oeuvre-contenu-d-audio-image {
		width: 120px;
		height: 35px;
		left: 0vw;
	}
	.oeuvre-contenu-d-texte {
		left: 0vw;
		width: 80vw;
		margin-top: 10px;
	}
	.oeuvre-contenu-d-texte p{
		margin-bottom: 2vw;
	}
	
	
	/* Audio
	========================================================================== */
	   
	.audio-espace {
		height: 3vw;
	}
	.audio-rubrique {
		width: 70vw;
	}
	.audio-rubrique-picto {
		width: 32px;
		height: 24px;
		right: -85px;
	}
	.audio-rubrique-nom {
		width: 60vw;
		margin-bottom: 1vw;
	}
	.audio-rubrique-oeuvre {
		left: 5vw;
		width: 55vw;
		margin-bottom: 1vw;
	}
	.audio-rubrique-theme {
		width: 60vw;
		margin-bottom: 2vw;
	}

	
	/* Audio player
	========================================================================== */
	   
	.lecteur-audio {
		height: 40px;
	}
	.lecteur-audio-player {
		width: 90vw;
		left:5vw;
		top: 6px;
		height: 25px;
	}
	.play-icon {
		width: 20px;
		height: 20px;
		top: 3px;
	}
	#play-icon {
	}
	.mute-icon {
		width: 20px;
		height: 20px;
		top: 3px;
	}
	.seek-slider {
		left:75px;
		top: 10px;
		width: calc(90vw - 250px);
		height: 3px;
	}
	input[type='range'] {
	  height: 6px;
	}
	input[type='range']::-webkit-slider-runnable-track {
	  height: 6px;
	}

	input[type='range']::-webkit-slider-thumb {
	  margin-top: -5px;
	  height: 16px;
	  width: 3px;
	}
	.current-time {
		left: 25px;
		top: 6px;
		width: 35px;
	}
	.duration {
		top: 6px;
		right: 130px;
		width: 35px;
	}
	.volume-slider {
		right: 35px;
		top: 10px;
		width: 60px;
	}
	
	
	/* Galerie
   ========================================================================== */
   
	.galerie-logo {
		width: 150px;
		height: 85px;
		left: 25px;
		top: 5px;	
	}
	.galerie-logo img{
		width: 150px;
		height: auto;	
	}
	#bouton-fullscreen {
		width: 300px;
		padding: 6px 15px 6px 15px;
	}
	#warning-message-texte {
		width: 300px;
	}
	.galerie-menu {
	}
	.galerie-menu-items {
		width: 30vw;
		left: 5vw;
	}
	.galerie-menu-titre {
		width: 30vw;
		height: 50px;	
	}
	.galerie-menu-titre h1{
		font-size: 24px;
		line-height: 15px;
	}
	.galerie-menu-item {
		width: 30vw;
		height: 25px;		
	}
	.galerie-menu-item h2{
		font-size: 16px;
		line-height: 25px;
	}
	.galerie-menu-espace {
		height: 10px;	
	}
	#galerie-3d-fermer {
		width: 40px;
		height: 40px;
		bottom: 15px;
		right: 15px;
	}
	
	
	/* FALC
   ========================================================================== */
   
	.falc-logo {
		position: relative;
		width: 80px;
		height: 80px;
		left: calc((100vw - 80px) / 2);
		margin-bottom: 20px;
	}
	.falc-logo img{
		width: 80px;
	}
	.falc-col{
		width: 80vw;
		left: 10vw;
	}
	.falc-sousTitre {
		margin-bottom: 5vw;
	}
	.falc-item-titre {
		position: relative;
		width: 80vw;
		text-align: left;
	}
	.falc-item-texte {
		width: 80vw;
		left: 0vw;
		margin-bottom: 10vw;
	}
	.falc-item-texte p{
		font-size: 14px;
		line-height: 20px;
	}
	
	
	/* Site A propos
   ========================================================================== */

	.com-menu {
		display: none;	
	}
	.com-contenu {
		left: 5vw;
		width: 90vw;
	}
	.com-contenu-titre h1{
		font-size: 30px;
		margin-bottom: 15px;
	}
	.com-contenu-texte {
		margin-bottom: 30px;
	}
	.com-contenu-texte p{
		margin-bottom: 15px;
	}
	.com-contenu-texte h2{
		margin-bottom: 4px;
	}
	.com-contenu-texte h3{
		margin-top: 4px;
	}
	
	
	/* Site Recherche
   ========================================================================== */

	.recherche-espace {
		height: 25px;	
	}

	.recherche-item {
		position: relative;
		width: 80vw;	
	}

	.recherche-barre {
		position: absolute;
		left: -30px;
		top: 2px;
		width : 20px;
		height: 20px;
	}
	
	
	/* Footer
	========================================================================== */
	   
	.footer-image {
		height: 100px;
	}
	.footer-image img{
		width: auto;
	}
	.footer {
		padding-bottom: 20px;
	}
	.footer-contenu {
		width: calc(90vw - 80px);
		left: calc(5vw + 80px);
		top: 30px;
		margin-bottom: 30px;
		gap: 0px 20px;
	}
	.footer-contenu p{
		font-size: 12px;
		line-height: 18px;
	}
	.footer-logo {
		width: 40px;
		height: 40px;
		left: -40px;
		margin-top: 0px;
	}
	.footer-colonne {
		width: 220px;
		margin-bottom: 10px;
	}
	.footer-colonne-1 {
		position: absolute;
		margin-left: -120px;
		width: 100px;
		text-align: right;	
	}
	.footer-colonne-2 {
		position: relative;
		margin-left: 100px;
		margin-bottom: 0px;
	}

}