
@media screen and (min-width: 768px) and (max-width: 1440px) {
	
	
	
	/*
	 * Globals
	 */
	 
	 :root {
	  --color-barre: black;
	  --barre-thickness: 2px;
	  --border-thickness: 2px;
	  --text-titre: 20px;
	  --text-citation: 16px;
	  --text-paragraph: 16px;
	  --text-bouton: 14px;
	  --text-paragraph-height: 26px;
	  --text-titre-chapitre: 20px;
	  --text-titre-artistes: 14px;
	}

	/*********************************** 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 : 400px;
		left: 65px;
		top : 20px;
		font-size: 14px;
	}
	.header-slogan {
		top : 65px;
		left : calc((100vw - 660px) / 2 );
	}
	#header-menu {
		height : 90px;
		width: 30px;
		left : calc(95vw - 30px);
	}
	#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: 800px;
		margin-top: 150px;
		margin-left: calc((100vw - 800px) / 2);;
		gap: 25px 25px;
		align-content: center;
		
	}
	.menu-content-block {
		position: relative;
		width: 220px;
		height: 220px;
		border: 1px solid;
	}
	.menu-barre {
		width: 200px;
		margin-bottom: 10px;
	}
	.menu-espace {
		width: 2000px;
		height : 1.5vw;
	}
	.menu-titre {
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: 20px;
		width: 180px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}
	.menu-titre:hover {
	}
	.menu-sous-titre {
		margin-left: 20px;
		width: 180px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}
	.menu-sous-titre:hover {
	}
	
	/*********************************** 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;
	}
		
	
	/*********************************** index *************************************/

	/************** common *************/

	.ind-rub {
		width: 90vw;
		left: 5vw;	
	}
	.ind-bar {
		width: 62.5vw;
	}
	.ind-col-g {
		width: 33vw;
	}
	.ind-title {
		width: 100%;		
		top: 15px;
		font-size: 28px;
	}
	.ind-pres {
		width: 100%;
		margin-top: 30px;
		font-size: 16px;
	}
	.ind-col-g-space-120
	{
		height: 100px;
	}
	.ind-col-g-space-100
	{
		height: 80px;
	}
	.ind-col-g-space-80
	{
		height: 60px;
	}
	.ind-col-d {
		width: 55vw;
		left : 2vw;
	}
	.ind-col-d-space-120
	{
		width: 100%;
		height: 90px;
	}
	.ind-col-d-space-100
	{
		width: 100%;
		height: 75px;
	}
	.ind-col-d-space-80
	{
		width: 100%;
		height: 60px;
	}
	.ind-bt-text {
		width: 140px;
		left: -50px;
		top: 50px;
	}


	/************** accueil *************/
	
	.ind-acc-gra-bg {
		height: 40vh;
		top: calc(50% - 20vh);
	}
	.ind-acc-gra-logo {
		width: 35.55vh;
		height: 40vh;
		left: 5vw;
		top: calc(50% - 20vh);
		background-size: 100%;
	}
	.ind-acc-gra-ter {
		width: 50vh;
		height: 50vh;
		left: calc(50% - 25vh);	
		top: calc(50% - 25vh);
		background-size: contain;
	}
	.ind-acc-car {
		width: 90vw;
		margin-left: 5vw;
		color: white;
	}
	.ind-acc-title {
		font-size: 28px;
	}
	.ind-acc-subtitle {
		font-size: 16px;
	}
	.ind-acc-space {
		width: 100vw;
		height: 3vh;
	}
	#ind-acc-bt {
		bottom: calc(2vw + 20px);		
		left: calc(85vw - 20px);
	}
	.ind-acc-bt-text {
		position: absolute;
		width: 200px;
		left: -80px;
		top: 40px;
		text-align: center;
		color: white;
	}


	/************** intro *************/
	
	.ind-intro {
		width: 90vw;
		left: 5vw;
		height: auto;
	}
	.ind-intro-space {
		height: 35px;
	}
	.ind-intro-text {
		width: 62.5vw;
	}
	
	
	/************** artistes *************/
	
	.ind-cit {
		width: 33vw;
		margin-top: 30px;
		font-size: 18px;
		line-height: 26px;
	}
	.ind-cit-aut {
		width: 35vw;
		margin-top: 20px;
		font-size: 18px;
		line-height: 24px;
	}
	.ind-cit-aut strong {
	}
	.ind-data {
		width: 33vw;
		margin-top: 35px;
		font-size: 20px;
		height: 25px;
	}
	.ind-bar-v {
		height: 25px;
		left: 16.5vw;
	}
	.ind-data-1 {
		width: calc(16.5vw - 10px);
		height: 25px;
	}
	.ind-data-2 {
		width: calc(16.5vw - 10px);
		height: 25px;
		left: calc(16.5vw + 10px);
		text-align: left;
	}
	#ind-art-bt {
		margin-top: 25px;
		left: calc(16.5vw - 20px);
	}
	.ind-pla {
		width: 55vw;
		height: 32vw;
	}
	.ind-pla-img img{
		max-width: 55vw;
		max-height: 32vw;		
	}
	.ind-pla-bts {
		width: 230px;
		height: 100px;
		left: calc((55vw - 230px) /2);
		gap: 20px 20px;	
	}
	.ind-pla-bt {
		width: 30px;
		height: 30px;
		top : 30px; 
		font-size: 20px;
		line-height: 30px;
	}
	.ind-pla-bt-s {
		width: 30px;
		height: 30px;
		top : 30px; 
		font-size: 20px;
		line-height: 30px;
	}


	/************** news *************/
	
	.ind-aro-news {
		width: 55vw;
		margin-bottom: 0px;
	}
	.ind-aro-news-date {
		width: 120px;
		height: 25px;
	}
	.ind-aro-news-date-text {
		width: 120px;
		height: 25px;
		font-size: 18px;
		line-height: 25px;
		margin-top: 2px;
	}
	.ind-aro-news-genre {
		left: 120px;
		height: 25px;		
	}
	.ind-aro-news-genre-text {
		height: 25px;
		padding-left: 8px;
		padding-right: 8px;
		line-height: 25px;
	}
	.ind-aro-news-title {
		width: 55vw;
		padding-top: 35px;
		font-size: 20px;
	}
	.ind-aro-news-excerpt {
		width: 55vw;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	#ind-aro-bt {
		width: 40px;
		height: 40px;
		margin-top: 25px;
		left: calc(16.5vw - 20px);
	}
	
	
	/************** focus *************/

	.ind-foc-title {
		width: 33vw;
		left: 15px;
		font-size: 20px;
	}
	.ind-foc-title-bar {
		left: -15px;
	}
	.ind-foc-img {
		width: 55vw;
		margin-top: 25px;
	}
	.ind-foc-img img{
		width: 55vw;
		height: auto;
	}
	#ind-foc-bt {
		width: 40px;
		height: 40px;
		margin-top: 25px;
		left: calc(16.5vw - 20px);
	}


	/************** magazine *************/
	
	.ind-mag-aut {
		width: 33vw;
		margin-top: 35px;
		font-size: 16px;
		line-height: 24px;
	}
	.ind-mag-cov {
		width: 27.5vw;
		height: 38.5vw;
	}
	.ind-mag-sum {
		left: 29.5vw;
		top: 80px;
	}
	.ind-mag-dat {
		display: none;
		width: 150px;
		height : 48px;
		top: 280px;
		font-size: 24px;
		line-height: 24px;
		font-weight: 1000;
		transform-origin: 0px 48px;
	}
	.ind-mag-num {
		font-size: 45px;
		line-height: 35px;
	}
	.ind-mag-title {
		width: 180px;
		margin-top: 10px;
		font-size: 30px;
	}
	.ind-mag-slo {
		width: 220px;
		margin-top: 20px;
		font-size: 20px;	
	}
	.ind-mag-cho {
		width: 33vw;
		height: 40px;
		margin-top: 20px;
	}
	#ind-mag-bt1 {
		left: calc(16.5vw - 120px);
		top: 0px;
	}
	#ind-mag-bt2 {
		left: calc(16.5vw - 20px);
		top: 0px;
	}
	#ind-mag-bt3 {
		left: calc(16.5vw + 80px);
		top: 0px;
	}
	
	
	/************** map *************/
	
	.ind-map-map {
		width: 55vw;
	}
	.ind-map-map img{
		width: 55vw;
		height: auto;
	}
	#ind-map-bt {
		width: 40px;
		height: 40px;
		margin-top: 25px;
		left: calc(16.5vw - 20px);
	}
	

	/*********************************** artistes *************************************/

	.artistes-content {
		width: 90vw;
		left: 5vw;
	}
	.artistes-header {
		width: 90vw;
		height: 160px; 
		top : 0px;
	}
	.artistes-header-titre {
		bottom: 2px;
	}
	.artistes-header-barre {
		width: 15vw;
	}
	.artistes-intro {
		width: 60vw;
		left: 15vw;
		margin-top: 5vw;
	}
	.artistes-select {
		width: 60vw;
		left: 15vw;
		height: 120px;
	}
	.artistes-select-BT {
		width: 40px;
		height: 40px;
	}
	#BT-choice-1 {
		top: 30px;
		left: 15vw;
	}
	#BT-choice-2 {
		top: 30px;
		left: 30vw;
	}
	#BT-choice-3 {
		top: 30px;
		left: 45vw;
	}
	#BT-choice-1-s {
		top: 30px;
		left: 15vw;
	}
	#BT-choice-2-s {
		top: 30px;
		left: 30vw;
	}
	#BT-choice-3-s {
		top: 30px;
		left: 45vw;
	}
	.artistes-select-BT-texte {
		width: 160px;
		left: -60px;
		top: 45px;
	}
	.artistes-select-mots {
		width: 60vw;
		left: calc((100% - 60vw)/2);
	}
	.artistes-select-mots-mot {
		margin : 3px;
		padding : 2px;
		padding-left : 6px;
		padding-right : 6px;
		border: 1px solid var(--color-barre);		
	}
	.artistes-select-espace {
		width: 60vw;
		left: calc((100% - 60vw)/2);
		height: 4vw;
	}
	.artistes-liste {
		width: 90vw;
	}
	.artistes-category {
	}
	.artistes-category-barre {
		width: 15vw;
	}
	.artistes-category-titre {
		height : 20px;
		font-size: 20px;
	}
	.artistes-category-groupe {
		width: 60vw;
		left: 15vw;
		gap: 12px 20px;
	}
	.artistes-category-espace {
		width: 60vw;
		height: 1vw;
	}
	.artistes-category-artiste {
		width: 120px;
		height: 170px;
	}
	.artistes-category-dummy {
		width: 120px;
	}
	.artistes-category-artiste-image {
		position: relative;
		width: 120px;
		top: 0px;
	}
	.artistes-category-artiste-image img {
		 max-width: 120px;
		 max-height: 120px;
	}
	.artistes-category-artiste-nom {
		width: 120px;
		top: calc(100% + 3px);
	}
	.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 {
		bottom: 2px;
		font-size: 20px;
	}
	.artiste-header-barre {
	}
	.artiste-article {
		position: relative;
		width: 90vw;
		left: calc((100% - 90vw) / 2);
	}

	.artiste-article-espace {
		position: relative;
		width: 100%;
		height: 40px;
	}
	.artiste-article-titre {
		font-size: 36px;
	}
	.artiste-article-projet {
		width: 70%;
		left: 15%;
		font-size: 30px;
	}
	.artiste-article-keywords {
		width: 50vw;
		left: calc((100% - 50vw)/2);
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.artiste-article-keyword {
		margin : 3px;
		padding : 2px;
		padding-left : 6px;
		padding-right : 6px;
		border: 1px solid var(--color-barre);			
	}

	.artiste-article-video {
		position: relative;
		width: 60vw;
		height: 34vw;
		left: calc((100% - 60vw)/2);
	}
	.artiste-article-video iframe{
	}
	.artiste-article-article {
		position: relative;
		width: 60vw;
		left: calc((100% - 60vw)/2);
		margin-top: 30px;
		font-family: "RobotoLight", Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 25px;
	}
	.wp-block-gallery {
	}
	.artiste-site {
		position: relative;
		width: 60vw;
		left: calc((100% - 60vw) / 2);
		margin-top: 30px;
		font-size: 16px;
	}
	.artiste-similar {
		width: 90vw;
		left: 0;
		margin-top: 40px;
	}
	.artiste-similar-barre {
	}
	.artiste-similar-titre {
		height : 20px;
		font-size: 20px;
		margin-bottom: 40px;
		top: 3px;
	}
	.artiste-similar-liste {
		position: relative;
		width: 60vw;
		left: 15vw;
		gap: 12px 20px;
	}
	.artiste-similar-artiste {
		width: 120px;
		height: 170px;	
	}
	.artiste-similar-dummy {
		width: 120px;
	}
	.artiste-similar-artiste-image {
		width: 120px;
	}
	.artiste-similar-artiste-image img {
		 max-width: 120px;
		 max-height: 120px;
	}
	.artiste-similar-artiste-nom {
		width: 120px;
		top: calc(100% + 5px);
	}
	.artiste-artistes {
		width: 90vw;
		height: 80px;
		left: calc((100% - 90vw) / 2);
	}			
	#artiste-BT {
		left: calc(80vw - 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 {
		bottom: 2px;
		font-size: 20px;
	}
	.news-header-barre {
		width: 15vw;
	}
	.news-bandeau {
		width: 90vw;
		height: 3.13vw;
		left : calc((100vw - 90vw) / 2);
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.news-new {
		width: 90vw;
		left: calc((100vw - 90vw) / 2);
	}
	.news-new-image {
		width: 25vw;
		height: 25vw;
		right: 50vw;
		top: 6vw;
	}
	.news-new-image img{
	}
	.news-new-date {
		height: 20px;
		top: 6px;
		font-size: 16px;	
	}
	.news-new-texte {
		width: 30vw;
		left: 45vw;
	}
	.news-new-texte-espace1 {
		width: 26vw;
		height: 6vw;
	}
	.news-new-texte-espace2 {
		width: 26vw;
		height: 2vw;
	}
	.news-new-texte-titre {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.news-new-texte-content {
		margin-bottom: 20px;
	}
	.news-new-genre {
		height: 20px;
		top: 20px;
		font-size: 16px;
		margin-top: 5px;
	}
	.news-new-barre {
		width: 15vw;
	}
	
	
	/*********************************** 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;
		background: url("../images/Logo_HAS_white_70.png") no-repeat;
	}
	.map-header-jingle {
		width : 400px;
		left: 65px;
		top : 20px;
		font-size: 14px;
	}
	.map-header-slogan {
		top : 65px;
		left : calc((100vw - 660px) / 2 );
	}
	#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-header-titre {
		bottom: -25px;
		font-size: 20px;
	}
	.map-header-barre {
	}
	.map-espace {
		height: 40px;
	}
	.map-titre {
		margin-top: calc(40px - var(--text-titre-chapitre));
	}
	.map-barre-s {
		width: 15vw;
		margin-top: 5px;
	}
	.map-map {
		position: relative;
		width: 90vw;
		height: 45.67vw;
		background-image: url("../images/Map-World -1350.jpg");
		background-size: 100% 100%;
		--main-width: 90vw;
		--main-height: 45.67vw;
	}
	.map-barre {
	}
	.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;
	}
	.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% - 200px);
		top: 40px;
		
	}
	#BT-map-2 {
		left: calc(50% - 20px);
		top: 40px;
	}
	#BT-map-3 {
		left: calc(50% + 160px);
		top: 40px;
	}

	.map-choix-BT-texte {
		position: absolute;
		width: 140px;
		left: -50px;
		top: 50px;
		font-size: 16px;
	}
	
	
	/*********************************** magazine *************************************/


	.mag-space {
		width: 100vw;
		height : 90px;
	}
	.mag-heading {
		width: 100vw;
		height : 40px;
	}
	.mag-heading-text {
		width: 90vw;
		left: 5vw;
		font-size: 35px;
		line-height: 30px;
		bottom: -4px;
	}
	.mag {
		width: 90vw;
		left : 5vw;
		margin-top: 2vw;
	}
	.mag-header {
	}
	.mag-col-g {
		width: 25vw;
	}
	.mag-col-g-cover {
		width: 25vw;
		height: 35.57vw;
		margin-bottom: 2.5vw;
	}
	.mag-col-g-cover img{
		width: 100%;
		height: 100%;
	}
	.mag-col-g-barre {
		width: 25vw;
		left : 0px;
	}
	.mag-col-g-old {
		
	}
	.mag-col-g-version {
		width: 25vw;
		height : 40px;
		font-size: 20px;
	}
	.mag-col-g-version-cn {
		width: 25vw;
		height : 40px;
		font-size: 20px;
	}
	.mag-col-g-telecharger {
		width: calc(25vw - 80px);
		left: 0;
		font-size: 18px;
	}
	.mag-col-g-simpli-cn {
		width: calc(25vw - 80px);
		font-size: 20px;
	}
	.mag-col-g-tradi-cn {
		width: calc(25vw - 80px);
		font-size: 20px;
	}
	.mag-col-g-pdf {
		left : calc(25vw - 60px);
		width: 60px;
		height: 60px;
	}
	.mag-col-g-pdf-cn {
		top: -30px;
		left : calc(25vw - 60px);
		width: 60px;
		height: 60px;
	}
	.mag-col-g-simpli-pdf-cn {
		top: -30px;
		left : calc(25vw - 60px);
		width: 60px;
		height: 60px;
	}
	.mag-col-g-tradi-pdf-cn {
		top: -30px;
		left : calc(25vw - 60px);
		width: 60px;
		height: 60px;
	}
	.mag-col-g-space {
		position: relative;
		width: 370px;
		height: 80px;
	}
	.mag-col-g-prev {
		width: 25vw;
		height: auto;
		margin-top: 15px;
	}
	.mag-col-g-prev-num {
		font-size: 30px;
	}
	.mag-col-g-prev-title {
		left: 30px;
		width: calc(25vw - 30px);
		font-size: 20px;
		line-height: 20px;
	}
	.mag-col-g-prev-title-cn {
		left: 30px;
		width: calc(25vw - 30px);
		font-size: 20px;
		line-height: 20px;
	}
	.mag-col-g-prev-undertitle {
		margin-top: 5px;
		left: 30px;
		width: calc(25vw - 30px);
		font-size: 16px;
		line-height: 22px;
	}
	.mag-col-g-prev-undertitle-cn {
		margin-top: 5px;
		left: 30px;
		width: calc(25vw - 30px);
		font-size: 16px;
		line-height: 22px;
	}
	.mag-col-g-all {
		width: 25vw;
		height : 30px;
		margin-top: 10px;
	}
	.mag-col-g-all-cn {
		width: 25vw;
		height : 30px;
		margin-top: 10px;
	}

	.mag-col-d {	
		width: 60vw;
		top : 0px;
		left : 30vw;
	}
	.mag-col-d-langues {
		left : 60px;
		top: 37px;
		text-indent: 3px;
		font-size: 20px;
	}
	.mag-col-d-numero {
		font-size: 50px;
		left: -10px;
	}
	.mag-col-d-titre {
		margin-top: 6px;
		width: 60vw;
		font-size: 45px;
		line-height: 50px;
	}
	.mag-col-d-titre-cn {
		margin-top: 6px;
		width: 60vw;
		font-size: 45px;
		line-height: 50px;
		letter-spacing: 2px;
	}
	.mag-col-d-soustitre {
		margin-top: 20px;
		width: 30vw;
		font-size: 24px;
		line-height: 30px;
	}
	.mag-col-d-soustitre-cn {
		margin-top: 20px;
		width: 30vw;
		font-size: 24px;
		line-height: 30px;
	}
	.mag-col-d-date {
		width: 120px;
		height : 80px;
		left: calc(60vw - 100px);
		top: -120px;
		font-size: 24px;
		line-height: 24px;
	}
	.mag-col-d-date-cn {
		width: 80px;
		left: calc(60vw - 80px);
		font-size: 24px;
		line-height: 24px;
	}	
	.mag-cont {
		position: relative;
		left: 30vw;
		width: 60vw;
		margin-top: 30px;
	}
	.mag-cont-intro-s {	
		margin-top: 20px;
		width: 60vw;
	}
	.mag-cont-intro-s-cn {	
		margin-top: 20px;
		width: 60vw;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 32px;
	}
	.mag-cont-intro-s2 {
	}
	.mag-cont-intro-s2-cn {
	}
	.mag-cont-intro-full {
		padding-bottom: 20px;
	}
	.mag-cont-intro-full-cn {
		padding-bottom: 20px;
	}
	.mag-cont-barre {
		margin-top: 10px;
		width: 60vw;
	}
	.mag-cont-titre3 {
		margin-top: 2px;
		margin-bottom: 30px;
		width: 60vw;
		font-size: 20px;
	}
	.mag-cont-titre3-cn {
		margin-top: 2px;
		margin-bottom: 30px;
		width: 60vw;
		font-size: 24px;
	}
	.mag-cont-team {
		margin-top: 6px;
		width: 60vw;
		font-size: 16px;
		line-height: 24px;
	}
	.mag-cont-team-cn {
		margin-top: 6px;
		margin-bottom: 40px;
		width: 60vw;
		font-size: 18px;
		line-height: 32px;
	}
	.mag-cont-articles {
		padding-bottom: 25px;
	}
	.mag-cont-article {
		margin-top: 5px;
		left: 35px;
		width: calc(60vw - 35px);
		min-height: 60px;
	}
	.mag-cont-article:hover{
	}
	.mag-cont-article:hover .mag-col-d-numero{
	}
	.mag-cont-article-square {
		left: calc(60vw - 95px);
		width: 60px;
	}
	.mag-cont-numero {
		width: 60px;
		height: 60px;
		top: 15px;
		font-size: 24px;
		line-height: 24px;
	}
	.mag-cont-article-titre {
		width: calc(60vw - 100px);
		font-size: 18px;
		padding-top: 5px;
	}
	.mag-cont-article-titre-cn {
		width: calc(60vw - 100px);
		margin-left: 10px;
		padding-top: 5px;
	}
	.mag-cont-article-soustitre {
		width: calc(60vw - 100px);
		font-size: 16px;
	}
	.mag-cont-article-soustitre-cn {
		width: calc(60vw - 100px);
		font-size: 18px;
		margin-left: 10px;
		margin-top: -5px;
	}
	.mag-cont-logos {
		margin-top: 0vw;
		margin-bottom: 2vw;
		width: 60vw;
		height: 9.67vw;
	}
	.mag-cont-espace {
		width: 1300px;
		height: 2vw;
	}
	.squareColor {
		left: calc(60vw - 50px);
		width: 50px;
	}
	
	
	/*********************************** magazines *************************************/

	.mags-space {
		width: 90vw;
		left : 5vw;
		height: 20px;	
	}
	.mags-mag {
		width: 90vw;
		min-height: 25vw;
		left : 5vw;
		margin-top: 20px;	
	}
	.mags-mag-barre {
		width: 65vw;
		height: 20px;
		border-top:3px dotted;
	}
	.mags-mag-header {
	}
	.mags-mag-col-g {
		width: 15vw;
	}
	.mags-mag-col-g-cover {
		width: 15vw;
		margin-bottom: 30px;
	}
	.mags-mag-col-g-cover img{
		width: 100%;
		height: 100%;
	}
	.mags-mag-col-d {
		width: 70vw;
		top : 0px;
		left : 5vw;
	}
	.mags-mag-col-d-numero {
		font-size: 30px;
		left: -10px;
		font-weight: 1000;
	}
	.mags-mag-col-d-date {
		width: 100px;
		left: calc(70vw - 100px);
		font-size: 24px;
		line-height: 24px;
	}
	.mags-mag-col-d-date-cn {
		width: 80px;
		left: calc(70vw - 100px);
		font-size: 24px;
		line-height: 24px;
	}
	.mags-mag-col-d-titre {
		margin-top: 5px;
		font-size: 30px;
		line-height: 35px;
		letter-spacing: -1px;
	}
	.mags-mag-col-d-titre-cn {
		margin-top: 5px;
		font-size: 30px;
		line-height: 35px;
		letter-spacing: -1px;
	}
	.mags-mag-col-d-soustitre {
		margin-top: 10px;
		font-size: 20px;
		line-height: 25px;
	}
	.mags-mag-col-d-soustitre-cn {
		margin-top: 10px;
		font-size: 20px;
		line-height: 25px;
	}
	.mags-mag-col-d-auth {
		margin-top: 15px;
		width: 45vw;
		font-size: 14px;
		line-height: 20px;
	}
	.mags-mag-col-d-auth-cn {
		margin-top: 15px;
		width: 45vw;
		font-size: 18px;
		line-height: 30px;
	}
	.mags-mag-space {
		height: 30px;
	}
	
	
	/*********************************** magazine research *************************************/

	.mag-research {
		width: 90vw;
		left : 5vw;
		margin-top: 35px;
	}
	.mag-research-g {
		position: relative;
		width: 25vw;
		text-align: left;	
	}
	.mag-research-tags {
		width: 25vw;
	}
	.mag-research-tag {
		width: 25vw;
		font-size: 24px;
		line-height: 30px;
	}
	.mag-research-tag-cn {
		width: 25vw;
		font-size: 24px;
		line-height: 32px;
	}
	.mag-research-d {
		left: 5vw;
		width: 60vw;
	}
	.mag-research-titre {	
		width: 60vw;
		font-size: 40px;
		line-height: 45px;
		letter-spacing: -2px;
	}
	.mag-research-titre {	
		width: 60vw;
		font-size: 40px;
		line-height: 45px;
		letter-spacing: -2px;
	}
	.mag-research-titre-cn {	
		width: 60vw;
		font-size: 40px;
		line-height: 45px;
		letter-spacing: -2px;
	}
	.mag-research-definition {	
		margin-bottom: 35px;
		width:30vw;
		font-size: 18px;
		line-height: 24px;
	}
	.mag-research-definition-cn {	
		margin-bottom: 35px;
		width:30vw;
		font-size: 18px;
		line-height: 24px;
	}
	.mag-research-barre {
		position: relative;
		width: 60vw;
	}
	.mag-research-espace {
		position: relative;
		width: 930px;
		height: 50px;
	}
	.mag-research-articles {
		padding-bottom: 25px;
	}
	.mag-research-article {
		margin-top: 5px;
		width: 60vw;
		min-height: 60px;
	}
	.mag-research-article-square {
		left: calc(60vw - 60px);
		width: 60px;
	}
	.mag-research-article-numero {
		width: 60px;
		height: 60px;
		top: 15px;
		font-size: 24px;
		line-height: 24px;
	}
	.mag-research-article-titre {
		width: calc(60vw - 100px);
		font-size: 18px;
		padding-top: 5px;
	}
	.mag-research-article-titre-cn {
		width: calc(60vw - 100px);
		font-size: 20px;
		padding-top: 5px;
	}
	.mag-research-article-soustitre {
		width: calc(60vw - 100px);
		font-size: 16px;
	}
	.mag-research-article-soustitre-cn {
		width: calc(60vw - 100px);
		font-size: 18px;
	}



	/*********************************** article *************************************/

	.has-article {
	  margin-top: 3vw;
	  width: 90vw;
	  left : 5vw;
	}
	.article-colonne-gauche {
	  width: 60vw;
	}
	.article-colonne-gauche-titre {
		width: 40vw;
		left: 10vw;
		font-size: 36px;
		line-height: 36px;
	}
	.article-colonne-gauche-titre-cn {
		width: 40vw;
		left: 10vw;
		font-size: 36px;
		line-height: 36px;
	}
	.article-colonne-gauche-nom {
		width: 30vw;
		left: 15vw;
		margin-top: 2vw;
		font-size: 30px;

	}
	.article-colonne-gauche-nom-cn {
		width: 30vw;
		left: 15vw;
		margin-top: 2vw;
		font-size: 30px;
	}
	.article-colonne-gauche-barre1 {
		width: 30vw;
		margin-left: 15vw;
		margin-top: 10px;
	}
	.article-colonne-gauche-statut {
		width: 30vw;
		left: 15vw;
		font-size: 20px;
		margin-top: 10px;
	}
	.article-colonne-gauche-statut-cn {
		width: 30vw;
		left: 15vw;
		font-size: 24px;
		line-height: 36px;
		margin-top: 10px;
	}
	.article-colonne-gauche-tags {
	}
	.article-colonne-gauche-chapeau {
		width: 45vw;
		left: 7.5vw;
		font-size: 24px;
		margin-top: 4vw;
		margin-bottom: 2vw;
	}
	.article-colonne-gauche-chapeau-cn {
		width: 45vw;
		left: 7.5vw;
		font-size: 24px;
		line-height: 36px;
		margin-top: 4vw;
		margin-bottom: 2vw;
	}
	.article-colonne-gauche-texte {
		width: 60vw;
		margin-bottom: 3vw;
	}
	.article-colonne-gauche-texte-cn {
		width: 60vw;
		font-size: 18px;
		line-height: 32px;
		margin-bottom: 3vw;
	}
	.article-colonne-gauche-texte iframe{
		width: 60vw;
		height: 33.75vw;
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 3vw;
	}
	.article-colonne-gauche-texte figcaption{
		font-size: 14px;
		line-height: 20px;
	}	
	.article-colonne-gauche-barre2 {
		width: 60vw;
		margin-bottom: 2vw;
	}
	.article-colonne-gauche-bio {
		margin-top: 11vw;
		width: 40vw;
		left: 20vw;
		font-size: 16px;
		line-height: 24px;
	}
	.article-colonne-gauche-nav {
		margin-top: 4vw;
		margin-bottom: 3vw;
		width: 60vw;
		height : 40px;
		text-align: center;
		font-size: 18px;
		line-height: 40px;
	}
	.article-colonne-gauche-nav-cn {
		margin-top: 4vw;
		margin-bottom: 3vw;
		width: 60vw;
		height : 40px;
		font-size: 18px;
		line-height: 40px;
	}
	.article-colonne-gauche-nav-g {
		width: calc(20vw - 4px);
		height : 40px;	
	}
	.article-colonne-gauche-nav-c {
		width: calc(20vw - 4px);
		height : 40px;
		left : calc(20vw + 2px);
	}
	.article-colonne-gauche-nav-d {
		width: calc(20vw - 4px);
		height : 40px;
		left: calc(40vw + 4px);
	}
	
	.article-colonne-droite {
		width: 25vw;
		left: 65vw;
	}
	.article-colonne-droite-select {
		width: 25vw;
		height: 200px;
		display: block;
	}
	.article-colonne-droite-numero {
		width: 36px;
		font-size: 36px;
	}
	.article-colonne-droite-titre {
		margin-top: 10px;
		width: 15vw;
		font-size: 24px;
		line-height: 30px;
	}
	.article-colonne-droite-titre-cn {
		margin-top: 10px;
		width: 15vw;
		font-size: 24px;
		line-height: 35px;
	}
	.article-colonne-droite-date {
		width: 25vw;
		height : 40px;
		font-size: 20px;
		line-height: 20px;
	}
	.article-colonne-droite-date-cn {
		width: 60px;
		left: calc(25vw - 60px);
		font-size: 20px;
		line-height: 20px;
	}
	.article-colonne-droite-espace {
		width: 25vw;
		height: 2vw;
	}
	.article-colonne-droite-espace-cn {
		width: 25vw;
		height: 1vw;
	}
	.article-colonne-droite-espace2 {
		width: 25vw;
		height: 1vw;
	}
	.article-colonne-droite-barre {
		width: 25vw;
	}
	.article-colonne-droite-tags {
		width: 25vw;
	}
	.article-colonne-droite-tag {
		font-size: 24px;
		line-height: 30px;	
	}
	.article-colonne-droite-tag-cn {
		width: 25vw;
		font-size: 30px;
		line-height: 40px;
	}
	.article-colonne-droite-auteur {
		top : 2px;
		left: 0px;
		width: 25vw;
		height : 30px;
		font-size: 20px;
	}
	.article-colonne-droite-auteur {
		top : 2px;
		left: 0px;
		width: 25vw;
		height : 30px;
		font-size: 20px;
	}
	.article-colonne-droite-bio {
		margin-bottom: 2vw;
		width: 25vw;
		font-size: 16px;
		line-height: 24px;
	}
	.article-colonne-droite-bio-cn {
		margin-bottom: 2vw;
		width: 25vw;
		font-size: 18px;
		line-height: 32px;
	}
	.article-colonne-droite-version {
		top : 2px;
		left: 0px;
		width: 25vw;
		height : 3vw;
		font-size: 20px;
	}
	.article-colonne-droite-version-cn {
		top : 2px;
		left: 0px;
		width: 25vw;
		height : 3vw;
		font-size: 20px;
	}
	.article-colonne-droite-image {
		position: relative;
		width: 20vw;
		left: 2.5vw;
		margin-top: 2vw;
	}
	.article-colonne-droite-image img {
	}
	.article-colonne-droite-telechargement {
		position: relative;
		width: 25vw;
		height: 80px;
	}
	.article-colonne-droite-telechargement-cn {
		left: 30px;
		top: 30px;
		font-size: 16px;
	}
	.article-colonne-droite-telechargement-pdf {
		top : 3vw;
		left : calc(22vw - 60px);
		width: 60px;
		height: 60px;
	}
	.article-colonne-droite-partage-texte {
		top : 2px;
		width: 25vw;
		height : 3vw;
		font-size: 20px;
	}
	.article-colonne-droite-partage-texte-cn {
		top : 2px;
		width: 25vw;
		height : 3vw;
		font-size: 20px;
	}
	.article-colonne-droite-partage-pictos {
		top : 0px;
		left : 7.5vw;
		width: 10vw;
		height: 3vw;
	}
	
	
	/*********************************** project *************************************/

	.about-content {
		width: 90vw;
		left: 5vw;
	}
	.about-header {
		width: 100%;
	}
	.about-header-espace {
		width: 100%;
		height: 120px; 
	}
	.about-header-titre {
		bottom: 2px;
		font-size: 20px;
	}
	.about-header-barre {
		width: 15vw;
	}
	.about-citation {
		width: 60vw;
		left: 15vw;
	}
	.about-citation p{
	}
	.about-citation-espace {
		width: 60vw;
		height: 2vw;
	}
	.about-citation-texte {
		width: 50vw;
		left: 5vw;
		font-size: 24px;
	}
	.about-citation-auteur {
		width: 30vw;
		left: 15vw;
		margin-top: 2vw;
		font-size: 16px;	
	}
	.about-image {
		width:60vw;
		left: 15vw;
	}
	.about-image img{
		width: 60vw;
	}
	*.about-image-espace {
		width: 60vw;
		height: 4vw;
	}
	.about-barre {
	}
	.about-barre-titre {
		top: 3px;
		font-size: 20px;
	}
	.about-rubrique-barre {
		width: 15vw;
	}
	.about-rubrique-titre {
		height: 20px;
		top: 3px;
	}
	.about-barre-menu {
		margin-top: 4vw;
		font-size: 18px;
	}
	.about-barre-menu-item {
		height: 23px;
	}
	.about-a {
	}
	.about-barre-menu-item-s {
		height: 23px;
	}
	.about-a-s {
	}
	.about-barre-s {
		width: 60vw;
		left: calc((100% - 60vw) / 2);
	}
	.about-paragraphe {
		width: 60vw;
		left: calc((100% - 60vw) / 2);
	}
	.about-paragraphe p{
		margin-bottom: 15px;
	}
	.about-paragraphe-espace {
		height: 1vw;
	}
	.about-paragraphe-texte {
		width: 100%;
		font-size: 16px;
		line-height: 25px;		
	}
	.about-video {
		width: 60vw;
		height: 34vw;
		left: calc((100% - 60vw) / 2);
	}
	.about-video iframe{
		max-width: 100%;
	}
	.about-espace-s {
		width: 60vw;
		height: 3vw;
		left: calc((100% - 60vw) / 2);
	}

	.about-founders {
		width: 60vw;
		left: calc((100% - 60vw) / 2);
	}
	.about-founders p{
		margin-bottom: 15px;
	}
	.about-founders-logo {
		max-width: 150px;
		max-height: 120px;
		right: calc(50% + 75px);
		top: 10px;
	}
	.about-founders-logo img {
		max-width: 150px;
		max-height: 120px;
	}
	.about-founders-espace {
		width: 30vw;
		left: 30vw;
		height: 1vw;
	}
	.about-founders-titre {
		width: 30vw;
		left: 30vw;
		font-size: 24px;
	}
	.about-founders-texte {
		width: 30vw;
		left: 30vw;
		font-size: 16px;
		line-height: 25px;
		
	}
	

	
	/* Contact Form 7 Form Background And Border CSS
	 -----------------------------------------------*/
	 .wpcf7 {
		 margin-top: 30px;
		 margin-bottom: 60px;
		 left: calc((100% - 60vw) / 2);
		 width: 60vw;
	 }
	 
	 .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: 60vw;
		 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: 60vw;
		 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(60vw - 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: 120px; 
	}
	.open-header-titre {
		width: 40vw;
		left: 25vw;
		font-size: 36px;
		line-height: 36px;
	}
	.open-header-barre {
		width: 30vw;
		margin-left: 30vw;
		margin-top: 3px;
	}
	.open-citation {
		width: 45vw;
		left: 22.5vw;
		font-size: 24px;
		margin-top: 3vw;
		margin-bottom: 4vw;
	}
	.open-paragraphe {
		width: 60vw;
		left: 15vw;
		margin-bottom: 3vw;
	}
	.open-paragraphe-texte {
		font-size: 16px;
		line-height: 28px;	
	}
	.open-paragraphe-espace {
		width: 930px;
		height: 35px;
	}
	
	
	/*********************************** traveling exhibition *************************************/

	.trav {
		width: 90vw;
		left: 5vw;
	}
	.trav-head {
		width: 90vw;
	}
	.trav-head-space {
		width: 90vw;
		height: 120px; 
	}
	.trav-head-title {
		width: 40vw;
		left: 25vw;
		font-size: 36px;
		line-height: 36px;
	}
	.trav-head-barre {
		width: 30vw;
		margin-left: 30vw;
		margin-top: 3px;
	}
	.trav-head-subtitle {
		width: 45vw;
		left: 22.5vw;
		font-size: 24px;
		margin-top: 3vw;
		margin-bottom: 4vw;
	}
	.trav-cont {
		width: 60vw;
		left: 15vw;
		margin-bottom: 3vw;
	}
	.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;
	}
	
	/*********************************** search *************************************/

	.search-content {
		width: 90vw;
		left: 5vw;
	}
	.search-space {
		width: 100%;
		height: 90px; 
	}
	.search-title {
		width: 90vw;
		font-size: 35px;
		line-height: 45px;
	}
	.search-list {
		width: 60vw;
		left: 30vw;
	}

	.search-subject {
		height: 80px;
		font-size: 35px;
		line-height: 80px;
		letter-spacing: -1px;
	}
	.search-rubrique-space {
		position: relative;
		height: 30px;
	}
	.search-rubrique-titre {
		height: 60px;
		line-height: 60px;
		font-size: 24px;
		margin-top: 10px;
	}
	.search-rubrique-item {
		margin-top: 3px;
		width: 60vw;
		min-height: 45px;
		border-top: 2px dotted;
	}
	.search-rubrique-item-country {
		width: 60vw;
		font-size: 18px;
		padding-top: 7px;
	}
	.search-rubrique-item-number {
		width: 60vw;
		font-size: 30px;
		line-height: 50px;
	}
	.search-rubrique-item-name {
		width: 60vw;
		font-size: 18px;
		padding-top: 7px;
	}
	.search-rubrique-item-presentation {
		width: 60vw;
		font-size: 16px;
	}

	.search-form {
		height: 40px;
		margin-top: 25px;
		with: 20vw;
		
	}
	.search-form-text {
		position: relative;
		height: 23px;
		width: calc(20vw - 2px);
		text-indent: 7px;
		font-size: 16px;
	}
	.search-form-button {
		height: 25px;
		width: 20vw;
		font-size: 14px;
	}
	.search-form-text2 {
		height: 23px;
		width: 220px;
		text-indent: 7px;
		font-size: 16px;
	}
	.search-form-button2 {
		height: 25px;
		width: 220px;
		font-size: 14px;
	}
	

	/*********************************** footer *************************************/
	
	.has-footer {
		width: 90vw;
		left: 5vw;
	}
	.has-footer-barre {
	}
	.has-footer-logo {
		  height : 40px;
		  width: 40px;
		  top : 15px;
	}
	.has-footer-s {
		width: calc(90vw - 80px);
		height: 150px;
		left : 80px;
		top : 15px;
		font-size: 12px;
		line-height: 16px;
		gap: 15px 40px;
	}
	
	.has-footer a{	
	}
	.has-footer hover{	
	}
	.has-footer visited{	
	}
	
	.has-footer-1 {
		width: 160px;
		height: 90px;
	}
	.has-footer-2 {
		width: 350px;
		height: 90px;
	}
	.has-footer-3 {
		width: 250px;
		height: 90px;
	}
	.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-4 {
		width: 80px;
		height: 90px;
	}
	.has-footer-5 {
	}
	.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: 160px;
		top : 10px;
		height: 90px;
	}
	.has-footer-2-map {
		width: 350px;
		top : 10px;
		height: 90px;
	}
	.has-footer-3-map {
		width: 250px;
		top : 10px;
		height: 90px;
	}
	.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 {
		width: 80px;
		top : 10px;
		height: 90px;
	}
	.has-footer-5-map {
		height: 40px;
	}
	.has-footer-5-map a{	
	}
	
	
}