/*

 * 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

}
/*
Liens ciblé
*/
a[href="https://www.thejenadeclaration.org/about"] {
	text-decoration:underline;
  }

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;
	

}
/* 
partners links in home subtitle
*/
.ind-acc-subtitle p{
	line-height: 1.6rem;
}
.ind-acc-subtitle a {
    color: white;
    text-decoration: none;
    font-weight: bold;
	width: auto;
	position: relative;
	display: inline-block;	
}
.ind-acc-subtitle a::before{
	content: " ";
    background-color: white;
    position: absolute;
	bottom: -3;
	width: 100%;
	height: 2.5px;
	overflow: hidden;
	transition: height 0.5s, width 0.5s, background-color 1s, margin 0.5s;
}
.ind-acc-subtitle a:hover:before{
	    background-color: rgba(255, 255, 255, 0.691);
    width: 50%;
	margin-left: 25% ;
	transition: height 0.5s, width 0.5s, background-color 1s, margin 0.5s ;
	
}
/* End partners links in home subtitle
*/




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

}

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

}

/*
VIDEO HOME
*/
#video-home { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

#video-home iframe,
#video-home object,
#video-home embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top:0;
}
#video-home .player{
	margin-top: 0;
}
#video-home .vp-center{
	align-items: flex-start !important;
}



/************** 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;*/
	/*modif heigt auto for logos*/
	height: auto;

	top : 0px;

}
/*footer partners logo
*/

.partners-x{
    display: flex;
    justify-content: flex-start;
	margin: 1em 0;
}
.partners-x .partners-logo{
    display: flex;
    align-items: center;
	margin-left: 1em ;
}
.partners-x .partners-logo a{
    display: flex;
}
.partners-x .partners-logo.partners-logo-first{
    margin-left: 0;
}
.partners-x .partners-logo img{
    max-height: 67px;
}

.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);
	/*modif flex bottom for space withe partners-logo if neded*/
	display: flex;
    align-items: flex-end;
	margin: 0 0 1em 0;
	

}

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