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

	h1 {
		font-size: 35px;
		letter-spacing: 8px;
	}
	h2 {
		font-size: 24px;
		line-height: 28px;
	}
	h2r {
		margin-left: 7px;
		font-size: 24px;
		line-height: 30px;
		margin-top: -3px;
	}
	h3 {
		font-size: 20px;
		line-height: 30px;
	}
	h4 {
		font-size: 20px;
		line-height: 30px;
	}
	h5 {
		font-size: 14px;
		line-height: 18px;
	}
	h6 {
		font-size: 14px;
		line-height: 18px;
	}
	h7 {
		margin-top: 3px;
		font-size: 14px;
		line-height: 14px;
	}
	p {
		margin: 12px 0px 12px 0;
		font-size: 14px;
		line-height: 22px;
	}
	citation {
		display: block;
		position: relative;
		width: 800px;
		left: 112px;
		font-size: 28px;
		line-height: 32px;
		letter-spacing: 0px;
	}
	citation-s {
		font-size: 32px;
		line-height: 40px;
	}
	cartel {
		font-size: 16px;
		line-height: 24px;
	}
	m {
		font-size: 16px;
	}
	sm {
		font-size: 16px;
	}
	picto {
		top: -2px;
		left: 55px;
		font-size: 16px;
		line-height: 24px;
	}
	.fontFooter {
		font-size: 14px;
		line-height: 22px;
	}

	
	/* Site général
   ========================================================================== */
	   
	.contenu-col {
		left: calc(( 100vw - 1024px) / 2);
		width: 1024px;
	}
	.contenu-col-s {
		width: 980px;
		left: calc((100vw - 1024px) / 2 + 180px);
	}
	.contenu-espace {
		width: 100%;
		height: 65px;
	}
	.contenu-espace-s {
		width: 100%;
		height: 40px;
	}
	.contenu-espace-xs {
		height: 20px;
	}
	.separateur {
		height: 6px;
	}
	.separateur-dec {
		position: relative;
		width: 100vw;
		left: calc((1024px - 100vw) / 2);
	}
	.section-galerie {
	}
	.section-galerie-espace {
		height: 60px;
	}
	.entete-image-l {
		width: 100vw;
		height: 400px;
		background-size: auto 400px;
	}
	.entete-bandeau {
		height: 3px;
	}
	.entete-citation {
		width: 1024px;
		left: calc((100vw - 1024px) / 2);
		margin-top: 60px;
		margin-bottom: 80px;
	}
	.entete-dashed {
		width: 1024px;
		left: calc((100vw - 1024px) / 2);
		height: 1px;
	}
	.entete-image-m {
		width: 1024px;
		left: calc((100vw - 1024px) / 2);
		height: 350px;
		margin-top: 30px;		
	}
	.entete-image-s {
		height: 25px;	
	}
	.entete-image-l img, .entete-image-m img, .entete-image-s img{
	}
	.entete-titre {
		width: 1024px;
		left: calc((100vw - 1024px) / 2);
	}
	.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: 15px;
		height: 25px;
		line-height: 25px;
		padding: 3px 0px 0px 0px;
		font-size: 16px;
	}
	.bouton2 {
		margin-top: 5px;
		height: 18px;
		line-height: 18px;
		padding: 3px 0px 0px 0px;
		font-size: 13px;
		min-width: 100px;
	}
	
	
	/* Site header
   ========================================================================== */

	.header {
		height: 140px;
	}
	.header-contenu {
		height: 110px;
		width: 1024px;
		left: calc((100vw - 1024px) / 2);
	}
	.header-logo {
		height: 110px;
		width: 250px;
		background: url("../medias/fase_logo_110.png") no-repeat;
	}
	.header-falc {
		height: 50px;
		width: 140px;
		top: 45px;
	}
	.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: 110px;
	}
	.menu-contenu {
		height: 30px;
		width: 1024px;
		left: calc((100vw - 1024px) / 2);
	}
	.menu-items {
		left : 85px;
	}
	.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: 1024px;
		left: calc((100vw - 1024px) / 2);
	}
	.sous-menu-items {
		left : 85px;
		width: 1024px;	
	}
	.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: 1024px;
		left: calc((100vw - 1024px) / 2);
		gap: 32px 32px;
		margin-top: 65px;
		margin-bottom: 0px;
	}
	
	.accueil-projet {
		width: 310px;
		margin-bottom: 45px;
	}
	.accueil-projet-image {
		width: 310px;
		height: 210px;
	}
	.accueil-projet-titre {
		margin-top: 30px;
		width: 310px;
	}
	.accueil-projet-texte {
		margin-top: 15px;
		width: 310px;
	}		
	
	.accueil-collection-image {
		width: 325px;
		height: 325px;
	}
	.accueil-collection-texte-g {
		width: 310px;
		height: 310px;
	}
	.accueil-collection-texte-d {
		width: 310px;
		height: 310px;
	}
	.accueil-collection-titre {
		width : 250px;
	}
	.accueil-collection-texte {
		margin-top: 10px;
		width : 310px;
	}
	
	.accueil-galerie {
		width: 1024px;
		left: calc((100vw - 1024px) / 2);
		margin-bottom: 50px;
	}
	.accueil-galerie-image {
		height: 377px;
		width: 667px;
	}
	.accueil-galerie-image img{
		height: 377px;
		width: 667px;
	}
	.accueil-galerie-contenu {
		margin-left: 47px;
		width: 310px;
	}
	.accueil-galerie-titre {
		width : 250px;
	}
	.accueil-galerie-texte {
		margin-top: 15px;
		width : 310px;
	}

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

	.projet-menu {
		left: calc(( 100vw - 1024px) / 2);
		width: 250px;	
	}
	.projet-menu-item {
		position: relative;
		width: 250px;
		height: 30px;
	}
	.projet-contenu {
		position: relative;
		left: calc(( 100vw - 1024px) / 2 + 320px);
		width: 704px;
	}
	.projet-contenu-titre {
		margin-bottom: 30px;
	}
	.projet-contenu-citation {
		margin-bottom: 35px;
	}
	.projet-contenu-texte {
		margin-bottom: 55px;
	}
	.projet-contenu-image {
		margin-bottom: 55px;
	}
	.projet-contenu-fondateur-logo {
		left: 60px;
		width: 120px;
		height: 120px;
	}
	.projet-contenu-fondateur-logo img{
		width: 100%;
		height: auto;
	}
	.projet-contenu-fondateur-citation {
		left: 280px;
		width: 450px;
		margin-bottom: 15px;
	}
	.projet-contenu-fondateur-auteur {
		left: 450px;
		width: 300px;
		margin-bottom: 60px;
	}

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

	.artistes-menu {
		height: 30px;
		gap: 0 12px;	
	}
	.artistes-menu-item {
		height: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.artistes-menu-item-s {
		height: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.artistes-thema {
		width: 1024px;
	}
	.artistes-thema-cartel {
		width: 409px;
	}
	.artistes-thema-titre {
		width: 360px;
	}
	.artistes-thema-texte {
		width: 320px;
		margin-top: 40px;
		left: 30px;
	}
	.artistes-thema-cont {
		width: 614px;
	}
	.artistes-thema-liste {
		width: 615px;
		margin-top: 75px;
	}
	.artistes-thema-artiste {
		width: 204.8px;
		height: 204.8px;
	}
	.artistes-thema-artiste-image {
		width: 160px;
	}
	.artistes-thema-artiste-image img{
		max-width: 160px;
		max-height: 140px;
	}
	.artistes-thema-artiste-nom {
		margin-top: 14px;
		height: 30px;
		line-height: 30px;
		padding: 0 7px 0 7px;
	}
	.artistes-espace {
		height: 60px;
	}
	
	
	/* Site artiste
   ========================================================================== */

	.artiste-titre {
		width: 450px;
	}
	.artiste-audio {
		width: 480px;
		height: 130px;
		left: 0px;
		top: -50px;
	}
	.artiste-audio-image {
		width: 165px;
		height: 40px;
	}
	.artiste-texte {
		margin-top: 70px;
		column-gap: 60px;
	}
	.artiste-oeuvres-items {
		margin-bottom: 40px;
	}
	.artiste-oeuvres-item {
		width: 256px;
	}
	.artiste-oeuvres-item-image {
		width: 190px;
	}
	.artiste-oeuvres-item-image img{
		max-width: 190px;
		max-height: 185px;
	}
	.artiste-oeuvres-item-titre {
		margin-top: 0px;
		width: 190px;
	}
	.artiste-oeuvres-item-titre p{
		padding: 0px 0px 10px 0px;
		font-size: 16px;
	}
	
	/* Site oeuvres
   ========================================================================== */

	.oeuvres-artistes {
		width: 1024px;
	}
	.oeuvres-artiste-espace {
		height: 40px;
	}
	.oeuvres-artiste-item {
		width: 260px;
		height: 260px;
	}
	.oeuvres-artiste-item-image {
		width: 190px;
	}
	.oeuvres-artiste-item-image img{
		max-width: 190px;
		max-height: 170px;
	}
	.oeuvres-artiste-item-titre {
		margin-top: 12px;
		width: 190px;
	}
	
	
	/* Site oeuvre
   ========================================================================== */

	.oeuvre-fs-image {
		height: calc((100vh - calc(100vh - 100%)) * 0.95 - 80px);
	}
	.oeuvre-fs-cartel {
		width: 750px;
		bottom: 70px;
		left: calc((100vw - 750px) / 2);
	}
	.oeuvre-fs-titre {
		width: 750px;
		top: 5px;
	}
	.oeuvre-fs-artiste {
		width: 750px;
		top: 30px;
	}
	.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 - 80px);
	}
	.oeuvre-3d-image img {
		max-height: calc((100vh - calc(100vh - 100%)) * 0.95 - 80px);
	}
	.oeuvre-3d-bt-fermer {
		width: 40px;
		height: 40px;
		right: 20px;
		bottom: 20px;
	}
	.oeuvre-contenu-t {
		width: 580px;
	}
	.oeuvre-contenu-t-artiste {
		width: 365px;
		margin-bottom: 6px;
	}
	.oeuvre-contenu-t-titre {
		width: 365px;
		margin-bottom: 12px;
	}
	.oeuvre-contenu-t-technique {
		width: 365px;
	}
	.oeuvre-contenu-t-date {
		width: 365px;
		margin-bottom: 25px;
	}
	.oeuvre-contenu-c {
		width: 1024px;
	}
	.oeuvre-contenu-g {
		position: relative;
		width: 580px;
	}
	.oeuvre-contenu-g-image {
		width: 580px;
	}
	.oeuvre-contenu-g-image img{
		max-width: 580px;
		max-height: 460px;
	}
	.oeuvre-contenu-g-explorer {
		width: 120px;
		height: 35px;
		margin-top: 30px;
	}
	.oeuvre-contenu-d {
		width: 445px;
	}
	.oeuvre-contenu-d-audio {
		width: 445px;
		top: -60px;
	}
	.oeuvre-contenu-d-audio-image {
		width: 150px;
		height: 40px;
		left: 60px;
	}
	.oeuvre-contenu-d-texte {
		left: 60px;
		width: 375px;
	}
	.oeuvre-contenu-d-texte p{
		margin-bottom: 20px;
	}


