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

	h1 {
		font-size: 24px;
		letter-spacing: 5px;
	}
	h2 {
		font-size: 20px;
		line-height: 24px;
	}
	h2r {
		margin-left: 7px;
		font-size: 20px;
		line-height: 24px;
		margin-top: -2px;
	}
	h3 {
		font-size: 16px;
		line-height: 24px;
	}
	h4 {
		font-size: 14px;
		line-height: 22px;
	}
	h5 {
		font-size: 12px;
		line-height: 15px;
	}
	h6 {
		font-size: 12px;
		line-height: 15px;
	}
	h7 {
		margin-top: 2px;
		font-size: 13px;
		line-height: 13px;
	}
	p {
		margin: 12px 0px 12px 0;
		font-size: 13px;
		line-height: 18px;
	}
	citation {
		display: block;
		position: relative;
		width: 60vw;
		left: 15vw;
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -1px;
	}

	citation-s {
		font-size: 24px;
		line-height: 30px;
	}
	cartel {
		font-size: 14px;
		line-height: 20px;
	}
	m {
		font-size: 14px;
	}
	sm {
		font-size: 14px;
	}
	picto {
		top: -2px;
		left: 55px;
		font-size: 16px;
		line-height: 18px;
	}
	.fontFooter {
		font-size: 12px;
		line-height: 18px;
	}

	
	/* Site général
   ========================================================================== */
	   
	.contenu-col {
		left: 10vw;
		width: 80vw;
	}
	.contenu-col-s {
		width: 70vw;
		left: 20vw;
	}
	.contenu-espace {
		width: 100%;
		height: 5vw;
	}
	.contenu-espace-s {
		width: 100%;
		height: 3vw;
	}
	.contenu-espace-xs {
		height: 2vw;
	}
	.separateur {
		height: 4px;
	}
	.separateur-dec {
		position: relative;
		width: 100vw;
		left: -10vw;
	}
	.section {
	}
	.section-galerie-espace {
		height: 40px;
	}
	.entete-image-l {
		width: 100vw;
		height: 240px;
	}
	.entete-bandeau {
		height: 2px;
	}
	.entete-citation {
		width: 90vw;
		left: 5vw;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.entete-dashed {
		width: 80vw;
		left: 10vw;
		height: 1px;
	}
	.entete-dashed2 {
		width: auto;
		left: 0vw;
		height: 1px;
	}
	.entete-dashed3 {
		width: 20vw;
		left: 0vw;
		height: 1px;
	}
	.entete-image-m {
		width: 80vw;
		height: 30vw;
		left: 10vw;
		margin-top: 4vw;		
	}
	.entete-image-s {
		height: 20px;	
	}
	.entete-image-l img, .entete-image-m img, .entete-image-s img{
		width: 80vw;
	}
	.entete-titre {
		width: 80vw;
		left: 10vw;	
	}
	.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: 20px;
		line-height: 20px;
		padding: 5px 8px 5px 8px;
		font-size: 14px;
	}
	.bouton2 {
		margin-top: 0px;
		height: 20px;
		line-height: 15px;
		padding: 5px 8px 5px 8px;
		font-size: 13px;
		max-width: 15vw;
		min-width: 6vw;
	}
	
	
	/* Site header
   ========================================================================== */

	.header {
		height: 120px;
	}
	.header-contenu {
		height: 90px;
		width: 90vw;
		left: 5vw;
	}
	.header-logo {
		height: 90px;
		width: 200px;
		background: url("../medias/fase_logo_90.png") no-repeat;
	}
	.header-logo img{
		height: 90px;
		width: 200px;
	}
	.header-falc {
		height: 50px;
		width: 140px;
		top: 25px;
		right: 5vw;
	}
	.header-falc-texte {
		height: 50px;
		width: 140px;
		top: 5px;
	}
	.header-falc-texte p{
		line-height: 20px;
	}


	/* Menu start
	   ========================================================================== */
	   
	.menu {
		height: 30px;
		line-height: 30px;
		top: 90px;
	}
	.menu-contenu {
		height: 30px;
		width: 90vw;
		left: 5vw;
	}
	.menu-items {
		left : 70px;
	}
	.menu-item {
		height: 30px;
		padding: 0px 35px 0px 0px;
	}
	.menu-picto {
		height: 30px;
		width: 30px;
	}
	.sous-menu {
		height: 30px;
		line-height: 40px;
		box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);		
	}
	.sous-menu-contenu {
		height: 30px;
		width: 90vw;
		left: 5vw;
	}
	.sous-menu-items {
		left : 70px;
		width: 90vw;	
	}
	.sous-menu-item {	
		height: 30px;
		padding: 0px 20px 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: 4vw;
		margin-bottom: 40px;
	}
	
	.accueil-projet {
		width:24vw;
		margin-bottom: 45px;
	}
	.accueil-projet-image {
		width: 24vw;
		height: 17vw;
	}
	.accueil-projet-titre {
		margin-top: 25px;
		width: 24vw;
	}
	.accueil-projet-texte {
		margin-top: 15px;
		width: 24vw;
	}	
	
	.accueil-collection-image {
		width: 24vw;
		height: 24vw;
	}
	.accueil-collection-texte-g {
		width: 24vw;
		height: 24vw;
	}
	.accueil-collection-texte-d {
		width: 24vw;
		height: 24vw;
	}
	.accueil-collection-titre {
		width: 24vw;
	}
	.accueil-collection-texte {
		margin-top: 0vw;
		width: 24vw;
	}

	.accueil-galerie {
		width: 80vw;
		left: 10vw;
	}
	.accueil-galerie {
		width: 80vw;
		left: 10vw;
		margin-bottom: 30px;
	}
	.accueil-galerie-image {
		height: 30vw;
		width: 52vw;
	}
	.accueil-galerie-image img{
		height: 30vw;
		width: 52vw;
	}
	.accueil-galerie-contenu {
		margin-left: 4vw;
		width: 24vw;
	}
	.accueil-galerie-titre {
		width : 24vw;
	}
	.accueil-galerie-texte {
		margin-top: 1.5vw;
		width : 24vw;
	}

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

	.projet-menu {
		left: 10vw;
		width: 20vw;	
	}
	.projet-menu-item {
		width: 20vw;
		height: 25px;
	}
	.projet-contenu {
		left: 35vw;
		width: 55vw;
	}
	.projet-contenu-titre {
		margin-bottom: 3vw;
	}
	.projet-contenu-citation {
		margin-bottom: 3vw;
	}
	.projet-contenu-texte {
		margin-bottom: 5vw;
		top: -12px;
	}
	.projet-contenu-image {
		margin-bottom: 8vw;	
	}
	.projet-contenu-fondateur-logo {
		position: absolute;
		width: 80px;
		height: 80px;
		left: 40px;
	}	
	.projet-contenu-fondateur-logo img{
		width: 100%;
		height: auto;
	}
	.projet-contenu-fondateur-citation {
		left: calc(120px + 5vw);
		width: calc(50vw - 120px);
		margin-bottom: 2vw;
	}
	.projet-contenu-fondateur-auteur {
		left: calc(120px + 10vw);
		width: calc(45vw - 120px);
		margin-bottom: 5vw;
	}

	/* Site artistes
   ========================================================================== */

	.artistes-menu {
		height: 25px;
		gap: 0 10px;	
	}
	.artistes-menu-item {
		height: 25px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.artistes-menu-item-s {
		height: 25px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.artistes-thema {
		width: 80vw;
	}
	.artistes-thema-cartel {
		width: 32vw;
	}
	.artistes-thema-titre {
		width: 24vw;
	}
	.artistes-thema-texte {
		width: 25vw;
		left: 2vw;
	}
	.artistes-thema-cont {
		width: 48vw;
	}
	.artistes-thema-liste {
		width: 48vw;
		margin-top: 8vw;
	}
	.artistes-thema-artiste {
		width: 16vw;
		height: 16vw;
	}
	.artistes-thema-artiste-image {
		width: 13vw;
	}
	.artistes-thema-artiste-image img{
		max-width: 13vw;
		max-height: 11vw;
	}
	.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 {
		width: 43vw;
		height: 35px;
		left: 0vw;
		top: -50px;
	}
	.artiste-audio-image {
		width: 120px;
		height: 30px;
	}
	.artiste-texte {
		margin-top: 70px;
		column-gap: 4vw;
	}
	.artiste-texte p{
		margin-top: 0;
	}
	.artiste-oeuvres-items {
		margin-bottom: 2vw;
	}
	.artiste-oeuvres-item {
		width: 20vw;
		height: 20vw;
	}
	.artiste-oeuvres-item-image {
		width: 16vw;
	}
	.artiste-oeuvres-item-image img{
		max-width: 16vw;
		max-height: 12vw;
	}
	.artiste-oeuvres-item-titre {
		margin-top: 0vw;
		width: 18vw;
	}
	.artiste-oeuvres-item-titre p{
		padding: 0px 0px 10px 0px;
		font-size: 14px;
	}
	
	/* Site oeuvres
   ========================================================================== */

	.oeuvres-artistes {
		width: 80vw;
	}
	
	
	/* Site oeuvre
   ========================================================================== */

	.oeuvre-fs-image {
		height: calc((100vh - calc(100vh - 100%)) * 0.95 - 60px);
	}
	.oeuvre-fs-cartel {
		width: 600px;
		bottom: 60px;
		left: calc((100vw - 600px) / 2);
	}
	.oeuvre-fs-titre {
		width: 600px;
		top: 5px;
	}
	.oeuvre-fs-artiste {
		width: 600px;
		top:25px;
	}
	.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: 40vw;
	}
	.oeuvre-contenu-t-artiste {
		width: 25vw;
		margin-bottom: 0vw;
	}
	.oeuvre-contenu-t-titre {
		width: 25vw;
		margin-bottom: 1vw;
	}
	.oeuvre-contenu-t-technique {
		width: 25vw;
	}
	.oeuvre-contenu-t-date {
		width: 25vw;
		margin-bottom: 2vw;
	}
	.oeuvre-contenu-c {
		width: 90vw;
	}
	.oeuvre-contenu-g {
		position: relative;
		width: 44vw;
	}
	.oeuvre-contenu-g-image {
		width: 44vw;
	}
	.oeuvre-contenu-g-image img{
		max-width: 44vw;
		max-height: 55vw;
	}
	.oeuvre-contenu-g-explorer {
		width: 100px;
		height: 30px;
		margin-top: 1vw;
	}
	.oeuvre-contenu-d {
		width: 46vw;
	}
	.oeuvre-contenu-d-audio {
		width: 43vw;
		top: -60px;
	}
	.oeuvre-contenu-d-audio-image {
		width: 120px;
		height: 35px;
		left: 6vw;
	}
	.oeuvre-contenu-d-texte {
		left: 6vw;
		width: 40vw;
	}
	.oeuvre-contenu-d-texte p{
		margin-bottom: 2vw;
	}


/* Audio
   ========================================================================== */
	   
	.audio-espace {
		height: 3vw;
	}
	.audio-rubrique {
		width: 70vw;
	}
	.audio-rubrique-picto {
		width: 32px;
		height: 24px;
	}
	.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 {
		height: 60px;
		width: 135px;
		background: url("../medias/fase_logo_60.png") no-repeat;
		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-items {
		width: 30vw;
		left: 5vw;
	}
	.galerie-menu-titre {
		width: 30vw;
		height: 60px;	
	}
	.galerie-menu-titre h1{
		font-size: 30px;
		line-height: 15px;
	}
	.galerie-menu-item {
		width: 30vw;
		height: 15px;		
	}
	.galerie-menu-item h2{
		line-height: 15px;
	}
	.galerie-menu-espace {
		height: 15px;	
	}
	#galerie-3d-fermer {
		width: 40px;
		height: 40px;
		bottom: 15px;
		right: 15px;
	}


	/* FALC
   ========================================================================== */
   
	.falc-logo {
		width: 100px;
		height: 100px;
		left: 5vw;
	}
	.falc-logo img{
		width: 100px;
	}
	.falc-col{
		width: 65vw;
		left: 25vw;
	}
	.falc-sousTitre {
		margin-bottom: 5vw;
	}
	.falc-item-titre {
		width: 15vw;
	}
	.falc-item-texte {
		width: 45vw;
		left: 20vw;
		margin-bottom: 5vw;
	}
	.falc-item-texte p{
		font-size: 16px;
		line-height: 30px;
	}
	
	/* Site A propos
   ========================================================================== */

	.com-menu {
		left: 5vw;
		width: 20vw;	
	}
	.com-menu-item {
		width: 20vw;
		margin-bottom: 5px;
	}
	.com-menu-item h3, .com-menu-item h4{
		line-height: 22px;
	}
	.com-contenu {
		left: 30vw;
		width: 65vw;
	}
	.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: 400px;	
	}

	.recherche-barre {
		position: absolute;
		left: -30px;
		top: 2px;
		width : 20px;
		height: 20px;
	}
	
	
	/* Footer
	   ========================================================================== */
	   
	.footer-image {
		height: 100px;
	}
	.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: -80px;
		margin-top: 0px;
	}
	.footer-colonne {
		width: 220px;
	}
	.footer-colonne-1 {
		position: absolute;
		margin-left: -120px;
		width: 100px;
		text-align: right;	
	}
	.footer-colonne-2 {
		position: relative;
		margin-left: 100px;
		margin-bottom: 0px;
	}


}