@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;
/* 
partnairs links in home subtitle, mobil adjustement
*/
	}
	.ind-acc-subtitle p {
		line-height: 2rem;
	}
	.ind-acc-subtitle a::before {

		bottom: 4.5;
		height: 2px;
	}
/* end of partnairs links in home subtitle, mobil adjustement
*/

	.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;

	}
	/*footer partners logo
*/
.has-footer-2 .partners-x .partners-logo a{
	max-width: 100px;
}
.has-footer-2 .partners-x .partners-logo img {
	max-height: 52px;
	object-fit: contain;
}


	.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{	

	}

	

	

	



	

}