/* Audio
   ========================================================================== */
	   
	.audio-espace {
		height: 30px;
	}
	.audio-rubrique {
		width: 660px;
	}
	.audio-rubrique-picto {
		width: 40px;
		height: 30px;
		right: -60px;
	}
	.audio-rubrique-nom {
		width: 600px;
		margin-bottom: 15px;
	}
	.audio-rubrique-oeuvre {
		left: 70px;
		width: 530px;
		margin-bottom: 15px;
	}
	.audio-rubrique-theme {
		width: 600px;
		margin-bottom: 25px;
	}

	/* Audio player
   ========================================================================== */
	   
	.lecteur-audio {
		height: 40px;
	}
	.lecteur-audio-player {
		width: 1024px;
		left: calc((100vw - 1024px) / 2 );
		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: 770px;
		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: 110px;
		width: 250px;
		background: url("../medias/fase_logo_110.png") no-repeat;
		left: 30px;
		top: 10px;	
	}
	.galerie-logo img{
		width: 200px;
		height: auto;	
	}
	#bouton-fullscreen {
		width: 350px;
		padding: 8px 20px 8px 20px;
	}
	#warning-message-texte {
		width: 350px;
	}
	.galerie-menu-items {
		width: 30vw;
		left: 5vw;
	}
	.galerie-menu-titre {
		width: 30vw;
		height: 100px;	
	}
	.galerie-menu-titre h1{
		font-size: 40px;
		top: -15px;
		line-height: 20px;
	}
	.galerie-menu-titre h1{
		font-size: 40px;
		line-height: 20px;
	}
	.galerie-menu-item {
		width: 30vw;
		height: 25px;		
	}
	.galerie-menu-item h2{
		line-height: 25px;
	}
	.galerie-menu-espace {
		height: 15px;	
	}
	#galerie-3d-fermer {
		width: 40px;
		height: 40px;
		bottom: 15px;
		right: 15px;
	}
	
	/* FALC
   ========================================================================== */
   
	.falc-logo {
		width: 130px;
		height: 130px;
		left: calc((100vw - 1024px) / 2);
	}
	.falc-logo img{
		width: 130px;
	}
	.falc-col{
		width: 720px;
		left: calc((100vw - 1024px) / 2 + 304px);
	}
	.falc-sousTitre {
		margin-bottom: 30px;
	}
	.falc-item-titre {
		width: 170px;
	}
	.falc-item-texte {
		width: 520px;
		left: 200px;
		margin-bottom: 30px;
	}
	.falc-item-texte p{
		font-size: 20px;
		line-height: 36px;
	}



	/* Site A propos
   ========================================================================== */

	.com-menu {
		left: calc(( 100vw - 1024px) / 2);
		width: 300px;	
	}
	.com-menu-item {
		width: 300px;
		margin-bottom: 10px;
	}
	.com-menu-item h3, .com-menu-item h4{
		line-height: 26px;
	}
	.com-contenu {
		left: calc(( 100vw - 1024px) / 2 + 300px);
		width: 724px;
	}
	.com-contenu-titre h1{
		font-size: 35px;
		margin-bottom: 20px;
	}
	.com-contenu-texte {
		margin-bottom: 50px;
	}
	.com-contenu-texte h2{
		margin-bottom: 6px;
	}
	.com-contenu-texte h3{
		margin-top: 6px;
	}
	
	
	/* Site Recherche
   ========================================================================== */

	.recherche-espace {
		height: 30px;	
	}

	.recherche-item {
		position: relative;
		width: 450px;	
	}

	.recherche-barre {
		position: absolute;
		left: -35px;
		top: 3px;
		width : 24px;
		height: 24px;
	}



	/* Footer
	========================================================================== */
	   
	.footer-image {
		height: 150px;
	}
	.footer {
		padding-bottom: 25px;
	}
	.footer-contenu {
		width: 944px;
		left: calc((100vw - 1024px) / 2 + 80px);
		top: 30px;
		margin-bottom: 30px;
		gap: 0px 40px;
	}
	.footer-contenu p{
		font-size: 14px;
		line-height: 22px;
	}
	.footer-logo {
		width: 40px;
		left: -80px;
		height: 40px;
	}
	.footer-colonne {
		width: 270px;
	}
	.footer-colonne-1 {
		position: absolute;
		margin-left: -120px;
		width: 100px;
		text-align: right;	
	}
	.footer-colonne-2 {
		position: relative;
		margin-left: 100px;
		margin-bottom: 0px;
	}



}