/*
 * Globals
 */
 
@font-face {
    font-family: 'HelveticaRegular'; 
	src: url('../fonts/HELVETICALTSTD-ROMAN.OTF');  
    font-weight: normal;
	font-stretch: normal;
}
@font-face {
    font-family: 'KeepCalm'; 
	src: url('../fonts/KeepCalm-Medium.ttf');  
    font-weight: 500;  
}

@font-face {
    font-family: 'RobotoBlack'; 
	src: url('../fonts/Roboto-Black.ttf');  
    font-weight: 500;  
}
@font-face {
    font-family: 'RobotoBold'; 
	src: url('../fonts/Roboto-Bold.ttf');  
    font-weight: 500;  
}
@font-face {
    font-family: 'RobotoMedium'; 
	src: url('../fonts/Roboto-Medium.ttf');  
    font-weight: 200;  
}
@font-face {
    font-family: 'RobotoItalic'; 
	src: url('../fonts/Roboto-Italic.ttf');  
    font-weight: 200;  
}
@font-face {
    font-family: 'RobotoLight'; 
	src: url('../fonts/Roboto-Light.ttf');  
    font-weight: 200;  
}
@font-face {
    font-family: 'RobotoThin'; 
	src: url('../fonts/Roboto-Thin.ttf');  
    font-weight: 200;  
}
@font-face {
    font-family: 'BahnshriftBold'; 
	src: url('../fonts/BAHNSCHRIFT.TTF');  
    font-weight: bold;
	font-stretch: normal;
}
@font-face {
    font-family: 'BahnshriftRegular'; 
	src: url('../fonts/BAHNSCHRIFT.TTF');  
    font-weight: regular;
	font-stretch: normal;
}
@font-face {
    font-family: 'BahnshriftLight'; 
	src: url('../fonts/BAHNSCHRIFT.TTF');  
    font-weight: light;
	font-stretch: normal;
}
@font-face {
    font-family: 'NotoSerifSC-Regular'; 
	src: url('../fonts/NotoSerifSC-Regular.otf');  
}
@font-face {
    font-family: 'NotoSansSC-Regular.otf'; 
	src: url('../fonts/NotoSansSC-Regular.otf');  
}

:root {
  --color-barre: black;
  --barre-thickness: 3px;
  --border-thickness: 2px;
  --text-titre: 20px;
  --text-citation: 18px;
  --text-paragraph: 16px;
  --text-bouton: 16px;
  --text-paragraph-height: 26px;
  --text-titre-intro: 30px;
  --text-titre-chapitre: 24px;
  --text-titre-artistes: 16px;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: black;
  overflow-x: hidden;
  margin: 0px;
}
html,body,li,ul,img,form,h1,h2,h3,h4,h5,h6,hr{ margin:0px; padding:0px; }
a {
    color: black;
    text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: black
}
b, strong {
    font-weight: 700;
}
@media (min-width: 1200px) {
  .container {
    width: 100vw;
  }
}
.wp-block-image figcaption {
	font-size: 15px;
}
.blocks-gallery-caption {
	font-size: 15px;
	margin-bottom: 50px;
}
.wp-block-image {
	position: relative;
	max-width: 100%;
	margin-left : auto;
	margin-right : auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.wp-block-image img {
	height: auto;
	display: block;
	}
.wp-block-gallery  {
	max-width: 90%;
	margin-left : auto;
	margin-right : auto;
	margin-top : 50px;
	margin-bottom : 30px;
	display: block;
}
iframe {
	position: relative;
	max-width: 100%;
	margin-left : auto;
	margin-right : auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
#player {
	position: relative;
    max-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
    color: #fff;
    line-height: normal;
    overflow: visible;
    border-collapse: separate;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulate;
    touch-action: manipulate;
}	



/*********************************** header *************************************/

#header {
  position: fixed;
  z-index: 1000;
  width: 100vw;
  height : 120px;
  left: 0px;
  top: 0px;
  background-color: white;
  display: block;
}

#header-s {
  position: fixed;
  z-index : 1000;
  width: 100vw;
  height : 50px;
  left : 0px;
  top: 0px;
  background-color: rgba(255,255,255,0.95);
  /*-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);*/
  display: none;
}
.header-logo {
  position: absolute;
  float : left;
  height : 90px;
  width: 77px;
  left : calc((100vw - 1350px)/2);
  top : 15px;
  background: url("../images/Logo_HAS_90.png") no-repeat;
  background-size: contain;
}

.header-logo-s {
  position: absolute;
  float : left;
  height : 30px;
  width: 30px;
  left : calc((100vw - 1350px)/2);
  top : 10px;
  background: url("../images/Logo_Simple_HAS.png") no-repeat;
  background-size: contain;
}

.header-jingle {
	position: absolute;
	float : left;
	width : 200px;
	left: 85px;
	top : 25px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.header-jingle p{
	margin: 0;
}

.header-slogan {
	position: absolute;
	width: 660px;
	top : 95px;
	left : calc((100vw - 660px) / 2 );
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 14px;
	color: black;
}

.header-slogan p{
	margin: 0;
}
    
#header-menu {
	display: block;
	position: absolute;
	height : 120px;
	width: 40px;
	left : calc(((100vw - 1350px)/2) + 1310px);
	top : 0;
	cursor: pointer;
}
#header-menu-open-1 {
	position: absolute;
	height : var(--barre-thickness);
	width: 40px;
	bottom : 20px;
	background-color: black;
	transition: all 0.3s;
}
#header-menu-open-2 {
	position: absolute;
	height : var(--barre-thickness);
	width: 40px;
	bottom : 40px;
	background-color: black;
	transition: all 0.3s;
} 
#header-menu-s {
	position: absolute;
	height : 50px;
	width: 30px;
	left : calc(((100vw - 1350px)/2) + 1320px);
	top : 0;
	cursor: pointer;
}
#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 {
	position: absolute;
	height : var(--barre-thickness);
	width: 1350px;
	left : calc((100vw - 1350px) / 2);
	bottom: 0;
	background-color: black;
}
.header-map-barre {
	position: absolute;
	height : var(--barre-thickness);
	width: 1350px;
	left : calc((100vw - 1350px) / 2);
	bottom: 0;
	background-color: white;
}


/*********************************** menu *************************************/

