@media screen and (max-width: 768px) {
	
	
	/*
	 * Globals
	 */
	 
	 :root {
	  --color-barre: black;
	  --barre-thickness: 2px;
	  --border-thickness: 2px;
	  --text-titre: 20px;
	  --text-citation: 16px;
	  --text-paragraph: 14px;
	  --text-bouton: 14px;
	  --text-paragraph-height: 22px;
	  --text-titre-chapitre: 20px;
	  --text-titre-artistes: 14px;
	}
	
	.wp-block-image .aligncenter {
		margin-left: 5vw;
	}
	
	.wp-block-image {
		width: 100vw;
		height: auto;
		left: 0vw;
	}
	
	
	/*********************************** boutons *************************************/ 

	.BTrub-noir {
		width: 40px;
		height: 40px;	
	}
	.BTrub-noir-1 {
		height: 20px;	
		top: 10px;
	}
	.BTrub-noir-2 {
		width: 20px;	
		left: 10px;
	}
	.BTrub-noir:hover{
		width: 40px;
		height: 40px;	
	}
	.BTrub-noir:hover .BTrub-noir-1 {
		height: 20px;	
		top: 10px;
	}
	.BTrub-noir:hover .BTrub-noir-2 {
		width: 20px;	
		left: 10px;
	}
	.BTrub-noir-s {
		width: 40px;
		height: 40px;	
	}
	.BTrub-noir-1-s {
		height: 20px;	
		top: 10px;
	}
	.BTrub-noir-2-s {
		width: 20px;	
		left: 10px;
	}

	.BTrub-blanc {
		width: 40px;
		height: 40px;	
	}
	.BTrub-blanc-1 {
		height: 20px;	
		top: 10px;
	}
	.BTrub-blanc-2 {
		width: 20px;	
		left: 10px;
	}
	.BTrub-blanc:hover{
		width: 40px;
		height: 40px;	
	}
	.BTrub-blanc:hover .BTrub-blanc-1 {
		height: 20px;	
		top: 10px;
	}
	.BTrub-blanc:hover .BTrub-blanc-2 {
		width: 20px;	
		left: 10px;
	}
		
	
	
	/*********************************** header *************************************/

	#header {
	  height : 90px;
	}
	#header-s {
	  height : 50px;
	}
	.header-logo {
	  height : 70px;
	  width: 60px;
	  left : 5vw;
	  top : 10px;
	   background: url("../images/Logo_HAS_70.png") no-repeat;
	}
	.header-logo-s {
	  height : 30px;
	  width: 30px;
	  left : 5vw;
	  top : 10px;
	}
	.header-jingle {
		width : 200px;
		left: 65px;
		top : 20px;
		font-size: 14px;
	}
	.header-slogan {
		display: none;
	}
		
	#header-menu {
		height : 20px;
		width: 30px;
		left : calc(95vw - 30px);
		top : 63px;
	}
	#header-menu-open-1 {
		width: 30px;
		bottom : 20px;
	}
	#header-menu-open-2 {
		width: 30px;
		bottom : 40px;
	} 	
	#header-menu-s {
		position: absolute;
		height : 50px;
		width: 30px;
		left : calc(95vw - 30px);
		top : 0;
	}
	#header-menu-s-open-1 {
		position: absolute;
		height : var(--barre-thickness);
		width: 30px;
		bottom : 15px;
		background-color: black;
		transition: all 0.3s;
	}
	#header-menu-s-open-2 {
		position: absolute;
		height : var(--barre-thickness);
		width: 30px;
		bottom : 30px;
		background-color: black;
		transition: all 0.3s;
	}
	.header-barre {
		width: 90vw;
		left : 5vw;
	}
	.header-map-barre {
		width: 90vw;
		left : 5vw;
	}
	
	
	/*********************************** menu *************************************/

	.menu {
	} 
	.menu-close {
		height : 80px;
		width: 30px;
		left : calc(95vw - 30px);
	}  
	.menu-content {
		width: 100vw;
		height: 100vh;
		margin-top: 0px;
		margin-left: 0vw;
		align-items: center;
		gap: 10px 10px;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
	}
	.menu-content-block {
		position: relative;
		width: 200px;
		height: auto;
		padding-bottom: 10px;
		border: 1px solid;
	}
	.menu-barre {
		width: 180px;
		margin-bottom: 10px;
	}
	.menu-espace {
		width: 2000px;
		height : 1.5vw;
	}
	.menu-titre {
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 20px;
		width: 160px;
		height: 20px;
		line-height: 20px;
		font-size: 16px;
	}
	.menu-titre:hover {
	}
	.menu-sous-titre {
		margin-left: 20px;
		width: 160px;
		height: 20px;
		line-height: 20px;
		font-size: 16px;
	}
	.menu-sous-titre:hover {
	}
	
	@media screen and (max-height: 600px) {
		.menu-content-block {
			position: relative;
			width: 180px;
			height: auto;
			padding-bottom: 10px;
			border: 1px solid;
		}
		.menu-barre {
			width: 160px;
			margin-bottom: 10px;
		}
		.menu-espace {
			width: 160px;
			height : 1vw;
		}
		.menu-titre {
			margin-top: 15px;
			margin-bottom: 5px;
			margin-left: 10px;
			width: 140px;
			height: 15px;
			line-height: 16px;
			font-size: 14px;
		}
		.menu-titre:hover {
		}
		.menu-sous-titre {
			margin-left: 15px;
			width: 140px;
			height: 15px;
			line-height: 16px;
			font-size: 14px;
		}		
	}
		
	
	/*********************************** index *************************************/

	/************** common *************/

	.ind-rub {
		width: 95vw;
		left: 2.5vw;
		flex-wrap: wrap;
	}
	.ind-bar {
		width: 65vw;
		left: 0;
		margin-left: 15vw;
	}
	.ind-col-g {
		width: 95vw;
	}
	.ind-title {
		width: 100%;		
		top: 15px;
		font-size: 28px;
		text-align: center;
	}
	.ind-pres {
		width: 100%;
		margin-top: 25px;
		font-size: 14px;
		text-align: center;
		line-height: 22px;
	}
	.ind-col-g-space-120
	{
		height: 60px;
	}
	.ind-col-g-space-100
	{
		height: 40px;
	}
	.ind-col-g-space-80
	{
		height: 20px;
	}
	.ind-col-d {
		width: 100vw;
		left: -2.5vw;
	}
	.ind-col-d-space-120
	{
		width: 100vw;
		height: 40px;
	}
	.ind-col-d-space-100
	{
		width: 100vw;
		height: 20px;
	}
	.ind-col-d-space-80
	{
		width: 100vw;
		height: 20px;
	}
	.ind-bt-text {
		width: 140px;
		left: -50px;
		top: 40px;
	}
	
	
	/************** accueil *************/
	
	.ind-acc-gra-bg {
		width: 100vw;
		height: 35vh;
		top: calc(50% - 17.5vh);
	}
	.ind-acc-gra-logo {
		display: none;
	}
	.ind-acc-gra-ter {
		width: 40vh;
		height: 40vh;
		left: calc(50% - 20vh);	
		top: calc(50% - 20vh);
		background-size: contain;
	}
	.ind-acc-car {
		width: 90vw;
		margin-left: 5vw;
	}
	.ind-acc-title {
		width: 90vw;
		left: 0px;
		font-size: 24px;
		text-align: center;
	}
	.ind-acc-subtitle {
		width: 90vw;
		margin-top: 8px;
		font-size: 14px;
		text-align: center;
	}
	.ind-acc-space {
		width: 90vw;
		height: calc(3vh + 110px);
	}
	#ind-acc-bt {
		position: absolute;
		width: 40px;
		height: 40px;
		bottom: 80px;
		left: calc(50vw - 20px);
	}
	.ind-acc-bt-text {
		width: 200px;
		left: -80px;
		top: 40px;
		text-align: center;
		color: white;
	}

	
	/************** citation *************/
	
	.ind-intro {
		width: 90vw;
		left: 5vw;
		height: auto;
	}
	.ind-intro-space {
		height: 25px;
	}
	.ind-intro-text {
		width: 100%;
		font-size: 14px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	/************** artistes *************/
	
	.ind-cit {
		width: 100%;
		margin-top: 30px;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	.ind-cit-aut {
		width: 100%;
		margin-top: 20px;
		font-size: 14px;
		line-height: 22px;
	}
	.ind-cit-aut strong {
	}
	.ind-data {
		width: 95vw;
		margin-top: 25px;
		font-size: 18px;
		height: 20px;
	}
	.ind-bar-v {
		height: 20px;
		left: 47.5vw;
	}
	.ind-data-1 {
		width: calc(47.5vw - 10px);
		height: 20px;
	}
	.ind-data-2 {
		width: calc(47.5vw - 10px);
		height: 20px;
		left: calc(47.5vw + 10px);
		text-align: left;
	}
	#ind-art-bt {
		margin-top: 15px;
		left: calc(47.5vw - 20px);
	}
	.ind-pla {
		width: 100vw;
		height: 58vw;
	}
	.ind-pla-img img{
		max-width: 100vw;
		max-height: 58vw;			
	}
	.ind-pla-bts {
		width: 200px;
		height: 100px;
		left: calc((100vw - 200px) /2);
		gap: 20px 20px;	
	}
	.ind-pla-bt {
		width: 24px;
		height: 24px;
		top : 30px; 
		font-size: 16px;
		line-height: 24px;
	}
	.ind-pla-bt-s {
		width: 24px;
		height: 24px;
		top : 30px; 
		font-size: 16px;
		line-height: 24px;
	}

	
	/************** news *************/
	
	.ind-aro-news {
		width: 100vw;
		margin-bottom: 0px;
	}
	.ind-aro-news-date {
		width: 120px;
		height: 25px;
		left: 5vw;
	}
	.ind-aro-news-date-text {
		width: 120px;
		height: 25px;
		font-size: 18px;
		line-height: 25px;
		margin-top: 2px;
	}
	.ind-aro-news-genre {
		height: 25px;
		left: calc(5vw + 120px);		
	}
	.ind-aro-news-genre-text {
		height: 25px;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 25px;
	}
	.ind-aro-news-title {
		width: 90vw;
		left: 5vw;
		padding-top: 40px;
		font-size: 20px;
	}
	.ind-aro-news-excerpt {
		width: 90vw;
		left: 5vw;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	#ind-aro-bt {
		width: 40px;
		height: 40px;
		margin-top: 15px;
		left: calc(47.5vw - 20px);
	}
	

	/************** focus *************/

	.ind-foc-title {
		width: 80vw;
		left: 10vw;
		font-size: 20px;
		text-align: center;
	}
	.ind-foc-title-bar {
		display: none;
	}
	.ind-foc-img {
		width: 100vw;
		margin-top: 15px;
	}
	.ind-foc-img img{
		width: 100vw;
		height: auto;
	}
	#ind-foc-bt {
		width: 40px;
		height: 40px;
		margin-top: 15px;
		left: calc(47.5vw - 20px);
	}
	
	
	/************** magazine *************/
	
	.ind-mag-aut {
		display: none;
		width: 100%;
		margin-top: 25px;
		font-size: 14px;
		line-height: 22px;
	}
	.ind-mag-cov {
		left : 5vw;
		width: 45vw;
		height: 63vw;
	}
	.ind-mag-sum {
		left: 52.5vw;
		top: 20px;
	}
	.ind-mag-dat {
		display: none;
		height : 0px;
		top: 10px;
		right: 2.5vw;
		font-size: 16px;
		line-height: 18px;
	}
	.ind-mag-dat-bar {
		top: calc(-5px - var(--barre-thickness));
		background-color: var(--color-barre);
	}
	.ind-mag-num {
		font-size: 35px;
		line-height: 20px;
	}
	.ind-mag-title {
		width: 45vw;
		margin-top: 10px;
		font-size: 24px;
		line-height: 24px;
	}
	.ind-mag-slo {
		width: 45vw;
		margin-top: 10px;
		font-size: 14px;	
	}
	.ind-mag-cho {
		position: relative;
		width: 100%;
		height: 60px;
		margin-top: 25px;
	}
	#ind-mag-bt1 {
		left: calc(47.5vw - 100px);
		top: 0px;
	}
	#ind-mag-bt2 {
		left: calc(47.5vw - 20px);
		top: 0px;
	}
	#ind-mag-bt3 {
		left: calc(47.5vw + 60px);
		top: 0px;
	}
	

	/************** map *************/
	
	.ind-map-map {
		width: 100vw;
		margin-bottom: 20px;
	}
	.ind-map-map img{
		width: 100vw;
		height: auto;
	}
	#ind-map-bt {
		width: 40px;
		height: 40px;
		margin-top: 25px;
		left: calc(47.5vw - 20px);
	}
	

	/*********************************** artistes *************************************/

	.artistes-content {
		width: 90vw;
		left: 5vw;
	}
	.artistes-header {
		width: 90vw;
		height: 140px; 
		top : 0px;
	}
	.artistes-header-titre {
		width: 90vw;
		text-align: center;
		bottom: 5px;
		font-size: 20px;
	}
	.artistes-header-barre {
		width: 60vw;
		left: 15vw;
	}
	.artistes-intro {
		width: 90vw;
		left: 0;
		margin-top: 5vw;
		font-size: 16px;
		line-height: 22px;
	}
	.artistes-select {
		width: 90vw;
		left: calc((100% - 90vw) / 2);
		height: 120px;
	}
	.artistes-select-BT {
		width: 40px;
		height: 40px;
	}
	#BT-choice-1 {
		top: 30px;
		left: calc(20vw - 20px);
	}
	#BT-choice-2 {
		top: 30px;
		left: calc(45vw - 20px);
	}
	#BT-choice-3 {
		top: 30px;
		left: calc(70vw - 20px);
	}
	#BT-choice-1-s {
		top: 30px;
		left: calc(20vw - 20px);
	}
	#BT-choice-2-s {
		top: 30px;
		left: calc(45vw - 20px);
	}
	#BT-choice-3-s {
		top: 30px;
		left: calc(70vw - 20px);
	}
	.artistes-select-BT-texte {
		width: 160px;
		left: -60px;
		top: 45px;
	}
	.artistes-select-mots {
		width: 90vw;
		left: 0;
	}
	.artistes-select-mots-mot {
		font-size: 16px;
		margin : 2px;
		padding : 2px;
		padding-left : 4px;
		padding-right : 4px;
		border: 1px solid #cccdcd;	
	}
	.artistes-select-espace {
		width: 60vw;
		left: calc((100% - 60vw)/2);
		height: 20px;
	}
	.artistes-liste {
		width: 90vw;
	}
	.artistes-category {
	}
	.artistes-category-barre {
		width: 40vw;
		left: 25vw;
	}
	.artistes-category-titre {
		width: 90vw;
		height : 20px;
		font-size: 18px;
		text-align: center;
		padding-top: 5px;
	}
	.artistes-category-groupe {
		width: 90vw;
		left: 0;
		gap: 8px 15px;
	}
	.artistes-category-espace {
		width: 90vw;
		height: 1vw;
	}
	.artistes-category-artiste {
		width: 25vw;
		height: 45vw;
	}
	.artistes-category-dummy {
		width: 25vw;
	}
	.artistes-category-artiste-image {
		position: relative;
		width: 25vw;
		top: 0px;
	}
	.artistes-category-artiste-image img {
		 max-width: 25vw;
		 max-height: 25vw;
	}
	.artistes-category-artiste-nom {
		width: 25vw;
		top: calc(100% + 5px);
		font-size: 14px;
	}
	.artistes-fin  {
		width: 90vw;
		min-height : 10px;
		left: calc((100vw - 90vw)/2);
		/*background-color: white;*/
	}

	/*********************************** artiste *************************************/

	.artiste-content {
		width: 90vw;
		min-height : calc(100vh);
		left : 5vw;
	}
	.artiste-header {
		width: 90vw;
		height: 140px;
		left: 0;		
	}
	.artiste-header-titre {
		width: 90vw;
		bottom: 2px;
		font-size: 20px;
		text-align: center;
		margin-bottom: 3px;
	}
	.artiste-header-barre {
		width: 50vw;
		left: 20vw;
	}
	.artiste-article {
		position: relative;
		width: 90vw;
		left: calc((100% - 90vw) / 2);
	}

	.artiste-article-espace {
		position: relative;
		width: 100%;
		height: 30px;
	}
	.artiste-article-titre {
		width: 70vw;
		left: 10vw;
		font-size: 24px;
	}
	.artiste-article-projet {
		width: 70%;
		left: 15%;
		font-size: 20px;
		margin-top: 10px;
	}
	.artiste-article-keywords {
		width: 70vw;
		left: 10vw;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.artiste-article-keyword {
		font-size: 16px;
		margin : 2px;
		padding : 1px;
		padding-left : 4px;
		padding-right : 4px;
		border: 1px solid #cccdcd;	
	}
	.artiste-article-video {
		position: relative;
		width: 100vw;
		height: 57vw;
		left: -5vw;
	}
	.artiste-article-video iframe{
	}
	.artiste-article-article {
		position: relative;
		width: 90vw;
		left: calc((100% - 90vw)/2);
		margin-top: 20px;
		font-family: "RobotoLight", Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 22px;
	}
	.artiste-article-article .wp-block-image{
		width: 100vw;
		left: -5vw;
		max-width: none;
	}
	.artiste-article-article .wp-block-gallery{
		width: 100vw;
		margin-left: -5vw;
		max-width: none;
	}
	.artiste-article-article:figure{
		width: 100vw;
		left: -5vw;
	}
	.artiste-site {
		position: relative;
		width: 90vw;
		left: calc((100% - 90vw) / 2);
		margin-top: 20px;
		font-size: 14px;
		text-align: center;
	}
	.artiste-similar {
		width: 90vw;
		left: 0;
		margin-top: 40px;
	}
	.artiste-similar-barre {
		width: 50vw;
		left: 20vw;
	}
	.artiste-similar-titre {
		height : 18px;
		font-size: 18px;
		text-align: center;
		top: 10px;
		margin-bottom: 40px;
	}
	.artiste-similar-liste {
		position: relative;
		width: 90vw;
		left: 0;
		gap: 8px 15px;
	}
	.artiste-similar-artiste {
		width: 25vw;
		height: 45vw;
	}
	.artiste-similar-dummy {
		width: 25vw;
	}
	.artiste-similar-artiste-image {
		width: 25vw;
	}
	.artiste-similar-artiste-image img {
		 max-width: 25vw;
		 max-height: 25vw;
	}
	.artiste-similar-artiste-nom {
		width: 25vw;
		top: calc(100% + 5px);
		font-size: 14px;
	}
	.artiste-artistes {
		width: 90vw;
		height: 80px;
		left: calc((100% - 90vw) / 2);
	}			
	#artiste-BT {
		left: calc(50% - 20px);
		top: 20px;
	}
	.artiste-choix-BT-texte {
		position: absolute;
		width: 160px;
		left: -60px;
		top: 45px;
		font-size: 16px;
	}
	
	
	/*********************************** news *************************************/

	.news-content {
		width: 100vw;
		min-height : calc(100vh);
	}
	.news-header {
		width: 90vw;
		height: 140px; 
		left : calc((100% - 90vw) / 2);
	}
	.news-header-titre {
		width: 90vw;
		text-align: center;
		bottom: 5px;
		font-size: 20px;
	}
	.news-header-barre {
		width: 60vw;
		left: 15vw;
	}
	.news-bandeau {
		width: 90vw;
		height: 6.26vw;
		left : calc((100vw - 90vw) / 2);
		margin-top: 25px;
		margin-bottom: 25px;
		background-size: cover;
		background-position: center;
	}
	.news-new {
		width: 90vw;
		left: calc((100vw - 90vw) / 2);
	}
	.news-new-image {
		position: relative;
		width: 90vw;
		height: auto;
		right: 0;
		top: 10px;
	}
	.news-new-image img{
		margin-bottom: 15px;
	}
	.news-new-date {
		position: relative;
		height: 20px;
		top: 5px;
		font-size: 16px;	
	}
	.news-new-genre {
		width: 90vw;
		height: auto;
		top: 0px;
		text-align: right;
		font-size: 16px;
		margin-top: 5px;
	}
	.news-new-texte {
		position: relative;
		width: 90vw;
		left: 0;
	}
	.news-new-texte-espace1 {
		width: 90vw;
		height: 4vw;
	}
	.news-new-texte-espace2 {
		width: 90vw;
		height: 2vw;
	}
	.news-new-texte-titre {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.news-new-texte-content {
		font-family: "RobotoLight", Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 20px;
	}	
	.news-new-barre {
		position: absolute;
		width: 100%;
		height: 1px;
		top: 0;
	}
	
	
	/*********************************** map *************************************/

	.map-color {
	}
	.map-content {
		width: 90vw;
		left: 5vw;
	}
	.map-header {
		width: 90vw;
		height: 90px; 
	}
	.map-header-logo {
		height : 70px;
		width: 60px;
		left : 0vw;
		top : 10px;
	}
	.map-header-jingle {
		width : 200px;
		left: 65px;
		top : 20px;
		font-size: 14px;
	}
	.map-header-slogan {
		display: none;
	}
	#map-header-menu {
		height : 90px;
		width: 30px;
		left : calc(90vw - 30px);
	} 
	#map-header-menu-1 {
		width: 30px;
		bottom : 20px;
	}
	#map-header-menu-2 {
		width: 30px;
		bottom : 40px;
	} 
	.map-titre {
		width: 90vw;
		bottom: 0px;
		font-size: 20px;
		text-align: center;
	}
	.map-header-barre {
	}
	.map-espace {
		height: 40px;
	}
	.map-barre-s {
		width: 50vw;
		left: 20vw;
		margin-top: 5px;
	}
	.map-map {
		position: relative;
		width: 100vw;
		height: 50.75vw;
		left: -5vw;
		background-image: url("../images/Map-World -1350.jpg");
		background-size: 100% 100%;
		--main-width: 100vw;
		--main-height: 50.75vw;
	}
	.map-barre {
		display: none;
	}
	.map-dot {
	  border: 1.5px solid yellow;	
	}
	.map-dot .map-dot-texte{	
	}
	.map-dot .map-dot-barre{	
	}
	.map-dot:hover{
	  border: 1.5px solid white;	
	}
	.map-dot:hover .map-dot-texte {
	}
	.map-dot:hover .map-dot-barre {
	}
	.map-list {
		font-size: 14px;
		line-height: 22px;
	}
	.map-choix {
		height: 140px;
	}
	.map-choix-BT {
		width: 40px;
		height: 40px;
		bottom: 60px;
		background-image: url("../images/BT_choix_s_blanc.png");
		background-size: 100% 100%;
	}
	.map-choix-BT:hover{
		background-image: url("../images/BT_choix_s_blanc_s.png");
		background-size: 100% 100%;
	}
	#BT-map-1 {
		left: calc(50% - 120px);
		top: 40px;
		
	}
	#BT-map-2 {
		left: calc(50% - 20px);
		top: 40px;
	}
	#BT-map-3 {
		left: calc(50% + 80px);
		top: 40px;
	}

	.map-choix-BT-texte {
		position: absolute;
		width: 140px;
		left: -50px;
		top: 50px;
		font-size: 14px;
		line-height: 22px;
	}
	
	
	/*********************************** magazine *************************************/

	.mag-space {
		width: 100vw;
		height : 90px;
	}
	.mag-heading {
		width: 100vw;
		height : 25px;
	}
	.mag-heading-text {
		width: 90vw;
		left: 5vw;
		font-size: 24px;
		line-height: 20px;
		bottom: -2px;
	}
	.mag {
		width: 90vw;
		left : 5vw;
		margin-top: 10vw;
	}
	.mag-header {
		width: 100%;
		display: flex;
	}
	.mag-col-g {
		position: relative;
		width: 35vw;
	}
	.mag-col-g-cover {
		width: 35vw;
		height: 50vw;
		margin-bottom: 2.5vw;
	}
	.mag-col-g-cover img{
		width: 100%;
		height: 100%;
	}
	.mag-col-g-barre {
		width: 35vw;
		height: 1px;
		left : 0px;
	}
	.mag-col-g-old {
		display: none;
	}
	.mag-col-g-version {
		position: relative;
		width: 35vw;width: 35vw;
		height : 25px;
		font-size: 16px;
	}
	.mag-col-g-version-cn {
		position: relative;
		width: 35vw;
		height : 25px;
		font-size: 18px;
	}
	.mag-col-g-telecharger {
		display: none;
	}
	.mag-col-g-simpli-cn {
		left: 0px;
		margin-top : 15px;
		width: 35vw;
		text-align: right;
	}
	.mag-col-g-tradi-cn {
		left: 0px;
		margin-top : 15px;
		width: 35vw;
		text-align: right;
	}
	.mag-col-g-pdf {
		position: relative;
		top : 50px;
		left : calc(35vw - 50px);
		width: 50px;
		height: 50px;
	}
	.mag-col-g-simpli-pdf-cn {
		position: relative;
		top: 0px;
		left : calc(35vw - 50px);
		width: 50px;
		height: 50px;
	}
	.mag-col-g-tradi-pdf-cn {
		position: relative;
		top: 0px;
		left : calc(35vw - 50px);
		width: 50px;
		height: 50px;
	}
	.mag-col-g-space {
		position: relative;
		width: 370px;
		height: 50px;
	}
	.mag-col-d {
		width: 55vw;
		top : 0px;
		left : 0;
	}
	.mag-col-d-langues {
		left : 80px;
		top: 24px;
		text-indent: 3px;
		font-size: 18px;
	}
	.mag-col-d-numero {
		font-size: 36px;
		width: 30px;
		left: 5vw;
	}
	.mag-col-d-titre {
		margin-top: 6px;
		width: 45vw;
		left: 5vw;
		font-size: 30px;
		line-height: 35px;
	}
	.mag-col-d-titre-cn {
		margin-top: 6px;
		width: 45vw;
		left: 5vw;
		font-size: 30px;
		line-height: 35px;
		letter-spacing: 1px;
	}
	.mag-col-d-soustitre {
		margin-top: 10px;
		width: 50vw;
		left: 5vw;
		font-size: 18px;
		line-height: 25px;
	}
	.mag-col-d-soustitre-cn {
		margin-top: 10px;
		width: 30vw;
		left: 5vw;
		font-size: 18px;
		line-height: 25px;
	}
	.mag-col-d-date {
		width: calc(40px);
		height: 40px;
		left: 5vw;
		font-size: 20px;
		line-height: 20px;
		margin-top: 10px;
		transform: rotate(0deg);
		text-align : right;
	}
	.mag-col-d-date-cn {
		width: 80px;
		left: calc(55vw - 80px);
		font-size: 24px;
		line-height: 24px;
	}
	.mag-cont {
		position: relative;
		left: 0vw;
		width: 90vw;
		margin-top: 20px;
	}
	
	.mag-cont-intro-s {
		display: block;
		margin-top: 0px;
		width: 90vw;
		top : 0px;
		left : 0px;
		font-size: 16px;
		line-height: 24px;
	}
	.mag-cont-intro-s-cn {	
		display: block;
		margin-top: 0px;
		width: 90vw;
		top : 0px;
		left : 0px;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 24px;
	}
	.mag-cont-intro-s2 {
		font-family: "RobotoItalic", Helvetica, Arial, sans-serif;
		width: 90vw;
		text-align: center;
	}
	.mag-cont-intro-s2-cn {
	}
	.mag-cont-intro-full {
		margin-top: 15px;
		width: 90vw;
		top : 0px;
		left : 0px;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 24px;
	}
	.mag-cont-intro-full-cn {
		margin-top: 50px;
		width: 90vw;
		top : 0px;
		left : 0px;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 24px;
	}
	.mag-cont-barre {
		margin-top: 15px;
		width: 90vw;
		height: 1px;
	}
	.mag-cont-titre3 {
		width: 90vw;
		margin-top: 10px;
		margin-bottom: 30px;
		font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
		font-size: 18px;
		text-align: center;
	}
	.mag-cont-titre3-cn {
		width: 90vw;
		margin-top: 10px;
		margin-bottom: 30px;
		font-size: 20px;
		text-align: center;
	}
	.mag-cont-team {
		margin-top: 6px;
		width: 90vw;
		font-size: 14px;
		line-height: 22px;
	}
	.mag-cont-team-cn {
		margin-top: 6px;
		margin-bottom: 40px;
		width: 90vw;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 30px;
	}
	.mag-cont-articles {
		left: 0px;
		padding-bottom: 25px;
	}
	.mag-cont-article {
		margin-top: 5px;
		left: 0px;
		width: 90vw;
		min-height: 50px;
	}
	.mag-cont-article-square {
		left: calc(90vw - 50px);
		width: 50px;
	}
	.mag-cont-article:hover{
	}
	.mag-cont-article:hover .mag-col-d-numero{
	}
	.mag-cont-numero {
		width: 50px;
		height: 50px;
		top: 15px;
		font-size: 24px;
		line-height: 24px;
	}
	.mag-cont-article-titre {
		width: calc(90vw - 70px);
		font-size: 16px;
		padding-top: 5px;
	}
	.mag-cont-article-titre-cn {
		position: relative;
		width: calc(90vw - 50px);
		font-size: 16px;
		text-indent: 0px;
		margin-left: 10px;
		padding-top: 5px;
	}
	.mag-cont-article-soustitre {
		width: calc(90vw - 70px);
		font-size: 14px;
		margin-bottom: 5px;
	}
	.mag-cont-article-soustitre-cn {
		position: relative;
		width: calc(90vw - 50px);
		font-size: 14px;
		text-indent: 0px;
		margin-left: 10px;
		top: 3px;
		padding-bottom: 5px;
	}
	.mag-cont-logos {
		margin-top: 0vw;
		width: 90vw;
		height: 14.5vw;
		margin-bottom: 5vw;
	}
	.mag-cont-espace {
		width: 1300px;
		height: 2vw;
	}
	.squareColor {
		left: calc(90vw - 30px);
		width: 30px;
		height: 100%;
	}
	.mag-cont-old {
		display: block;
	}
	.mag-cont-prev {
		position: relative;
		width: 90vw;
	}
	.mag-cont-prev-num {
		position: absolute;
		font-family: "KeepCalm", Helvetica, Arial, sans-serif;
		font-size: 30px;
		margin-left: -5px;
		font-weight: 1000;
		color: black;
		writing-mode: vertical-rl;
		text-orientation: sideways;
	}
	.mag-cont-prev-title {
		position: relative;
		left: 50px;
		width: calc(90vw - 50px);
		font-family: "RobotoBold", Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight: 600;
		line-height: 20px;
	}
	.mag-cont-prev-title-cn {
		position: relative;
		left: 50px;
		width: calc(90vw - 50px);
		font-family: 'Noto Sans SC', sans-serif;
		font-size: 20px;
		font-weight: 600;
		line-height: 20px;
	}
	.mag-cont-prev-undertitle {
		position: relative;
		margin-top: 5px;
		left: 50px;
		width: calc(90vw - 50px);
		font-family: "Robotoitalic", Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 20px;
	}
	.mag-cont-prev-undertitle-cn {
		position: relative;
		margin-top: 5px;
		left: 50px;
		width: calc(90vw - 50px);
		font-family: 'Noto Serif SC', serif;sans-serif;
		font-size: 16px;
		line-height: 20px;
	}
	.mag-cont-all {
		position: relative;
		width: 90vw;
		height : 40px;
		margin-top: 30px;
		font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight: 500;
		text-align: center;
	}
	.mag-cont-all-cn {
		position: relative;
		width: 90vw;
		height : 40px;
		margin-top: 30px;
		font-family: 'Noto Sans SC', sans-serif; sans-serif;
		font-size: 20px;
		font-weight: 500;
		text-align: center;
	}
	
	
	/*********************************** magazines *************************************/

	.mags-space {
		width: 90vw;
		left : 5vw;
		height: 10px;	
	}
	.mags-mag {
		width: 90vw;
		min-height: 25vw;
		left : 5vw;
		margin-top: 30px;	
	}
	.mags-mag-barre {
		width: 90vw;
		height: 15px;
		border-top:3px dotted;
	}
	.mags-mag-header {
	}
	.mags-mag-col-g {
		width: 25vw;
	}
	.mags-mag-col-g-cover {
		width: 25vw;
		margin-bottom: 30px;
	}
	.mags-mag-col-g-cover img{
		width: 100%;
		height: 100%;
	}
	.mags-mag-col-d {
		width: 60vw;
		top : 0px;
		left : 5vw;
	}
	.mags-mag-col-d-numero {
		font-size: 24px;
		left: -5px;
		font-weight: 1000;
	}
	.mags-mag-col-d-date {
		width: 100px;
		left: calc(60vw - 100px);
		top: -30px;
		height: 20px;
		font-size: 16px;
		line-height: 16px;
	}
	.mags-mag-col-d-date-cn {
		width: 50px;
		left: calc(60vw - 50px);
		top: -30px;
		height: 20px;
		font-size: 18px;
		line-height: 24px;
	}
	.mags-mag-col-d-titre {
		margin-top: 5px;
		width: 45vw;
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -1px;
	}
	.mags-mag-col-d-titre-cn {
		margin-top: 5px;
		width: 45vw;
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -1px;
	}
	.mags-mag-col-d-soustitre {
		margin-top: 10px;
		width: 55vw;
		font-size: 16px;
		line-height: 20px;
	}
	.mags-mag-col-d-soustitre-cn {
		margin-top: 10px;
		width: 55vw;
		font-size: 18px;
		line-height: 24px;
	}
	.mags-mag-col-d-auth {
		margin-top: 15px;
		width: 55vw;
		font-size: 12px;
		line-height: 18px;
	}
	.mags-mag-col-d-auth-cn {
		margin-top: 15px;
		width: 55vw;
		font-size: 16px;
		line-height: 24px;
	}
	.mags-mag-space {
		height: 30px;
	}
	
	
	/*********************************** magazine research *************************************/

	.mag-research {
		width: 90vw;
		left : 5vw;
		margin-top: 25px;
	}
	.mag-research-g {
		position: relative;
		width: 90vw;
		height: auto;
		left: 0;
		margin-bottom: 25px;
	}
	.mag-research-tags {
		width: 90vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.mag-research-tag {
		width: auto;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	.mag-research-tag-cn {
		width: auto;
		font-size: 20px;
		line-height: 24px;
		text-align: center;
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	.mag-research-d {
		left: 0vw;
		width: 90vw;
	}
	.mag-research-titre {	
		width: 90vw;
		font-size: 30px;
		line-height: 36px;
		letter-spacing: -2px;
		text-align: center;
	}
	.mag-research-titre-cn {	
		width: 90vw;
		font-size: 36px;
		line-height: 36px;
		letter-spacing: -2px;
		text-align: center;
	}
	.mag-research-definition {	
		margin-top: 10px;
		margin-bottom: 35px;
		width: 70vw;
		left: 10vw;
		font-size: 18px;
		line-height: 22px;
		text-align: center;
	}
	.mag-research-definition-cn {	
		margin-top: 10px;
		margin-bottom: 35px;
		width: 70vw;
		left: 10vw;
		font-size: 16px;
		line-height: 22px;
		text-align: center;
	}
	.mag-research-barre {
		position: relative;
		width: 90vw;
	}
	.mag-research-espace {
		position: relative;
		width: 930px;
		height: 50px;
	}
	.mag-research-articles {
		padding-bottom: 25px;
	}
	.mag-research-article {
		margin-top: 5px;
		width: 90vw;
		min-height: 50px;
	}
	.mag-research-article-square {
		left: calc(90vw - 50px);
		width: 50px;
	}
	.mag-research-article-numero {
		width: 50px;
		height: 50px;
		top: 15px;
		font-size: 24px;
		line-height: 24px;
	}
	.mag-research-article-titre {
		width: calc(90vw - 70px);
		font-size: 16px;
		padding-top: 5px;
	}
	.mag-research-article-titre-cn {
		width: calc(90vw - 35px);
		font-size: 18px;
		padding-top: 5px;
	}
	.mag-research-article-soustitre {
		width: calc(90vw - 70px);
		font-size: 14px;
		margin-bottom: 5px;
	}
	.mag-research-article-soustitre-cn {
		width: calc(90vw - 35px);
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	
	/*********************************** article *************************************/

	.has-article {
	  margin-top: 8vw;
	  width: 90vw;
	  left : 5vw;
	}
	.article-colonne-gauche {
	  width: 90vw;
	}
	.article-colonne-gauche-titre {
		width: 60vw;
		left: 15vw;
		text-align: center;
		font-size: 24px;
		line-height: 24px;
	}
	.article-colonne-gauche-titre-cn {
		width: 70vw;
		left: 10vw;
		text-align: center;
		font-size: 24px;
		line-height: 24px;
	}
	.article-colonne-gauche-nom {
		width: 60vw;
		left: 15vw;
		margin-top: 2vw;
		font-size: 18px;

	}
	.article-colonne-gauche-nom-cn {
		width: 60vw;
		left: 15vw;
		margin-top: 2vw;
		font-size: 18px;
	}
	.article-colonne-gauche-barre1 {
		width: 50vw;
		margin-left: 20vw;
		height : 1px;
		margin-top: 10px;
	}
	.article-colonne-gauche-statut {
		width: 60vw;
		left: 15vw;
		font-size: 16px;
		margin-top: 10px;
	}
	.article-colonne-gauche-statut-cn {
		width: 60vw;
		left: 15vw;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 30px;
		margin-top: 10px;
	}
	.article-colonne-gauche-tags {
		display: block;
		width: 80vw;
		left: 5vw;
		position: relative;
		padding-top: 20px;		
		font-family: "RobotoBold", Helvetica, Arial, sans-serif;
		font-size: 20px;
		text-align: center;
		border: none;
		background: none;
	}
	.article-colonne-gauche-tags:hover {
		cursor: pointer;	
	}
	.article-colonne-gauche-tag {
		border: none;
		background: none;
		font-family: "RobotoBold", Helvetica, Arial, sans-serif;
		font-size: 20px;
		text-align: center;
	}
	.article-colonne-gauche-tags-cn {
		display: block;
		position: relative;
		width: 80vw;
		left: 5vw;
		padding-top: 20px;	
		font-size: 24px;
		line-height: 40px;
		font-family: 'Noto Sans SC', sans-serif;
		font-weight: 500;
		text-align: center;
	}
	.article-colonne-gauche-chapeau {
		width: 80vw;
		left: 5vw;
		font-size: 20px;
		margin-top: 4vw;
		margin-bottom: 2vw;
	}
	.article-colonne-gauche-chapeau-cn {
		width: 80vw;
		left: 5vw;
		font-size: 18px;
		line-height: 28px;
		margin-top: 4vw;
		margin-bottom: 2vw;
	}
	.article-colonne-gauche-texte {
		position: relative;
		left: -5vw;
		width: 100vw;
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 3vw;
	}
	.article-colonne-gauche-texte p{
		position: relative;
		left: 5vw;
		width: 90vw;
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 3vw;
	}
	.article-colonne-gauche-texte-cn {
		position: relative;
		left: -5vw;
		width: 100vw;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 30px;
		margin-bottom: 3vw;
	}
	.article-colonne-gauche-texte-cn p{
		position: relative;
		left: 5vw;
		width: 90vw;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 30px;
		margin-bottom: 3vw;
	}
	.article-colonne-gauche-texte iframe{
		width: 90vw;
		height: 50vw;
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 3vw;
	}
	.wp-block-image figcaption, .blocks-gallery-caption {
		position: relative;
		font-size: 14px;
		line-height: 22px;
		width: 90vw;
		left: 5vw;
		text-align: center;
	}	
	.article-colonne-gauche-barre2 {
		display: block;
		position: relative;
		left: 5vw;
		width: 80vw;
		height: 1px;
		margin-bottom: 2vw;
		background-color: black;
	}
	.article-colonne-gauche-bio {
		display: block;
		position: relative;
		margin-top: 2vw;
		width: 80vw;
		left: 5vw;
		font-family: "RobotoItalic", Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 3vw;
	}
	.article-colonne-gauche-nav {
		margin-top: 4vw;
		margin-bottom: 3vw;
		width: 90vw;
		height : auto;
		text-align: center;
		font-size: 16px;
		line-height: 30px;
	}
	.article-colonne-gauche-nav-cn {
		margin-top: 4vw;
		margin-bottom: 3vw;
		width: 90vw;
		height : auto;
		text-align: center;
		font-size: 16px;
		line-height: 30px;
	}
	.article-colonne-gauche-nav-g {
		position: relative;
		width: 90vw;
		height: 30px;
		margin-bottom: 5px;	
	}
	.article-colonne-gauche-nav-c {
		position: relative;
		width: 90vw;
		height: 30px;
		left: 0;
		margin-bottom: 5px;	
	}
	.article-colonne-gauche-nav-d {
		position: relative;
		width: 90vw;
		height: 30px;
		left: 0;
		margin-bottom: 20px;	
	}
	.article-colonne-droite {
		display: none;
	}
	
	

	/*********************************** project *************************************/

	.about-content {
		width: 90vw;
		left: 5vw;
	}
	.about-header {
		width: 100%;
	}
	.about-header-espace {
		width: 100%;
		height: 110px; 
	}
	.about-header-titre {
		width: 90vw;
		height: 25px;
		bottom: 0px;
		font-size: 20px;
		text-align: center;
	}
	.about-header-barre {
		width: 60vw;
		left: 15vw;
	}
	.about-barre {
	}
	.about-barre-titre {
		width: 90vw;
		top: 3px;
		font-size: 18px;
		text-align: center;
		padding-bottom: 5vw;
	}
	.about-barre-menu {
		position: relative;
		margin-top: 1vw;
		font-size: 16px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding-bottom: 1vw;
	}
	.about-barre-menu-item {
		height: 18px;
		margin-right: 10px;
	}
	.about-barre-menu-item-s {
		height: 18px;
		margin-right: 10px;
	}
	.about-citation {
		width: 90vw;
		left: 0;
	}
	.about-citation p{
	}
	.about-citation-espace {
		width: 90vw;
		height: 5vw;
	}
	.about-citation-texte {
		width: 90vw;
		left: 0;
		font-size: 18px;
	}
	.about-citation-auteur {
		width: 50vw;
		left: 20vw;
		margin-top: 2vw;
		font-size: 14px;	
	}
	.about-image {
		width:90vw;
		left: 0;
	}
	.about-image img{
		width: 90vw;
	}
	*.about-image-espace {
		width: 90vw;
		height: 4vw;
	}
	.about-barre {
	}
	.about-barre-titre {
		top: 3px;
		font-size: 20px;
	}
	.about-rubrique-barre {
		width: 60vw;
		left: 15vw;
	}
	.about-rubrique-titre {
		width: 90vw;
		height: 40px;
		top: 3px;
		text-align: center;
	}
	.about-barre-s {
		display: none;
		width: 90vw;
		left: 0;
	}
	.about-paragraphe {
		width: 90vw;
		left: 0;
	}
	.about-paragraphe p{
		margin-bottom: 15px;
	}
	.about-paragraphe-espace {
		height: 3vw;
	}
	.about-paragraphe-texte {
		width: 100%;
		font-size: 16px;
		line-height: 22px;		
	}
	.about-video {
		width: 90vw;
		height: 51vw;
		left: 0;
	}
	.about-video iframe{
		max-width: 100%;
	}
	.about-espace-s {
		width: 90vw;
		height: 3vw;
		left: 0;
	}
	.about-founders {
		width: 90vw;
		left: 0;
	}
	.about-founders p{
		margin-bottom: 15px;
	}
	.about-founders-logo {
		max-width: 20vw;
		max-height: 14vw;
		right: calc(50% + 25vw);
		top: 15px;
	}
	.about-founders-logo img {
		max-width: 20vw;
		max-height: 16vw;
	}
	.about-founders-espace {
		width: 65vw;
		left: 25vw;
		height: 4vw;
	}
	.about-founders-titre {
		width: 65vw;
		left: calc(25vw + 15px);
		font-size: 18px;
	}
	.about-founders-titre-barre {
		left: -15px;
	}
	.about-founders-texte {
		width: 65vw;
		left: 25vw;
		font-size: 14px;
		line-height: 22px;
		
	}
	
	/* Contact Form 7 Form Background And Border CSS
	 -----------------------------------------------*/
	 .wpcf7 {
		 margin-top : 40px;
		 margin-bottom : 40px;
		 left : 0;
		 width: 90vw;
	 }
	 
	 .wpcf7 label{
		 font-size: 14px;
		 padding-bottom: 3px;
	 }
	 /* Contact Form 7 Input CSS 
	 ---------------------------*/
	 .wpcf7 input[type="text"],
	 .wpcf7 input[type="text"],
	 textarea {
		 font-size: 16px;
		 width: 90vw;
		 padding: 10px 0px 10px 0px;
		 text-indent: 6px;
	 }
	 .wpcf7 input[type="textarea"],
	 .wpcf7 input[type="email"],
	 .wpcf7 input[type="tel"],
	 textarea {
		 font-size: 16px;
		 width: 90vw;
		 padding: 10px 0px 10px 0px;
		 text-indent: 6px;
	 }
	 /* Contact Form 7 Submit Button 
	 -------------------------------*/
	 .wpcf7 input[type="submit"] {
		 font-size: 16px;
		 padding: 6px 10px 6px 10px;
		 margin-top: 6px;
		 margin-left: calc(90vw - 120px);
		 width: 120px;
		 letter-spacing: 3px;
	 }
	 .wpcf7 input:hover[type="submit"] {
	 }
	 .wpcf7 input:active[type="submit"] {
	 }
	

	/*********************************** open call *************************************/

	.open-content {
		width: 90vw;
		left: 5vw;
	}
	.open-header {
		width: 90vw;
	}
	.open-header-espace {
		width: 90vw;
		height: 90px; 
	}
	.open-header-titre {
		width: 60vw;
		left: 15vw;
		font-size: 24px;
		line-height: 24px;
	}
	.open-header-barre {
		width: 50vw;
		margin-left: 20vw;
		margin-top: 3px;
	}
	.open-citation {
		width: 80vw;
		left: 5vw;
		font-size: 20px;
		margin-top: 4vw;
		margin-bottom: 2vw;
	}
	.open-paragraphe {
		width: 90vw;
		left: 0vw;
		margin-bottom: 3vw;
	}
	.open-paragraphe-texte {
		font-size: 16px;
		line-height: 24px;	
	}
	.open-paragraphe-texte img, figure{
		width: 100vw;
		max-width: 100vw;
		height: auto;
		left: -5vw;
		margin-left: -5vw;
	}
	.open-paragraphe-espace {
		width: 930px;
		height: 25px;
	}
	
	
	/*********************************** traveling exhibition *************************************/

	.trav {
		width: 90vw;
		left: 5vw;
	}
	.trav-head {
		width: 90vw;
	}
	.trav-head-space {
		width: 90vw;
		height: 90px; 
	}
	.trav-head-title {
		width: 60vw;
		left: 15vw;
		font-size: 24px;
		line-height: 24px;
	}
	.trav-head-barre {
		width: 30vw;
		margin-left: 30vw;
		margin-top: 3px;
	}
	.trav-head-subtitle {
		width: 80vw;
		left: 5vw;
		font-size: 20px;
		margin-top: 4vw;
		margin-bottom: 2vw;
	}
	.trav-cont {
		width: 90vw;
		left: 0vw;
		margin-bottom: 3vw;
	}
	.trav-cont p {
		font-size: 16px;
		line-height: 24px;
	}
	.trav-cont h2{
		margin-top: 20px;
		font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
		font-size: 24px;
	}
	.trav-cont li{
		margin-left: 20px;
	}
	.blocks-gallery-grid li{
		margin-left: 0px;
	}
	.trav-cont img{
		margin-top: 20px;
		width: 100%;
		height: auto;		
	}
	.trav-cont figure{
		margin-top: 20px;
		margin-left: -5vw;
	}
	
	
	/*********************************** search *************************************/

	.search-content {
		width: 90vw;
		left: 5vw;
	}
	.search-space {
		width: 100%;
		height: 90px; 
	}
	.search-title {
		width: 90vw;
		font-size: 25px;
		line-height: 35px;
	}
	.search-list {
		width: 90vw;
		left: 0vw;
	}
	.search-subject {
		height: 50px;
		font-size: 25px;
		line-height: 50px;
		text-align: center;
		letter-spacing: 0px;
	}
	.search-rubrique-space {
		position: relative;
		height: 20px;
	}
	.search-rubrique-titre {
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		margin-top: 6px;
	}
	.search-rubrique-item {
		margin-top: 2px;
		width: 90vw;
		min-height: 30px;
		border-top: 2px dotted;
	}
	.search-rubrique-item-country {
		width: 90vw;
		font-size: 16px;
		padding-top: 5px;
	}
	.search-rubrique-item-number {
		width: 90vw;
		font-size: 24px;
		line-height: 40px;
	}
	.search-rubrique-item-name {
		width: 70vw;
		font-size: 16px;
		padding-top: 5px;
	}
	.search-rubrique-item-presentation {
		width: 70vw;
		font-size: 14px;
	}

	.search-form {
		position: relative;
		height: 40px;
		margin-top: 25px;
		with: 20vw;
		margin-bottom: 20px;
	}
	.search-form-text {
		position: relative;
		height: 23px;
		width: calc(90vw - 2px);
		text-indent: 7px;
		font-size: 16px;
	}
	.search-form-button {
		height: 25px;
		width: 90vw;
		font-size: 14px;
	}
	.search-form-text2 {
		height: 23px;
		width: 200px;
		text-indent: 7px;
		font-size: 16px;
	}
	.search-form-button2 {
		height: 25px;
		width: 200px;
		font-size: 14px;
	}
	
	@media screen and (max-height: 600px) {
		.search-form-text2 {
			height: 23px;
			width: 180px;
			text-indent: 7px;
			font-size: 14px;
		}
		.search-form-button2 {
			height: 25px;
			width: 180px;
			font-size: 12px;
		}
	}
	
	
	/*********************************** footer *************************************/
	
	.has-footer {
		width: 90vw;
		left: 5vw;
	}
	.has-footer-barre {
	}
	.has-footer-logo {
		  height : 40px;
		  width: 40px;
		  top : 10px;
	}
	.has-footer-s {
		width: calc(90vw - 60px);
		height: auto;
		top: 10px;
		left : 60px;
		font-size: 12px;
		line-height: 16px;
		gap: 10px 20px;
		padding-bottom: 20px;
	}
	
	.has-footer a{	
	}
	.has-footer hover{	
	}
	.has-footer visited{	
	}
	
	.has-footer-1 {
		position: initial;
		width: 200px;
		top : 10px;
		height: auto;
		margin-top: 0px;
	}
	.has-footer-2 {
		position: initial;
		width: 300px;
		top : 10px;
		height: auto;
		margin-top: 0px;
	}
	.has-footer-3 {
		position: initial;
		width: 200px;
		top : 10px;
		height: auto;
		margin-top: 0px;
	}
	.has-footer-form {
		width: 200px;
		margin-top: 3px;
		border: 1px solid var(--color-barre);
		padding: 3px 0px 3px 0px;
		text-indent: 8px;
		background-color: none;
	}
	.has-footer-submit {
		font-size: 12px;
		padding: 5px 0px 5px 0px;
		margin-top: 5px;
		margin-left: 100px;
		width: 100px;
		text-align: right;
	}
	.has-footer-submit input:hover[type="submit"] {
		font-family: "RobotoBold", Helvetica, Arial, sans-serif;
	 }
	 .has-footer-submit input:active[type="submit"] {

	 }
	.has-footer-4 {
		position: initial;
		width: 150px;
		top : 10px;
		height: auto;
		margin-top: 0px;
	}
	.has-footer-5 {
		position: initial;
		width: calc(90vw - 60px);
		height: auto;
		margin-top: 0px;
	}
	.has-footer-5 a{
	}
	
	
	/*********************************** footer *************************************/

	.has-footer-map {
	}
	.has-footer-barre-map {
		width: 90vw;
		left: 5vw;
	}
	.has-footer-logo-map {
		height : 40px;
		width: 40px;
		left: 5vw;
		top : 10px;
	}
	.has-footer-s-map {
		width: calc(90vw - 100px);
		left : calc(5vw + 100px);
		font-size: 12px;
		line-height: 16px; 
		gap: 15px 40px;
	}

	.has-footer-map a{	
	}
	.has-footer-map hover{	
	}
	.has-footer-map visited{	
	}
	.has-footer-1-map {
		width: 200px;
		top : 10px;
		height: auto;
	}
	.has-footer-2-map {
		width: 300px;
		top : 10px;
		height: auto;
	}
	.has-footer-3-map {
		width: 200px;
		top : 10px;
		height: auto;
	}
	.has-footer-form-map {
		width: 200px;
		margin-top: 3px;
		border: 1px solid white;
		padding: 3px 0px 3px 0px;
		text-indent: 8px;
		background-color: none;
	}
	.has-footer-form-map input{
		width: 200px;
		margin-top: 3px;
		border: 1px solid white;
		padding: 3px 0px 3px 0px;
		text-indent: 8px;
		background-color: none;
	}
	.has-footer-submit-map {
		font-size: 12px;
		padding: 5px 0px 5px 0px;
		margin-top: 5px;
		margin-left: 100px;
		width: 100px;
		text-align: right;
	}
	.has-footer-submit-map input{
		font-size: 12px;
		padding: 5px 0px 5px 0px;
		margin-top: 5px;
		margin-left: 100px;
		width: 100px;
		text-align: right;
	}
	.has-footer-submit-map input:hover[type="submit"] {
		font-family: "RobotoBold", Helvetica, Arial, sans-serif;
	 }
	 .has-footer-submit-map input:active[type="submit"] {
	 }
	.has-footer-4-map {
		position: initial;
		width: 150px;
		top : 10px;
		height: auto;
		margin-top: 10px;
	}
	.has-footer-5-map {
		height: auto;
		margin-bottom: 20px;
	}
	.has-footer-5-map a{	
	}
	
	
	

	
}