@font-face{
  font-family:pp;
  src: url("../../font/PPNeueMontreal-Book.otf");
}

@font-face{
  font-family:pitch;
  src: url("../../font/pitch-medium.otf");
}

@font-face{
  font-family:pitchitalic;
  src: url("../../font/pitch-medium-italic.otf");
}

@font-face{
  font-family:lazy;
  src: url("../../font/Lazybones EF.ttf");
}

@font-face{
  font-family:expo;
  src: url("../../font/ExposureTrial[-60].otf");
}

@font-face{
  font-family:expo1;
  src: url("../../font/ExposureTrial[-50].otf");
}

@font-face{
  font-family:pp1;
  src: url("../../font/PPNeueMontreal-Medium.otf");
}


@font-face{
  font-family:expo-10;
  src: url("../../font/ExposureTrial[-10].otf");
}

@font-face{
  font-family:monstera;
  src: url("../../font/Monstera-Regular.otf");
}

@font-face{
  font-family:expo-30;
  src: url("../../font/ExposureItalicTrial[-30].otf");
}

video::-webkit-media-controls {  /*不显示时间条*/
  object-fit:fill;  /*设置预览图铺满*/
  display:none !important;
}

a{text-decoration: none; color: #333;}

body{
  font-family: "pp";
/* background-color: #F5F5F5;*/
}


html{
 /* background-color: gray;
  color: white;*/
  scroll-behavior: smooth;
  font-size: min(2vw, 14px);
}

li{
  list-style: none;
}

img#partitionblack{
  width: 60%;
}

img{
  width: 40%;
  height: 80%;
  padding: 1rem;
  
}

.maximg{
  width: 80%;

  text-align: right;

}

img.c3{
  width:60% ;
}

img.fly{

  float: right;
}
.images{
/*  text-align: left;*/
  display: flex;
/*  justify-content:flex-end;*/

  flex-wrap: wrap;
 

}

#box{
  display: inline;
}

/*img.Simg{
  width: 20%;
  height: 40%;
}*/


.tete{
  font-family: "pp1";
  padding: 0;
  display: flex;
  align-items:flex-start ;
/*  border-bottom:1px solid;*/
  
}

#AN1{

  flex-grow: 4;
/*  font-size: 1.2vw;*/
  font-size: min(2.5vw, 1.1rem);
}

#AN3,#AN2{
/*  font-size: 1.2vw;*/
  font-size: min(2.5vw, 1.1rem);
}

.video{
/*  padding: 1rem;*/
  padding: 0.5vh;
  width: 40%;
  padding: 1rem;

}

#news{
  font-family: "expo-30";
  font-size: 3vw;
  font-size: min(4vw, 30px);

}

h1{
  text-align: left;
  padding: 1rem;
/*  font-size: 3vw;*/
  font-size: min(3vw, 36px);


}

h1.bas{
  text-align: center;
  font-size: min(2.5vw, 1.1rem);
  font-family: "pp1";
   padding: 1rem;

}

h2{ 
  text-align: left;
  padding: 0.4rem;
/*  font-size: 5rem;*/
  font-size: min(7vw, 3rem);
  font-family: "expo-10";

}

p{

  padding: 1rem;
}

.infoliste{
  
  display: flex;
/*  flex-flow: row wrap;*/
  justify-content: flex-start;
  font-family: "pp1";
}

p.info{
/*  font-size: 1.5vw;*/
  display: inline;
  width: 20%;
  line-height: 130%;
  font-size: min(2.5vw, 1.1rem);
/*  font-size: min(1.2vw, 1.5rem);*/

}

p.intro{
  width: 40%;

  display: inline;
  line-height: 125%;
  font-size: min(2.5vw, 1.1rem);
}

.projet{

    border-bottom:1px solid;

}

.projet:not(.open) h2:hover{
  font-family: expo-30;
  color: blue;
/*  text-shadow: 1px 1px 2px red, 0 0 1em green, 0 0 0.2em white;*/
  cursor: pointer;
}

.projet .contenu{
   display: none;
}

.projet.open .contenu{
  display: block;
}

.projet.open h2{

  font-size: 7vw;
    font-family: "expo-30";
  

}

.simg{
  width: 20%;
  
}

#xiaoxiao{
  width: 100%;
  height: unset;
}

/* SLIDER */

.slider{
  
/*  padding: 0.5vh;*/
  width: 40%;

}

.slider figure img{
  width: 100%;
  display: block;
  
  

}

.slider figure:not(.show){

  display: none;
}

.slider figure{

  -webkit-tap-highlight-color: transparent;
}

.slider:hover{

  cursor: e-resize;
}