.menu {
	position: fixed;
	z-index: 900;
	width: 100vw;
	height : 100vh;
	left: 0px;
	top : -100vh;
	background-color: rgba(255,255,255,1.0);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.menu-close {
	position: absolute;
	height : 80px;
	width: 30px;
	left : calc(((100vw - 1350px)/2) + 1320px);
	top :0px;
	background-image: url("../images/map_menu_close.png");
}  
.menu-content {
	width: 1350px;
	margin-top: 180px;
	margin-left: calc(((100vw - 1350px)/2));
	display: flex;
	flex-wrap: wrap;
	gap: 20px 60px;
	justify-content: center;
}
.menu-content-block {
	position: relative;
	width: 300px;
	height: 300px;
	border: 1px solid;
}
.menu-barre {
	position: relative;
	width: 300px;
	height : var(--barre-thickness);
	background-color : var(--color-barre);
	margin-bottom: 15px;
}
.menu-espace {
	position: relative;
	width: 300px;
	height : 20px;
}
.menu-titre {
	position: relative;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 25px;
	width: 250px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 100;
}
.menu-titre:hover {
	 box-shadow:inset 0px 0px 0px 1px var(--color-barre);
}
.menu-sous-titre {
	position: relative;
	margin-left: 25px;
	width: 250px;
	height: 30px;
	line-height: 35px;
	text-align: center;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 100;
}
.menu-sous-titre:hover {
	box-shadow:inset 0px 0px 0px 1px var(--color-barre);
}
 
 
/*********************************** boutons *************************************/ 

.BTrub-noir {
	position: absolute;
	width: 60px;
	height: 60px;	
}
.BTrub-noir-1 {
	position: absolute;
	width: var(--barre-thickness);
	height: 30px;	
	left: calc((100% - var(--barre-thickness)) / 2);
	top: 15px;
	background-color: black;
}
.BTrub-noir-2 {
	position: absolute;
	height: var(--barre-thickness);
	width: 30px;	
	top: calc((100% - var(--barre-thickness)) / 2);
	left: 15px;
	background-color: black;
}
.BTrub-noir:hover{
	position: absolute;
	width: 60px;
	height: 60px;
	box-shadow:inset 0px 0px 0px var(--barre-thickness) black;
	border-radius: 50%;	
}
.BTrub-noir-s {
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: black;
	border-radius: 50%;	
}
.BTrub-noir-1-s {
	position: absolute;
	width: var(--barre-thickness);
	height: 30px;	
	left: calc((100% - var(--barre-thickness)) / 2);
	top: 15px;
	background-color: white;
}
.BTrub-noir-2-s {
	position: absolute;
	height: var(--barre-thickness);
	width: 30px;	
	top: calc((100% - var(--barre-thickness)) / 2);
	left: 15px;
	background-color: white;
}

.BTrub-blanc {
	position: absolute;
	width: 60px;
	height: 60px;	
}
.BTrub-blanc-1 {
	position: absolute;
	width: var(--barre-thickness);
	height: 30px;	
	left: calc((100% - var(--barre-thickness)) / 2);
	top: 15px;
	background-color: white;
}
.BTrub-blanc-2 {
	position: absolute;
	height: var(--barre-thickness);
	width: 30px;	
	top: calc((100% - var(--barre-thickness)) / 2);
	left: 15px;
	background-color: white;
}
.BTrub-blanc:hover{
	position: absolute;
	width: 60px;
	height: 60px;
	box-shadow:inset 0px 0px 0px var(--barre-thickness) white;
	border-radius: 50%;	
}
.BTrub-blanc-s {
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: white;
	border-radius: 50%;	
}
.BTrub-blanc-1-s {
	position: absolute;
	width: var(--barre-thickness);
	height: 30px;	
	left: calc((100% - var(--barre-thickness)) / 2);
	top: 15px;
	background-color: black;
}
.BTrub-blanc-2-s {
	position: absolute;
	height: var(--barre-thickness);
	width: 30px;	
	top: calc((100% - var(--barre-thickness)) / 2);
	left: 15px;
	background-color: black;
}
.BTrub-blanc-1-s2 {
	position: absolute;
	width: var(--barre-thickness);
	height: 30px;	
	left: calc((100% - var(--barre-thickness)) / 2);
	top: 15px;
	background-color: #91bc91;
}
.BTrub-blanc-2-s2 {
	position: absolute;
	height: var(--barre-thickness);
	width: 30px;	
	top: calc((100% - var(--barre-thickness)) / 2);
	left: 15px;
	background-color: #91bc91;
}


/*********************************** index *************************************/

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

.ind-cont {
	position: relative;
	z-index : 100;
	width: 100vw;
}
.ind-rub {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
	display: flex;
}
.ind-bar {
	border:none;
	border-top:3px dotted;
	width: 885px;
}
.ind-col-g {
	position: relative;
	width: 370px;	
}
.ind-title {
	position: relative;
	width: 370px;	
	top: 20px;
	font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
	font-size: 36px;
}
.ind-pres {
	position: relative;
	width: 370px;
	margin-top: 50px;
	font-family: "RobotoLight", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 16px;
    line-height: 24px;
}
.ind-col-g-space-120
{
	position: relative;
	width: 100%;
	height: 120px;
}
.ind-col-g-space-100
{
	position: relative;
	width: 100%;
	height: 100px;
}
.ind-col-g-space-80
{
	position: relative;
	width: 100%;
	height: 80px;
}
.ind-col-d {
	position: relative;
	width: 930px;
	left : 50px;
}
.ind-col-d-space-120
{
	position: relative;
	width: 100%;
	height: 120px;
}
.ind-col-d-space-100
{
	position: relative;
	width: 100%;
	height: 100px;
}
.ind-col-d-space-80
{
	position: relative;
	width: 100%;
	height: 80px;
}

.ind-bt-text {
	position: absolute;
	width: 200px;
	left: -70px;
	top: 65px;
	font-family: "RobotoLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-bouton);
	text-align: center;
}

/************** accueil *************/

.ind-acc {
	position: relative;
	display: flex;
	flex-flow: column;
	width: 100vw;
	height: 100vh;
	left: 0px;
	/*background-color: #af1e2d;*/
	background: rgb(34,193,195);
	background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(192,189,87,1) 33%, rgba(244,187,51,1) 61%, rgba(253,187,45,1) 100%);
}
.ind-acc-gra {
	position: relative;
	flex: 1 1 auto;
	width: 100vw;
	height: auto;
	left: 0;
}
.ind-acc-gra-bg {
	position: absolute;
	width: 100vw;
	height: 450px;
	top: calc(50% - 225px);
	background-image: url("../images/terre_fond.png");
	background-size: auto;
}
.ind-acc-gra-logo {
	position: absolute;
	width: 400px;
	height: 450px;
	left: calc(50vw - 670px);
	top: calc(50% - 225px);	
	background-image: url("../images/accueil_logo.png");
	background-size: auto;
	opacity: 0.9;
}
.ind-acc-gra-ter {
	position: absolute;
	width: 540px;
	height: 540px;
	left: calc(50vw - 270px);
	top: calc(50% - 270px);	
	background-size: contain;
}
#ind-acc-c {
   width: 100%;
   height: 100%;
   display: block;
}
.ind-acc-car {
	flex: 0 1 auto;
	width: 1350px;
	margin-left: calc((100vw - 1350px) / 2);
	color: white;
}
.ind-acc-car p{
	margin: 0;
}
.ind-acc-title {
	position: relative;	
	font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
	font-size: 36px;
}
.ind-acc-subtitle {
	position: relative;
	margin-top: 0;
	font-family: "RobotoLight", Helvetica, Arial, sans-serif;
	font-size: 20px;
}
.ind-acc-space {
	width: 1350px;
	height: 5vh;
}
#ind-acc-bt {
	bottom: calc(2vw + 40px);
	left: calc(50vw + 510px);
}
.ind-acc-bt-text {
	position: absolute;
	width: 200px;
	left: -70px;
	top: 65px;
	font-family: "RobotoLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-bouton);
	text-align: center;
	color: white;
}

/************** intro *************/

.ind-intro {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
	height: 150px;
}
.ind-intro-space {
	position: relative;
	width: 100%;
	height: 50px;
}
.ind-intro-text {
	position: relative;
	width: 885px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: var(--text-citation);
	line-height: var(--text-paragraph-height);
}
.ind-intro-text p{
	margin: 0;
}


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

.ind-cit {
	position: relative;
	width: 370px;
	margin-top: 30px;
	font-family: "RobotoBold", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 20px;
    line-height: 28px;
}
.ind-cit-aut {
	position: relative;
	width: 370px;
	margin-top: 20px;
	font-family: "RobotoItalic", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 16px;
    line-height: 24px;
	text-align: center;
}
.ind-cit-aut strong {
	font-family: "RobotoBold", Helvetica, Arial, sans-serif;
	font-weight: 1000;
}
.ind-data {
	position: relative;
	width: 370px;
	margin-top: 50px;
	font-family: "RobotoLight", Helvetica, Arial, sans-serif;
	font-size: 24px;
	height: 30px;
}
.ind-bar-v {
	position: absolute;
	width: var(--barre-thickness);
	height: 30px;
	left: 184px;
	background-color: black;
}
.ind-data-1 {
	position: absolute;
	width: 155px;
	height: 30px;
	text-align: right;
}
.ind-data-2 {
	position: absolute;
	width: 155px;
	height: 30px;
	top: 0px;
	left: 215px;
	text-align: left;
}
#ind-art-bt {
	position: relative;
	margin-top: 30px;
	left: 155px;
}
.ind-pla {
	position: relative;
	width: 930px;
	height: 540px;
}
.ind-pla-img {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ind-pla-img img{
	width: 930px;
	height: 540px;	
}
#ind-pla-img-1 {
	position: relative;
	display: block;
}
#ind-pla-img-2 {
	position: relative;
	display: none;
}
#ind-pla-img-3 {
	position: relative;
	display: none;
}
#ind-pla-img-4 {
	position: relative;
	display: none;
}
#ind-pla-img-5 {
	position: relative;
	display: none;
}
.ind-pla-bts {
	position: relative;
	width: 230px;
	height: 120px;
	left: 350px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 20px;	
}
.ind-pla-bt {
	position: relative;
	width: 30px;
	height: 30px;
	top : 40px; 
	border-radius: 50%;
	box-shadow:0px 0px 0px 1.5px black inset;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
}
.ind-pla-bt-s {
	position: relative;
	width: 30px;
	height: 30px;
	top : 40px; 
	border-radius: 50%;
	border: none;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
	color: white;
	background-color: black;
}


/************** news *************/

.ind-aro-news {
	position: relative;
	width: 930px;
	height: auto;
	left: 0px;
	margin-bottom: 0px;	
}
.ind-aro-news-date {
	position: absolute;
	width: 140px;
	height: 30px;
	background-color: black;
}
.ind-aro-news-date-text {
	position: absolute;
	width: 140px;
	height: 30px;
	left: 0px;
	top: 0px;
	text-align: center;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: white;
}
.ind-aro-news-genre {
	position: absolute;
	width: auto;
	height: 30px;
	left: 140px;
	top: 0px;
	color: black;
	box-shadow:0px 0px 0px 1px black inset;
	
}
.ind-aro-news-genre-text {
	position: relative;
	width: auto;
	height: 30px;
	left: 0px;
	top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: 30px;
}
.ind-aro-news-title {
	position: relative;
	width: 930px;
	padding-top: 50px;
	font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
	font-size: 24px;
}
.ind-aro-news-excerpt {
	position: relative;
	width: 930px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
}
.ind-aro-news-excerpt p{
	margin: 0;
}
#ind-aro-bt {
	position: relative;
	margin-top: 30px;
	left: 155px;
}


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

.ind-foc-title {
	position: relative;
	width: 350px;
	left: 20px;
	margin-top: 50px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 20px;
}
.ind-foc-title p{
	margin: 0;
	padding: 0;
}
.ind-foc-title-bar {
	position: absolute;
	height: 100%;
	width: var(--barre-thickness);
	left: -15px;
	top: 0;
	background-color: var(--color-barre);
}
.ind-foc-img {
	position: relative;
	width: 930px;
}
.ind-foc-img img{
	width: 930px;
	height: auto;
}
#ind-foc-bt {
	position: relative;
	margin-top: 50px;
	left: 155px;
}


/************** magazine *************/

.ind-mag-aut {
	position: relative;
	width: 370px;
	margin-top: 50px;
	font-family: "RobotoLight", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}
.ind-mag-cov {
	position: relative;
	width: 465px;
	height: 655px;
}
.ind-mag-cov img {
	width: 100%;
	max-height: 100%;
	display: block;
	object-fit: cover;
}
.ind-mag-sum {
	position: absolute;
	left: 515px;
	top: 100px;
}
.ind-mag-dat {
	position: absolute;
	width: 150px;
	height : 48px;
	top: 445px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: 1000;
	transform : rotate(90deg);
	text-align: right;
	transform-origin: 0px 48px;
}
.ind-mag-dat-bar {
	position: absolute;
	height: 100%;
	width : var(--barre-thickness);
	right: -13px;
	bottom: 0;
	background-color: var(--color-barre);
}
.ind-mag-num {
	position: relative;
	font-family: "RobotoBlack", Helvetica, Arial, sans-serif;
	font-size: 70px;
	line-height: 50px;
	font-weight: 1000;
	color: black;
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.ind-mag-title {
	position: relative;
	width: 230px;
	margin-top: 10px;
	font-family: "RobotoBlack", Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 1000;	
}
.ind-mag-slo {
	position: relative;
	width: 230px;
	margin-top: 25px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: 500;	
}
.ind-mag-cho {
	position: relative;
	width: 370px;
	height: 60px;
	margin-top: 25px;
}
#ind-mag-bt1 {
	left: 35px;
	top: 0px;
}
#ind-mag-bt2 {
	left: 155px;
	top: 0px;
}
#ind-mag-bt3 {
	left: 275px;
	top: 0px;
}

/************** map *************/

.ind-map-map {
	position: relative;
	width: 930px;
}
.ind-map-map img{
	width: 930px;
	height: auto;
}
#ind-map-bt {
	position: relative;
	margin-top: 50px;
	left: 155px;
}


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

.artistes-content {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
}
.artistes-header {
	position: relative;
	width: 1350px;
	height: 200px; 
	top : 0px;
}
.artistes-header-titre {
	position: absolute;
	bottom: 5px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
}
.artistes-header-barre {
	position: absolute;
	width: 210px;
	border-top: 3px dotted;
	bottom: 0px;
}

.artistes-intro {
	position: relative;
	width: 930px;
	left: 210px;
	margin-top: 70px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
	
}
.artistes-select {
	position: relative;
	width: 100%;
	height: 180px;
}
.artistes-select-BT {
	position: absolute;
	width: 60px;
	height: 60px;
	background-image: url("../images/BT_choix_noir.png");
	background-size: 100% 100%;
	transition: 0.2s;
}
#BT-choice-1 {
	display: none;
	top: 50px;
	left: 420px;
}
#BT-choice-2 {
	display: block;
	top: 50px;
	left: 660px;
}
#BT-choice-3 {
	display: block;
	top: 50px;
	left: 900px;
}
#BT-choice-1-s {
	display: block;
	top: 50px;
	left: 420px;
}
#BT-choice-2-s {
	display: none;
	top: 50px;
	left: 660px;
}
#BT-choice-3-s {
	display: none;
	top: 50px;
	left: 900px;
}
.artistes-select-BT-texte {
	position: absolute;
	width: 200px;
	left: -70px;
	top: 65px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-bouton);
	text-align: center;
}
.artistes-select-mots {
	position: relative;
	width: 930px;
	left: calc((100% - 930px)/2);
	display: flex;
	flex-wrap: wrap;
	align-items: left;
	justify-content: center;
}
.artistes-select-mots-mot {
	display: block;
	position: relative;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: var(--text-citation);
	margin : 5px;
	padding : 3px;
	padding-left : 10px;
	padding-right : 10px;
	border: 1.5px solid var(--color-barre);
}
.artistes-select-espace {
	position: relative;
	width: 930px;
	left: calc((100% - 930px)/2);
	height: 40px;
}
.artistes-liste {
	position: relative;
	width: 1350px;
	left: 0;
	background: white;
}
.artistes-category {
	position: relative;
	display: block;
	width: 100%;
}
.artistes-category-barre {
	position: relative;
	width: 210px;
	border-top: 3px dotted;
	margin-bottom: 3px;
}
.artistes-category-titre {
	position: relative;
	height : var(--text-titre-chapitre);
	top: 0px;
	left: 0px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	margin-bottom: 0px;
}
.artistes-category-groupe {
	position: relative;
	width: 930px;
	left: 210px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px 30px;
}
.artistes-category-espace {
	position: relative;
	width: 960px;
	height: 15px;
	left: 0px;
}
.artistes-category-artiste {
	position: relative;
	width: 160px;
	height: 220px;
	margin-right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.artistes-category-dummy {
	position: relative;
	width: 160px;
	height: 0px;
}
.artistes-category-artiste-image {
	position: relative;
	width: 160px;
	top: 0px;
}
.artistes-category-artiste-image img {
	 widht: auto;
	 height: auto;
	 max-width: 160px;
	 max-height: 160px;
}
.artistes-category-artiste-nom {
	position: absolute;
	width: 160px;
	left: 0px;
	top: calc(100% + 5px);
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-artistes);
	text-align: left;
}
.artistes-fin  {
	position: relative;
	width: 1370px;
	min-height : 10px;
	left: calc((100vw - 1370px)/2);
}


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

.artiste-content {
	position: relative;
	width: 100vw;
	min-height : calc(100vh);
}
.artiste-header {
	position: relative;
	width: 1350px;
	height: 200px; 
	left : calc((100vw - 1350px) / 2);
}
.artiste-header-titre {
	position: absolute;
	bottom: 5px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
}
.artiste-header-barre {
	position: absolute;
	width: 210px;
	border-top: 3px dotted;
	bottom: 0px;
}
.artiste-article {
	position: relative;
	width: 930px;
	left: calc((100vw - 930px) / 2);
}

.artiste-article-espace {
	position: relative;
	width: 100%;
	height: 40px;
}
.artiste-article-titre {
	position: relative;
	width: 100%;
	left: 0px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 48px;
	text-align: center;
}
.artiste-article-projet {
	position: relative;
	width: 70%;
	left: 15%;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 36px;
	margin-top: 0px;
	text-align: center;
}
.artiste-article-keywords {
	position: relative;
	width: 600px;
	left: calc((100% - 600px)/2);
	margin-top: 30px;
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.artiste-article-keyword {
	display: block;
	position: relative;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: var(--text-citation);
	margin : 5px;
	padding : 3px;
	padding-left : 10px;
	padding-right : 10px;
	border: 1.5px solid var(--color-barre);
	background: none;
}
.artiste-article-keyword:hover{
	cursor: pointer;
	color: white;
	background: black;
}
.artiste-article-video {
	position: relative;
	width: 930px;
	height: 525px;
	left: calc((100% - 930px)/2);
}
.artiste-article-video iframe{
	position: relative;
	max-width: 100%;
	left: 0;
	margin: 0;
}
.artiste-article-article {
	position: relative;
	width: 930px;
	left: calc((100% - 930px)/2);
	margin-top: 50px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
}
.wp-block-gallery {
    max-width: 100%;
}
.artiste-site {
	position: relative;
	width: 930px;
	left: calc((100% - 930px) / 2);
	margin-top: 50px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: right;
}
.artiste-pdf {
	position: relative;
	width: 930px;
	left: calc((100% - 930px) / 2);
	margin-top: 25px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: right;
}
.artiste-similar {
	position: relative;
	width: 1350px;
	left: calc((100% - 1350px) / 2);
	margin-top: 60px;
	z-index: 10;
}
.artiste-similar-barre {
	position: absolute;
	width: 210px;
	border-top: 3px dotted;
}
.artiste-similar-titre {
	position: relative;
	height : var(--text-titre-chapitre);
	top: 10px;
	left: 0px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	margin-bottom: 60px;
}
.artiste-similar-liste {
	position: relative;
	width: 930px;
	left: 215px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px 30px;
}
.artiste-similar-artiste {
	position: relative;
	width: 160px;
	height: 220px;
	margin-right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.artiste-similar-dummy {
	position: relative;
	width: 160px;
	height: 0px;
	margin-right: 0px;
}
.artiste-similar-artiste-image {
	position: relative;
	width: 160px;
	top: 0px;
}
.artiste-similar-artiste-image img {
	 widht: auto;
	 height: auto;
	 max-width: 160px;
	 max-height: 160px;
}
.artiste-similar-artiste-nom {
	position: absolute;
	width: 160px;
	left: 0px;
	top: calc(100% + 10px);
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-artistes);
	text-align: left;
}
.artiste-artistes {
	position: relative;
	width: 1140px;
	height: 100px;
	left: calc((100% - 930px) / 2);
	z-index: 10;
}
#artiste-BT {
	left: 1050px;
	top: 20px;
}
.artiste-choix-BT-texte {
	position: absolute;
	width: 200px;
	left: -70px;
	top: 60px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: center;
}
.artiste-fin {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
	min-height : 10px;
	/*background-color: #ffda00;*/
}
.wp-block-gallery {
	margin-top: 0px;
	margin-bottom: 0px;
}



/*********************************** news *************************************/

.news-content {
	position: relative;
	width: 100vw;
	min-height : calc(100vh);
	left : 0;
	top : 0px;
}
.news-header {
	position: relative;
	width: 1350px;
	height: 200px; 
	left : calc((100vw - 1350px) / 2);
	top : 0px;
}
.news-header-titre {
	position: absolute;
	bottom: 5px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
}
.news-header-barre {
	position: absolute;
	width: 210px;
	border-top: 3px dotted;
	bottom: 0px;
}
.news-bandeau {
	position: relative;
	width: 1350px;
	left : calc((100vw - 1350px) / 2);
	margin-top: 30px;
	margin-bottom: 30px;
}
.news-bandeau img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.news-new {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
}
.news-new-image {
	position: absolute;
	width: 465px;
	height: 450px;
	right: 675px;
	top: 100px;
	text-align: right;
	object-fit: contain;
}
.news-new-image img{
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.news-new-date {
	position: absolute;
	height: 30px;
	top: 10px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: black;	
}
.news-new-texte {
	position: relative;
	width: 415px;
	left: calc(50% + 50px);
}
.news-new-texte-espace1 {
	position: relative;
	width: 480px;
	height: 100px;
}
.news-new-texte-espace2 {
	position: relative;
	width: 480px;
	height: 40px;
}

.news-new-texte-titre {
	position: relative;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: 36px;
	margin-bottom: 30px;
	left: 20px;
}
.news-new-texte-titre-barre {
	position: absolute;
	width: var(--barre-thickness);
	height: 100%;
	margin-left: -20px;
	top: 0px;
	background-color: black;
}
.news-new-texte-content {
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
	margin-bottom: 30px;
}
.news-new-texte-content a{
	text-decoration: underline;
}
.news-new-genre {
	position: absolute;
	height: 30px;
	top: 25px;
	left: 0;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: right;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	color: black;
}
.news-new-barre {
	position: absolute;
	width: 210px;
	border-top: 3px dotted;
	top: 0;
}

/*********************************** map *************************************/

.map-color {
	position: relative;
	width: 100vw;
	background-color: #91bc91;
}
.map-content {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
}
.map-header {
	position: relative;
	width: 1350px;
	height: 120px; 
	top : 0px;
}
.map-header-logo {
	position: absolute;
	top: 10px;
	height : 90px;
	width: 77px;
	background: url("../images/map_logo.png") no-repeat;
	background-size: 100% 100%;
}
.map-header-jingle {
	position: absolute;
	float : left;
	width : 200px;
	left: 85px;
	top : 25px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: white;
}
.map-header-slogan {
	position: absolute;
	width: 660px;
	top : 87px;
	left : calc((1350px - 660px) / 2 );
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: white;
}
.map-header-slogan a{
	color: white;
}
.map-header-barre {
	position: absolute;
	width: 100%;
	height: var(--barre-thickness);
	background-color: white;
	bottom: 0px;
}
#map-header-menu {
	position: absolute;
	height : 120px;
	width: 40px;
	left : 1310px;
} 
#map-header-menu-1 {
	position: absolute;
	width: 40px;
	height: var(--barre-thickness);
	bottom : 20px;
	background-color: white;
}
#map-header-menu-2 {
	position: absolute;
	width: 40px;
	height: var(--barre-thickness);
	bottom : 40px;
	background-color: white;
} 
.map-espace {
	position: relative;
	width: 100%;
	height: 50px;
}
.map-titre {
	position: relative;
	margin-top: calc(60px - var(--text-titre-chapitre));
	height: var(--text-titre-chapitre);
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	color: white;
}
.map-barre-s {
	position: relative;
	width: 210px;
	height: var(--barre-thickness);
	margin-top: 5px;
	background-color: white;
	bottom: 0px;
}
.map-map {
	position: relative;
	width: 1350px;
	height: 685px;
	background-image: url("../images/Map-World -1350.jpg");
	background-size: 100% 100%;
	--main-width: 1350px;
	--main-height: 685px;
}
.map-barre {
	position: relative;
	width: 100%;
	height: var(--barre-thickness);
	background-color: white;
	bottom: 0px;
}
.map-dot {
  position : absolute;
  background-color:rgba(255,255,0,0.3);
  border-radius: 50%;
  border: 2px solid yellow;	
  display: inline-block;
}
.map-dot .map-dot-texte{	
  display: none;
  color: white;
}
.map-dot .map-dot-barre{	
  display: none;
  color: white;
}
.map-dot:hover{
  position : absolute;
  background-color: rgba(255,255,255,0.3);
  border-radius: 50%;
  border: 2px solid white;	
  display: inline-block;
  z-index: 1000;
}
.map-dot:hover .map-dot-texte {
    display: block;
	z-index: 1000;
}
.map-dot:hover .map-dot-barre {
    display: block;
	z-index: 1000;
}
.map-list {
	position: relative;
	z-index : 100;
	width: 100%;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: white;
	margin-bottom: 20px;
}
#map-list-artists {
	display: block;
}
#map-list-events {
	display: block;
}
.map-choix {
	position: relative;
	width: 100%;
	height: 150px;
}
.map-choix-BT {
	position: absolute;
	width: 60px;
	height: 60px;
	bottom: 80px;
	background-image: url("../images/BT_choix_blanc.png");
}
.map-choix-BT:hover{
	background-image: url("../images/BT_choix_blanc_s.png");
}
#BT-map-1 {
	display: none;
	left: calc(50% - 250px);
	top: 30px;	
}
#BT-map-2 {
	display: block;
	left: calc(50% - 30px);
	top: 30px;
}
#BT-map-3 {
	display: block;
	left: calc(50% + 190px);
	top: 30px;
}
#BT-map-1-s {
	display: block;
	left: calc(50% - 250px);
	top: 30px;	
}
#BT-map-2-s {
	display: none;
	left: calc(50% - 30px);
	top: 30px;
}
#BT-map-3-s {
	display: none;
	left: calc(50% + 190px);
	top: 30px;
}

.map-choix-BT-texte {
	position: absolute;
	width: 200px;
	left: -70px;
	top: 70px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: center;
	color: white;
}


/*********************************** magazine *************************************/


.mag-space {
	position: relative;
	width: 100vw;
	height : 120px;
}
.mag-heading {
	position: relative;
	width: 100vw;
	height : 50px;
}
.mag-heading-text {
	position: absolute;
	width: 1350px;
	left: calc((100vw - 1350px)/2);
	text-align: right;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 45px;
	line-height: 40px;
	font-style: normal;
	font-variant: normal;
	/*color: white;*/
	bottom: -4px;
}
.mag {
	position: relative;
	z-index : 100;
	width: 1350px;
	min-height: 600px;
	left : calc((100vw - 1350px)/2);
	margin-top: 50px;
}
.mag-header {
	width: 100%;
	display: flex;
}
.mag-col-g {
	position: absolute;
	width: 370px;
}
.mag-col-g-cover {
	position: relative;
	width: 370px;
	margin-bottom: 30px;
}
.mag-col-g-cover img{
	width: 100%;
	height: 100%;
}
.mag-col-g-barre {
	position: relative;
	width: 370px;
	border-top:3px dotted;
}
.mag-col-g-version {
	position: relative;
	margin-top: 10px;
	width: 370px;
	height : 40px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	font-weight: 500;
}
.mag-col-g-version-cn {
	position: relative;
	margin-top: 10px;
	width: 370px;
	height : 40px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: var(--text-titre-chapitre);
	font-weight: 500;
}
.mag-col-g-telecharger {
	position: relative;
	width: 190px;
	margin-left: 180px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 500;
}
.mag-col-g-simpli-cn {
	position: relative;
	width: 260px;
	left: 0px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-align: right;
}
.mag-col-g-tradi-cn {
	position: relative;
	width: 260px;
	left: 0px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-align: right;
}
.mag-col-g-pdf {
	position: relative;
	margin-top: -50px;
	left : 290px;
	width: 80px;
	height: 80px;
	background-image: url("../images/Logo_PDF.png");
	background-size: contain;
}
.mag-col-g-simpli-pdf-cn {
	position: relative;
	top: -30px;
	left : 290px;
	width: 80px;
	height: 80px;
	background-image: url("../images/Logo_PDF.png");
	background-size: contain;
}
.mag-col-g-tradi-pdf-cn {
	position: relative;
	top: -30px;
	left : 290px;
	width: 80px;
	height: 80px;
	background-image: url("../images/Logo_PDF.png");
	background-size: contain;
}
.mag-col-g-space {
	position: relative;
	width: 370px;
	height: 80px;
}
.mag-col-g-prev {
	position: relative;
	width: 370px;
	height: 110px;
	margin-top: 20px;
}
.mag-col-g-prev-num {
	position: absolute;
	font-family: "KeepCalm", Helvetica, Arial, sans-serif;
	font-size: 40px;
	left: -15px;
	font-weight: 1000;
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.mag-col-g-prev-title {
	position: relative;
	left: 50px;
	width: 320px;
	font-family: "RobotoBold", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
}
.mag-col-g-prev-title-cn {
	position: relative;
	left: 50px;
	width: 320px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
}
.mag-col-g-prev-undertitle {
	position: relative;
	margin-top: 10px;
	left: 50px;
	width: 320px;
	font-family: "Robotoitalic", Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
}
.mag-col-g-prev-undertitle-cn {
	position: relative;
	margin-top: 10px;
	left: 50px;
	width: 320px;
	font-family: 'Noto Serif SC', serif;
	font-size: 20px;
	line-height: 24px;
}
.mag-col-g-all {
	position: relative;
	width: 370px;
	height : 40px;
	margin-top: 20px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	font-weight: 500;
	text-align: right;
}
.mag-col-g-all-cn {
	position: relative;
	width: 370px;
	height : 40px;
	margin-top: 20px;
	font-family: 'Noto Sans SC', serif;
	font-size: var(--text-titre-chapitre);
	font-weight: 600;
	text-align: right;
}


.mag-col-d {
	position: relative;
	width: 510px;
	top : 0px;
	left : 420px;
}
.mag-col-d-langues {
	position: absolute;
	display: block;
	left : 80px;
	top: 55px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	text-indent: 3px;
	font-size: var(--text-titre-chapitre);
}
.mag-col-d-numero {
	position: relative;
	font-family: "KeepCalm", Helvetica, Arial, sans-serif;
	font-size: 70px;
	left: -15px;
	font-weight: 1000;
	color: black;
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.mag-col-d-titre {
	position: relative;
	margin-top: 10px;
	width: 930px;
	font-family: "RobotoBold", Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 600;
	color: black;
	line-height: 70px;
	letter-spacing: -2px;
}
.mag-col-d-titre-cn {
	position: relative;
	margin-top: 10px;
	width: 930px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 60px;
	font-weight: 600;
	color: black;
	line-height: 70px;
	letter-spacing: 4px;
}
.mag-col-d-soustitre {
	position: relative;
	margin-top: 30px;
	width: 500px;
	font-family: "RobotoItalic", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 100;
	color: black;
	line-height: 40px;
}
.mag-col-d-soustitre-cn {
	position: relative;
	margin-top: 30px;
	width: 500px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 40px;
}
.mag-col-d-date {
	position: relative;
	width: 150px;
	left: 830px;
	top: 0px;
	height : 100px;
	font-family: "RobotoBlack", Helvetica, Arial, sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: 1000;
	color: black;
	transform: rotate(90deg);
	text-align : right;
}
.mag-col-d-date-all {
	position: absolute;
	top : 425px;
	width: 100px;
	left: 830px;
	height : 100px;
	font-family: "RobotoBlack", Helvetica, Arial, sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: 1000;
	color: black;
	writing-mode: vertical-rl;
	text-orientation: sideways;
	text-align: right;
}
.mag-col-d-date-cn {
	position: relative;
	width: 100px;
	left: 830px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: 1000;
	text-align: right;
}
.mag-cont {
	position: relative;
	left: 420px;
	width: 930px;
	margin-top: 50px;
}
.mag-cont-intro {
}
.mag-cont-intro-s {	
	margin-top: 20px;
	position: relative;
	width: 930px;
	top : 0px;
	left : 0px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
	font-weight: 500;
}
.mag-cont-intro-s-cn {	
	margin-top: 20px;
	position: relative;
	width: 930px;
	top : 0px;
	left : 0px;
	font-family: 'Noto Serif SC', serif;
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: justify;
}
.mag-cont-intro-s2 {
	font-family: "RobotoItalic", Helvetica, Arial, sans-serif;
	text-align: right;
}
.mag-cont-intro-s2-cn {
	font-family: 'Noto Serif SC', serif;
	text-align: right;
}
.mag-cont-intro-full {
	display: none;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
	padding-bottom: 30px;	
}
.mag-cont-intro-full-cn {
	display: none;	
	font-family: 'Noto Serif SC', serif;
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: justify;
}
.mag-cont-barre {
	margin-top: 10px;
	position: relative;
	width: 930px;
	border-top:3px dotted;
}
.mag-cont-titre3 {
	margin-top: 3px;
	margin-bottom: 40px;
	position: relative;
	width: 930px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	font-weight: 500;
	color: black;
}
.mag-cont-titre3-cn {
	margin-top: 10px;
	margin-bottom: 30px;
	position: relative;
	width: 930px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 24px;
	font-weight: 500;
}
.mag-cont-team {
	margin-top: 10px;
	position: relative;
	width: 930px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
	color: black;
}
.mag-cont-team-cn {
	margin-top: 10px;
	margin-bottom: 40px;
	position: relative;
	width: 930px;
	font-family: 'Noto Serif SC', serif;
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: justify;
}
.mag-cont-articles {
	padding-bottom: 30px;
}
.mag-cont-article {
	position: relative;
	left: 50px;
	margin-top: 5px;
    width: 880px;
    min-height: 70px;
    height: auto;
	border-top: 3px dotted;
}
.mag-cont-article:hover{
	//background-color: white;
}
.mag-cont-article:hover .mag-col-d-numero{
	//background-color: var(--color-mag);
}
.mag-cont-article-square {
	position: absolute;
    left: 810px;
    width: 70px;
    height: 100%;
}
.mag-cont-numero {
	position: relative;
	width: 70px;
    height: 70px;
	top: 20px;
    font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
    font-size: 36px;
    text-align: right;
    line-height: 36px;
    font-weight: 100;
}
.mag-cont-article-titre {
	position: relative;
    width: 760px;
    font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
}
.mag-cont-article-titre-cn {
	position: relative;
	width: 760px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 24px;
	font-weight: 500;
	padding-top: 10px;
}
.mag-cont-article-soustitre {
	position: relative;
    width: 760px;
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
}
.mag-cont-article-soustitre-cn {
	position: relative;
	width: 760px;
	font-family: 'Noto Serif SC', serif;
	font-size: 20px;
	font-weight: 400;
}
.mag-cont-logos {
	margin-top: 40px;
	position: relative;
	width: 930px;
	height: 150px;
	background-image: url("../images/Logo-partenaires.png");
	background-size: 100%;
}
.mag-cont-espace {
	position: relative;
	width: 1300px;
	height: 100px;
}
.squareColor {
	position: absolute;
	left: 860px;
	width: 70px;
	height: 100%;
}
.mag-cont-old {
	display: none;
}

/*********************************** magazines *************************************/

.mags-space {
	position: relative;
	width: 1350px;
	left : calc((100vw - 1350px)/2);
	height: 30px;	
}
.mags-mag {
	position: relative;
	z-index : 100;
	width: 1350px;
	left : calc((100vw - 1350px)/2);
	margin-top: 50px;	
}
.mags-mag-barre {
	width: 885px;
	height: 20px;
	border-top:3px dotted;
}
.mags-mag-header {
	width: 100%;
	display: flex;
}
.mags-mag-col-g {
	position: relative;
	width: 270px;
}
.mags-mag-col-g-cover {
	position: relative;
	width: 270px;
	margin-bottom: 30px;
}
.mags-mag-col-g-cover img{
	width: 100%;
	height: 100%;
}
.mags-mag-col-d {
	position: relative;
	width: 1030px;
	top : 0px;
	left : 50px;
}
.mags-mag-col-d-numero {
	position: relative;
	font-family: "KeepCalm", Helvetica, Arial, sans-serif;
	font-size: 45px;
	left: -15px;
	font-weight: 1000;
	color: black;
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.mags-mag-col-d-date {
	position: relative;
	top : 0;
	width: 120px;
	left: 930px;
	height : 50px;
	font-family: "RobotoBlack", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: 1000;
	color: black;
	transform: rotate(90deg);
	text-align : right;
}
.mags-mag-col-d-date-cn {
	position: relative;
	top : 0;
	width: 100px;
	left: 930px;
	height : 50px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: 1000;
	color: black;
	text-align : right;
}
.mags-mag-col-d-titre {
	osition: relative;
	margin-top: 5px;
	width: 500px;
	font-family: "RobotoBold", Helvetica, Arial, sans-serif;
	font-size: 40px;
	font-weight: 600;
	color: black;
	line-height: 45px;
	letter-spacing: -1px;
}
.mags-mag-col-d-titre-cn {
	osition: relative;
	margin-top: 5px;
	width: 500px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 40px;
	font-weight: 600;
	color: black;
	line-height: 45px;
	letter-spacing: -1px;
}
.mags-mag-col-d-soustitre {
	position: relative;
	margin-top: 20px;
	width: 500px;
	font-family: "RobotoItalic", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 100;
	color: black;
	line-height: 30px;
}
.mags-mag-col-d-soustitre-cn {
	position: relative;
	margin-top: 20px;
	width: 500px;
	font-family: 'Noto Serif SC', serif;
	font-size: 24px;
	font-weight: 100;
	color: black;
	line-height: 30px;
}
.mags-mag-col-d-auth {
	position: relative;
	margin-top: 20px;
	width: 565px;
	font-family: "RobotoLight", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}
.mags-mag-col-d-auth-cn {
	position: relative;
	margin-top: 20px;
	width: 565px;
	font-family: 'Noto Serif SC', serif;
	font-size: 20px;
	line-height: 32px;
	font-weight: 600;
}
.mags-mag-space {
	position: relative;
	width: 100%;
	height: 50px;
}

/*********************************** magazine research *************************************/

.mag-research {
	position: relative;
	z-index : 100;
	width: 1350px;
	left : calc((100vw - 1350px)/2);
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
}
.mag-research-g {
	position: relative;
	width: 350px;
	text-align: left;	
}
.mag-research-tags {
	position: relative;
	left: 0px;
	width: 370px;
}
.mag-research-tag {
	position: relative;
	width: 320px;
	margin-top: 0px;
	padding: 0.1em;
	font-size: 30px;
	line-height: 40px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-weight: 100;
	border: none;
	background: none;
	text-align: right;
}
.mag-research-tag-cn {
	position: relative;
	width: 320px;
	margin-top: 0px;
	padding: 0.1em;
	font-size: 30px;
	line-height: 40px;
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 1000;
	border: none;
	background: none;
	text-align: right;
}
.mag-research-tag:hover{
	cursor: pointer;
}
.mag-research-d {
	position: relative;
	left: 50px;
	width: 930px;
}
.mag-research-titre {	
	position: relative;
	width: 930px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 1000;
	color: black;
	line-height: 70px;
	letter-spacing: -2px;
}
.mag-research-titre-cn {	
	position: relative;
	width: 930px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 60px;
	font-weight: 100;
	color: black;
	line-height: 70px;
	letter-spacing: -2px;
}
.mag-research-definition {	
	margin-top: 0px;
	margin-bottom: 50px;
	position: relative;
	width:560px;
	top : 0px;
	left : 0px;
	font-family: "Robotoitalic", Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
}
.mag-research-definition-cn {	
	margin-top: 0px;
	margin-bottom: 50px;
	position: relative;
	width:560px;
	top : 0px;
	left : 0px;
	font-family: 'Noto Serif SC', serif;
	font-size: 24px;
	line-height: 36px;
	font-weight: 500;
}
.mag-research-definition p{	
	margin: 0px;
}
.mag-research-barre {
	margin-top: 30px;
	margin-bottom: 0px;
	position: relative;
	width: 930px;
	border-top: 3px dotted;
}
.mag-research-espace {
	position: relative;
	width: 930px;
	height: 50px;
}
.mag-research-articles {
	padding-bottom: 30px;
}
.mag-research-article {
	position: relative;
	margin-top: 5px;
    width: 930px;
    min-height: 70px;
    height: auto;
	border-top: 3px dotted;
}
.mag-research-article-square {
	position: absolute;
    left: 860px;
    width: 70px;
    height: 100%;
}
.mag-research-article-numero {
	position: relative;
	width: 70px;
    height: 70px;
	top: 20px;
    font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
    font-size: 30px;
    text-align: right;
    line-height: 30px;
    font-weight: 100;
}
.mag-research-article-titre {
	position: relative;
    width: 810px;
    font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
}
.mag-research-article-titre-cn {
	position: relative;
    width: 810px;
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 24px;
    font-weight: 600;
    padding-top: 10px;
}
.mag-research-article-soustitre {
	position: relative;
    width: 810px;
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
}
.mag-research-article-soustitre-cn {
	position: relative;
    width: 810px;
    font-family: 'Noto Serif SC', serif;
    font-size: 20px;
    font-weight: 500;
}

/*********************************** article *************************************/

.has-article {
  margin-top: 40px;
  position: relative;
  z-index : 100;
  width: 1350px;
  left : calc((100vw - 1350px)/2);
}
.article-colonne-gauche {
  position: relative;
  width: 930px;
}
.article-colonne-gauche-titre {
	position: relative;
	width: 630px;
	left: 150px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 48px;
	line-height: 48px;
}
.article-colonne-gauche-titre-cn {
	position: relative;
	width: 630px;
	left: 150px;
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 600;
	text-align: center;
	font-size: 48px;
	line-height: 48px;
}
.article-colonne-gauche-nom {
	position: relative;
	width: 400px;
	left: 265px;
	margin-top: 60px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 36px;
	text-align: center;
}
.article-colonne-gauche-nom-cn {
	position: relative;
	width: 400px;
	left: 265px;
	margin-top: 60px;
	font-family: 'Noto Serif SC', serif;
	font-weight: 500;
	font-size: 36px;
	text-align: center;
}
.article-colonne-gauche-barre1 {
	width: 400px;
	margin-left: 265px;
	border-top:3px dotted;
	margin-top: 10px;
}
.article-colonne-gauche-statut {
	position: relative;
	width: 400px;
	left: 265px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	margin-top: 10px;
	text-align: center;
}
.article-colonne-gauche-statut-cn {
	position: relative;
	width: 400px;
	left: 265px;
	font-family: 'Noto Serif SC', serif;
	font-size: 24px;
	line-height: 36px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: 10px;
	text-align: center;
}
.article-colonne-gauche-tags {
	display: none;
}
.article-colonne-gauche-tags-cn {
	display: none;
}
.article-colonne-gauche-chapeau {
	position: relative;
	width: 730px;
	left: 100px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 32px;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 50px;
}
.article-colonne-gauche-chapeau-cn {
	position: relative;
	width: 730px;
	left: 100px;
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 600;
	font-size: 30px;
	line-height: 45px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 50px;
}
.article-colonne-gauche-texte {
	position: relative;
	width: 930px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
	margin-bottom: 50px;
}
.article-colonne-gauche-texte-cn {
	position: relative;
	width: 930px;
	font-family: 'Noto Serif SC', serif;
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: justify;
	margin-bottom: 50px;
}
.article-colonne-gauche-texte iframe{
	position: relative;
	max-width: 100%;
	margin-left : auto;
	margin-right : auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.article-colonne-gauche-barre2 {
	display: none;
}
.article-colonne-gauche-bio {
	display: none;
}
.article-colonne-gauche-nav {
	position: relative;
	margin-top: 70px;
	margin-bottom: 50px;
	width: 930px;
	height : 50px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
}
.article-colonne-gauche-nav-cn {
	position: relative;
	margin-top: 70px;
	margin-bottom: 50px;
	width: 930px;
	height : 50px;
	font-family: 'Noto Serif SC', serif;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
}
.article-colonne-gauche-nav-g {
	position: absolute;
	width: 300px;
	height : 50px;
	border: 1.5px solid var(--color-barre);
}
.article-colonne-gauche-nav-g:hover{
	background-color: black;
	color: white;
}
.article-colonne-gauche-nav-c {
	position: absolute;
	width: 300px;
	height : 50px;
	left : 315px;
	border: 1.5px solid var(--color-barre);
}
.article-colonne-gauche-nav-c:hover {
	background-color: black;
	color: white;
}
.article-colonne-gauche-nav-d {
	position: absolute;
	width:300px;
	height : 50px;
	left : 630px;
	border: 1.5px solid var(--color-barre);
}
.article-colonne-gauche-nav-d:hover {
	background-color: black;
	color: white;
}
.article-colonne-droite {
	position: absolute;
	width: 350px;
	left: 1000px;
	top: 0px;
}
.article-colonne-droite-select {
	position: absolute;
	width: 350px;
	height: 300px;
	display: block;
}
.article-colonne-droite-numero {
	position: relative;
	width: 50px;
	font-family: "KeepCalm", Helvetica, Arial, sans-serif;
	font-size: 50px;
	font-weight: 1000;
	color: black;
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.article-colonne-droite-titre {
	position: relative;
	margin-top: 15px;
	width: 350px;
	font-family: "RobotoBold", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 600;
	color: black;
	line-height: 40px;
}
.article-colonne-droite-titre-cn {
	position: relative;
	margin-top: 15px;
	width: 350px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 30px;
	font-weight: 600;
	color: black;
	line-height: 40px;
}
.article-colonne-droite-date {
	position: relative;
	width: 350px;
	height : 50px;
	font-family: "RobotoBlack", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	line-height: var(--text-titre-chapitre);
	font-weight: 1000;
	color: black;
	writing-mode: vertical-rl;
	text-orientation: sideways;
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.article-colonne-droite-date-cn {
	position: relative;
	width: 80px;
	left: 270px;
	font-family: 'Noto Sans SC', sans-serif;
	font-size: var(--text-titre-chapitre);
	line-height: var(--text-titre-chapitre);
	font-weight: 1000;
	text-align: right;
}
.article-colonne-droite-space {
	position: relative;
	width: 350px;
	height: 50px;
}
.article-colonne-droite-space-cn {
	position: relative;
	width: 350px;
	height: 10px;
}
.article-colonne-droite-space2 {
	position: relative;
	width: 350px;
	height: 20px;
}
.article-colonne-droite-barre {
	position: relative;
	width: 350px;
	border-top:3px dotted;
}
.article-colonne-droite-tags {
	position: relative;
	width: 350px;
	text-align: left;	
}
.article-colonne-droite-tag {
	position: relative;
	margin-top: 0px;
	padding: 0.1em;
	font-size: 30px;
	line-height: 40px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-weight: 100;
	border: none;
	background: none;
}
.article-colonne-droite-tag:hover {
	cursor: pointer;	
}
.article-colonne-droite-tag-cn {
	position: relative;
	width: 350px;
	margin-top: 0px;
	padding: 0.1em;
	font-size: 36px;
	line-height: 50px;
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
	text-align: center;
	border: none;
	background: none;
}
.article-colonne-droite-tag-cn:hover {
	cursor: pointer;
}
.article-colonne-droite-auteur {
	position: relative;
	margin-top: 10px;
	left: 0px;
	width: 350px;
	height : 40px;
	font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	font-weight: 500;
	color: black;
}
.article-colonne-droite-auteur-cn {
	position: relative;
	margin-top: 10px;
	left: 0px;
	width: 350px;
	height : 40px;
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
	font-size: var(--text-titre-chapitre);
}
.article-colonne-droite-bio {
	position: relative;
	margin-bottom: 50px;
	width: 350px;
	left: 0px;
	font-family: "RobotoItalic", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
}
.article-colonne-droite-bio-cn {
	position: relative;
	margin-bottom: 30px;
	width: 350px;
	left: 0px;
	font-family: 'Noto Serif SC', serif;
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: justify;
}
.article-colonne-droite-version {
	position: relative;
	margin-top: 10px;
	left: 0px;
	width: 350px;
	height : 60px;
	font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
	font-weight: 500;
}
.article-colonne-droite-version-cn {
	position: relative;
	margin-top: 10px;
	left: 0px;
	width: 350px;
	height : 60px;
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
	font-size: var(--text-titre-chapitre);
}
.article-colonne-droite-image {
	position: relative;
	width: 250px;
	left: 50px;
	margin-top: 30px;
}
.article-colonne-droite-image img {
	width: 100%;
	max-height: 100%;
	height: auto;
	display: block;
}
.article-colonne-droite-telechargement {
	position: relative;
	width: 350px;
	height: 120px;
}
.article-colonne-droite-telechargement-cn {
	position: absolute;
    width: 100%;
    left: 50px;
    top: 50px;
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.article-colonne-droite-telechargement-pdf {
	position: absolute;
	top : 50px;
	left : 220px;
	width: 80px;
	height: 80px;
	background-image: url("../images/Logo_PDF.png");
	background-size: 100%;
}
.article-colonne-droite-partage-texte {
	position: relative;
	top : 3px;
	width: 350px;
	height : 60px;
	font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
}
.article-colonne-droite-partage-texte-cn {
	position: relative;
	top : 3px;
	width: 350px;
	height : 60px;
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 500;
	font-size: var(--text-titre-chapitre);
}
.article-colonne-droite-partage-pictos {
	position: relative;
	top : 0px;
	left : 100px;
	width: 150px;
	height: 45px;
	background-image: url("../images/logos-partage.png");
	background-size: 100%;
}




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

.about-content {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
}
.about-header {
	position: relative;
	width: 1350px;
	height: auto;
}
.about-header-espace {
	position: relative;
	width: 1350px;
	height: 150px; 
}
.about-header-titre {
	position: relative;
	height: 30px;
	bottom: 2px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
}
.about-header-barre {
	position: relative;
	width: 210px;
	border-top: 3px dotted;
	bottom: 0px;
}
.about-header-barre-mobile {
	display: none;
	position: relative;
	width: 100%;
	height: var(--barre-thickness);
	background-color: var(--color-barre);
	bottom: 0px;
}
.about-barre {
	position: relative;
	width: 930px;
	left: 210px;
	height: var(--barre-thickness);
	background-color: var(--color-barre);
}
.about-barre-titre {
	position: relative;
	top: 5px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
}
.about-rubrique-barre {
	position: relative;
	width: 210px;
	border-top: 3px dotted;
}
.about-rubrique-titre {
	position: relative;
	height: 30px;
	top: 5px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
}
.about-barre-menu {
	position: absolute;
	margin-top: 55px;
	font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #6d6e71;
}
.about-barre-menu-item {
	height: 30px;
}
.about-barre-menu-item-s {
	height: 30px;
	color: black;
}
.about-citation {
	position: relative;
	width: 930px;
	left: calc((100% - 930px) / 2);
}
.about-citation p{
	margin: 0;
}
.about-citation-espace {
	position: relative;
	width: 100%;
	height: 55px;
}
.about-citation-texte {
	position: relative;
	width: 820px;
	left: calc((100% - 820px) / 2);
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 32px;
	text-align: center;	
}
.about-citation-auteur {
	position: relative;
	width: 380px;
	left: calc((100% - 380px) / 2);
	margin-top: 50px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: center;	
}
.about-image {
	position: relative;
	width: 930px;
	left: calc((100% - 930px) / 2);
}
.about-image img{
	width: 930px;
	height: auto;
}
*.about-image-espace {
	position: relative;
	width: 930px;
	height: 50px;
}
.about-a {
	color: #6d6e71;
}

.about-a-s {
	color: black;
}
.about-barre-s {
	position: relative;
	width: 930px;
	left: calc((100% - 930px) / 2);
	border-top: 3px dotted;
}
.about-paragraphe {
	position: relative;
	width: 930px;
	left: calc((100% - 930px) / 2);
}
.about-paragraphe p{
	margin: 0;
	margin-bottom: 20px;
}
.about-paragraphe-espace {
	position: relative;
	width: 100%;
	height: 15px;
}
.about-paragraphe-texte {
	position: relative;
	width: 100%;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
}
.about-video {
	position: relative;
	width: 930px;
	height: 525px;
	left: calc((100% - 930px) / 2);
}
.about-video iframe{
	position: relative;
	margin: 0;
	max-width: 100%;
}
.about-espace-s {
	position: relative;
	width: 930px;
	height: 50px;
	left: calc((100% - 930px) / 2);
}

.about-founders {
	position: relative;
	width: 930px;
	left: calc((100% - 930px) / 2);
}
.about-founders p{
	margin: 0;
	margin-bottom: 20px;
}
.about-founders-logo {
	position: absolute;
	max-width: 200px;
	max-height: 160px;
	right: calc(50% + 100px);
	top: 10px;
}
.about-founders-logo img {
	object-fit: contain;
	max-width: 200px;
	max-height: 160px;
	width: auto;
	height: auto;
}
.about-founders-espace {
	position: relative;
	width: 465px;
	left: 465px;
	height: 10px;
}
.about-founders-titre {
	position: relative;
	width: 465px;
	left: 485px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: var(--text-titre-chapitre);
}
.about-founders-titre-barre {
	position: absolute;
	width: var(--barre-thickness);
	left: -20px;
	top: 0;
	height: 100%;
	background-color: var(--color-barre);
}
.about-founders-texte {
	position: relative;
	width: 465px;
	left: 465px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: var(--text-paragraph-height);
}


/* Contact Form 7 Form Background And Border CSS
 -----------------------------------------------*/
 .wpcf7 {
     position: relative;
	 margin-top : 0px;
	 margin-bottom : 100px;
	 left : calc((100% - 930px) / 2);
	 width: 930px;
 }
 
 .wpcf7 label{
     font-size: 16px;
     font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	 font-weight: 100;
	 padding-bottom: 5px;
 }
 /* Contact Form 7 Input CSS 
 ---------------------------*/
 .wpcf7 input[type="text"],
 .wpcf7 input[type="text"],
 textarea {
     font-size: 20px;
     font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	 font-weight: 100;
     border: 1px solid var(--color-barre);
     width: 930px;
     padding: 15px 0px 15px 0px;
	 text-indent: 10px;
 }
 .wpcf7 input[type="textarea"],
 .wpcf7 input[type="email"],
 .wpcf7 input[type="tel"],
 textarea {
     font-size: 20px;
     font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	 font-weight: 100;
     border: 1px solid var(--color-barre);
     width: 930px;
     padding: 15px 0px 15px 0px;
	 text-indent: 10px;
 }
 /* Contact Form 7 Submit Button 
 -------------------------------*/
 .wpcf7 input[type="submit"] {
     font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	 font-size: 20px;
     font-weight: 100;
     background: none;
     padding: 10px 15px 10px 15px;
     border: 1px solid var(--color-barre);
     margin-top: 10px;
	 margin-left: 780px;
	 width: 150px;
     letter-spacing: 5px;
 }
 .wpcf7 input:hover[type="submit"] {
     background: #494949;
     transition: all 0.1s ease 0s;
	 color: white;
 }
 .wpcf7 input:active[type="submit"] {
     background: #000000;
 }


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

.open-content {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
}
.open-header {
	position: relative;
	width: 1350px;
	height: auto;
}
.open-header-espace {
	position: relative;
	width: 1350px;
	height: 120px; 
}
.open-header-titre {
	position: relative;
    width: 630px;
    left: 360px;
    font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 48px;
    line-height: 48px;
}
.open-header-barre {
	width: 400px;
    margin-left: 475px;
    border-top: 3px dotted;
    margin-top: 5px;
}
.open-citation {
	position: relative;
    width: 730px;
    left: 310px;
    font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
    font-size: 32px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.open-paragraphe {
	position: relative;
    width: 930px;
	left: 210px;
}
.open-paragraphe-texte {
	position: relative;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;	
}
.open-paragraphe-espace {
	position: relative;
    width: 930px;
	height: 50px;
}


/*********************************** traveling exhibition *************************************/

.trav {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
}
.trav-head {
	position: relative;
	width: 1350px;
	height: auto;
}
.trav-head-space {
	position: relative;
	width: 1350px;
	height: 120px; 
}
.trav-head-title {
	position: relative;
    width: 630px;
    left: 360px;
    font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 48px;
    line-height: 48px;
}
.trav-head-title p{
	margin-top: 50px;
	margin-bottom: 20px;
}
.trav-head-barre {
	width: 400px;
    margin-left: 475px;
    border-top: 3px dotted;
    margin-top: 5px;
}
.trav-head-subtitle {
	position: relative;
    width: 730px;
    left: 310px;
    font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
    font-size: 32px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.trav-cont {
	position: relative;
    width: 930px;
	left: 210px;
	margin-top: 70px;
	margin-bottom: 50px;
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
}
.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 {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
}
.search-space {
	position: relative;
	width: 1350px;
	height: 120px; 
}
.search-title {
	position: relative;
    width: 1350px;
    font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
    text-align: right;
    font-size: 48px;
    line-height: 60px;
}
.search-list {
	position: relative;
	width: 930px;
	left: 420px;
}

.search-subject {
	height: 120px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
    font-size: 48px;
    line-height: 120px;
    letter-spacing: -2px;
}
.search-rubrique-space {
	position: relative;
	height: 50px;
}
.search-rubrique-titre {
	position: relative;
	height: 80px;
	line-height: 80px;
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
    font-size: 36px;
}
.search-rubrique-item {
	position: relative;
    margin-top: 5px;
    width: 930px;
    min-height: 70px;
    height: auto;
    border-top: 3px dotted;
}
.search-rubrique-item-country {
	position: absolute;
    width: 930px;
    font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
	text-align: right;
}
.search-rubrique-item-number {
	position: absolute;
    width: 930px;
    font-family: "BahnshriftLight", Helvetica, Arial, sans-serif;
    font-size: 36px;
    text-align: right;
    line-height: 80px;
    font-weight: 100;
}
.search-rubrique-item-name {
	position: relative;
    width: 810px;
    font-family: "BahnshriftBold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
}
.search-rubrique-item-presentation {
	position: relative;
    width: 810px;
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
}
.search-form {
	position: absolute;
	height: 60px;
	margin-top: 40px;
	with: 320px;
	
}
.search-form-text {
	position: relative;
	height: 28px;
	width: 318px;
	padding: 0;
	border: 1px solid black;
	text-indent: 10px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 18px;
}
.search-form-button {
	position: relative;
	height: 30px;
	width: 320px;
	text-align: right;
	background: white;
	border: none;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 16px;
	cursor: pointer;
}
.search-form-text2 {
	position: relative;
	height: 28px;
	width: 300px;
	padding: 0;
	border: 1px solid black;
	text-indent: 10px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 18px;
}
.search-form-button2 {
	position: relative;
	height: 30px;
	width: 300px;
	text-align: right;
	background: white;
	border: none;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 16px;
	padding: 0;
	cursor: pointer;
}

/*********************************** footer *************************************/

.has-footer {
	position: relative;
	z-index : 100;
	width: 1350px;
	left: calc((100% - 1350px) / 2);
}
.has-footer p{
	margin: 0;
}
.has-footer-barre {
	position: absolute;
	width: 100%;
	height: var(--barre-thickness);
	background-color: var(--color-barre);
	top: 0px;
}
.has-footer-logo {
	position: absolute;
	height : 40px;
	width: 40px;
	left : 0px;
	top : 20px;
	background: url("../images/footer_logo.png") no-repeat;
	background-size: contain;
}
.has-footer-s {
	position: relative;
	z-index : 100;
	width: 1250px;
	left : 100px;
	top: 20px;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 60px;
}

.has-footer a{	
	color: black;
}
.has-footer hover{	
	color: black;
}
.has-footer visited{	
	color: black;
}
.has-footer-1 {
	position: relative;
	width: 200px;
	height: 120px;
	top: 0px;
}
.has-footer-2 {
	position: relative;
	width: 400px;
	height: 120px;
	top : 0px;
}
.has-footer-3 {
	position: relative;
	width: 300px;
	height: 120px;
	top : 0px;
}
.has-footer-form {
	width: 250px;
	margin-top: 5px;
	border: 1px solid var(--color-barre);
	padding: 5px 0px 5px 0px;
	text-indent: 10px;
}
.has-footer-submit {
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background: none;
	padding: 5px 0px 5px 0px;
	border: none;
	margin-top: 5px;
	margin-left: 150px;
	width: 100px;
	text-align: right;	 
	}
.has-footer-submit:hover{
	cursor: pointer;
}

.has-footer-submit input:hover[type="submit"] {
	font-family: "RobotoBold", Helvetica, Arial, sans-serif;
 }
 .has-footer-submit input:active[type="submit"] {
	background:none;
	border:0;
	margin:0;
	padding:0;
 }
.has-footer-4 {
	position: relative;
	width: 100px;
	height: 120px;
	top : 0px;
}
.has-footer-5 {
	position: relative;
	top : 0px;
	height: 50px;
	color: var(--color-barre);
}
.has-footer-5 a{	
	color: var(--color-barre);
}



/*********************************** footer *************************************/

.has-footer-map {
	position: relative;
	z-index : 100;
	width: 100vw;
	background-color: #91bc91;
}
.has-footer-map p{
	margin: 0;
}
.has-footer-barre-map {
	position: absolute;
	width: 1350px;
	height: var(--barre-thickness);
	left: calc((100vw - 1350px) / 2);
	background-color: white;
	top: 0px;
}
.has-footer-logo-map {
	position: absolute;
	height : 40px;
	width: 40px;
	left: calc((100vw - 1350px) / 2);
	top : 10px;
	background: url("../images/footer_logo_white.png") no-repeat;
	background-size: contain;
}
.has-footer-s-map {
	position: relative;
	z-index : 100;
	width: 1250px;
	left : calc(((100vw - 1350px) / 2) + 100px);
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px; 
	font-weight: 100;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 60px;
}

.has-footer-map a{	
	color: white;
}
.has-footer-map hover{	
	color: white;
}
.has-footer-map visited{	
	color: white;
}
.has-footer-1-map {
	position: relative;
	width: 200px;
	height: 120px;
	top: 10px;
	color: white;
}
.has-footer-2-map {
	position: relative;
	width: 400px;
	height: 120px;
	top : 10px;
	color: white;
}
.has-footer-3-map {
	position: relative;
	width: 300px;
	height: 120px;
	top : 10px;
	color: white;
}
.has-footer-form-map {
	width: 250px;
	margin-top: 5px;
	border: 1px solid white;
	padding: 5px 0px 5px 0px;
	text-indent: 10px;
	color: white;
	background-color: rgba(0,0,0,0);
}
.has-footer-form-map input::placeholder{
	width: 250px;
	margin-top: 5px;
	border: 1px solid white;
	padding: 5px 0px 5px 0px;
	text-indent: 10px;
	color: white;
	background-color: rgba(0,0,0,0);
	outline: none;
}
.has-footer-form-map textarea:focus, input:focus {
    color: #white;
	outline: none;
}
.has-footer-submit-map {
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background: none;
	padding: 5px 0px 5px 0px;
	border: none;
	margin-top: 5px;
	margin-left: 150px;
	width: 100px;
	text-align: right;
	color: white;
}
.has-footer-submit-map:hover {
	font-family: "RobotoBold", Helvetica, Arial, sans-serif;
	cursor: pointer;
	outline:none;
 }
 .has-footer-submit-map:active {
	background:none;
	border:none;
	margin-top: 5px;
	margin-left: 150px;
	padding:0;
	color: white;
	outline:none;
 }
 .has-footer-submit-map:focus {
	background:none;
	border:none;
	margin-top: 5px;
	margin-left: 150px;
	padding:0;
	color: white;
	outline:none;
 }
.has-footer-4-map {
	position: relative;
	width: 100px;
	height: 120px;
	top : 10px;
	color: white;
}
.has-footer-5-map {
	position: relative;
	top : 10px;
	height: 50px;
	color: white;
}
.has-footer-5-map a{	
	color: white;
}



/*********************************** privacy policy *************************************/

.privacy-content {
	position: relative;
	width: 1350px;
	left: calc((100vw - 1350px) / 2);
}
.privacy-espace {
	height: 100px;	
}
.privacy-texte {
	position: relative;
	width: 100%;
	font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
}

.privacy-texte h2{
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 50px;
}

.privacy-texte h3{
	font-family: "BahnshriftRegular", Helvetica, Arial, sans-serif;
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-height);
}
.privacy-espace-bas {
	height: 50px;	
}


/*********************************** gradient *************************************/

.color-1 {background-color: #a9d3cb;}
.color-2 {background-color: #a8d1ca;}
.color-3 {background-color: #a8d2cb;}
.color-4 {background-color: #a3cfc9;}
.color-5 {background-color: #a0cdc5;}
.color-6 {background-color: #9dccc3;}
.color-7 {background-color: #9accc2;}
.color-8 {background-color: #95c9be;}
.color-9 {background-color: #99cbc2;}
.color-10 {background-color: #95c9c1;}
.color-11 {background-color: #92c7be;}
.color-12 {background-color: #90c5bc;}
.color-13 {background-color: #8ec3ba;}
.color-14 {background-color: #8cbfb9;}
.color-15 {background-color: #8abcb6;}
.color-16 {background-color: #87b8b2;}
.color-17 {background-color: #85b5b0;}
.color-18 {background-color: #82b1ad;}
.color-19 {background-color: #82b1ad;}
.color-20 {background-color: #7faca9;}
.color-21 {background-color: #7ca7a6;}
.color-22 {background-color: #79a4a3;}
.color-23 {background-color: #77a2a3;}
.color-24 {background-color: #729ca0;}
.color-25 {background-color: #6c969a;}
.color-26 {background-color: #689197;}
.color-27 {background-color: #668d95;}
.color-28 {background-color: #62898f;}
.color-29 {background-color: #61868f;}
.color-30 {background-color: #5c818b;}
.color-31 {background-color: #587d89;}
.color-32 {background-color: #527785;} 
.color-33 {background-color: #4e7383;}
.color-34 {background-color: #4b707e;}
.color-35 {background-color: #486c7a;}
.color-36 {background-color: #446876;}
.color-37 {background-color: #416472;}
.color-38 {background-color: #41616c;}
.color-39 {background-color: #375762;}
.color-40 {background-color: #365560;}
.color-41 {background-color: #33525c;}
.color-42 {background-color: #32505b;}
.color-43 {background-color: #304e59;}
.color-44 {background-color: #2f4c57;}
.color-45 {background-color: #2d4a55;}
.color-46 {background-color: #2a4750;}
.color-47 {background-color: #29454f;}
.color-48 {background-color: #27414c;}
.color-49 {background-color: #254048;}
.color-50 {background-color: #254048;}
.color-51 {background-color: #254048;}
.color-52 {background-color: #254048;}
.color-53 {background-color: #254048;}
.color-54 {background-color: #254048;}
.color-55 {background-color: #254048;}
.color-56 {background-color: #254048;}
.color-58 {background-color: #254048;}
.color-59 {background-color: #254048;}
.color-60 {background-color: #254048;}
.color-61 {background-color: #254048;}
.color-62 {background-color: #254048;}
.color-63 {background-color: #254048;}
.color-64 {background-color: #254048;}
.color-65 {background-color: #254048;}
.color-66 {background-color: #254048;}
.color-67 {background-color: #254048;}
.color-68 {background-color: #254048;}
.color-69 {background-color: #254048;}
.color-70 {background-color: #254048;}
.color-71 {background-color: #254048;}
.color-72 {background-color: #254048;}
.color-73 {background-color: #254048;}
.color-74 {background-color: #254048;}
.color-75 {background-color: #254048;}
.color-76 {background-color: #254048;}
.color-77 {background-color: #254048;}
.color-78 {background-color: #254048;}
.color-79 {background-color: #254048;}
.color-80 {background-color: #254048;}
.color-81 {background-color: #254048;}
.color-82 {background-color: #254048;}
.color-83 {background-color: #254048;}
.color-84 {background-color: #254048;}
.color-85 {background-color: #254048;}
.color-86 {background-color: #254048;}
.color-87 {background-color: #254048;}
.color-88 {background-color: #254048;}
.color-89 {background-color: #254048;}
.color-90 {background-color: #254048;}
.color-91 {background-color: #254048;}
.color-92 {background-color: #254048;}
.color-93 {background-color: #254048;}
.color-94 {background-color: #254048;}
.color-95 {background-color: #254048;}
.color-96 {background-color: #254048;}
.color-97 {background-color: #254048;}
.color-98 {background-color: #254048;}
.color-99 {background-color: #254048;}
.color-100 {background-color: #254048;}