@charset "UTF-8";
/* CSS Document */
 @font-face {
      font-family : montserrat;
      src: url(typo/Montserrat-Light.otf);
  }
 @font-face { 
   font-family : "montserrat-medium";
   src: url(typo/Montserrat-regular.otf);
  }

body{
    font-family : montserrat;
    margin: 0;
    padding: 0;
    background-color: rgba(128,128,128);
}

#pagevideo {
    top: 4em;
    position: relative;
    width: 100%;
    height: calc (100%-4em);

}

.blocvideo {
    display: block;
}

.titrevid {
    font-family : "montserrat-medium";
    position: relative;
    margin: 0 0 1em 0;
    padding: 2% 0 0 0;
    color: white;
    width: 100%;
   text-align: center;
}

#myVideo {
	cursor: pointer;
}

.swiper {
    position: relative;
    width: 58vw;
    height: 62vh;
    background-color: black;
}

.vid {
    position: relative;
    width: 100%;
    height: 100%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.designbutton,.designbuttonleft {
    position: absolute;
    width: 4em;
    height: 100%;
    background-color: #364575
}

.designbuttonleft {
    left: calc(100% - 4em);
}

.swiper-button-prev,.swiper-button-next {
   color: white;
}

.textArtAsset {
    position: relative;
    display: flex;
    width: 58vw;
    margin: 0 auto;
}

.Nameartist,.Assettext {
    position: absolute;
    color: white;
    font-family : montserrat
}

.Nameartist {
    left: 0;
}
.Assettext {
    left: auto;
    right: 0;
}
.Assettext a {
    color: white;
    text-decoration: none;
}

#swiper2 {
    width: 80%;
    height: 20%;
    background-color: red;
}

#swiper2>.swiper-wrapper {
    background-color: blue;
}

.resaux {
    position: relative;
    display: flex;
    width: 58vw;
    height: 1em;
    margin: 2.5em auto;
}

.icoinsta,.icotwitter,.icofacebook,.icoartstation {
    width: 2em;
    height: 2em;
    background-size: cover;
    margin: 0 0.5em 0 0;
}

.icoinsta {
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3ClinearGradient id='SVGID_1_' gradientTransform='matrix(0 -1.982 -1.844 0 -132.522 -51.077)' gradientUnits='userSpaceOnUse' x1='-37.106' x2='-26.555' y1='-72.705' y2='-84.047'%3E%3Cstop offset='0' stop-color='%23fd5'/%3E%3Cstop offset='.5' stop-color='%23ff543e'/%3E%3Cstop offset='1' stop-color='%23c837ab'/%3E%3C/linearGradient%3E%3Cpath d='m1.5 1.633c-1.886 1.959-1.5 4.04-1.5 10.362 0 5.25-.916 10.513 3.878 11.752 1.497.385 14.761.385 16.256-.002 1.996-.515 3.62-2.134 3.842-4.957.031-.394.031-13.185-.001-13.587-.236-3.007-2.087-4.74-4.526-5.091-.559-.081-.671-.105-3.539-.11-10.173.005-12.403-.448-14.41 1.633z' fill='url(%23SVGID_1_)'/%3E%3Cpath d='m11.998 3.139c-3.631 0-7.079-.323-8.396 3.057-.544 1.396-.465 3.209-.465 5.805 0 2.278-.073 4.419.465 5.804 1.314 3.382 4.79 3.058 8.394 3.058 3.477 0 7.062.362 8.395-3.058.545-1.41.465-3.196.465-5.804 0-3.462.191-5.697-1.488-7.375-1.7-1.7-3.999-1.487-7.374-1.487zm-.794 1.597c7.574-.012 8.538-.854 8.006 10.843-.189 4.137-3.339 3.683-7.211 3.683-7.06 0-7.263-.202-7.263-7.265 0-7.145.56-7.257 6.468-7.263zm5.524 1.471c-.587 0-1.063.476-1.063 1.063s.476 1.063 1.063 1.063 1.063-.476 1.063-1.063-.476-1.063-1.063-1.063zm-4.73 1.243c-2.513 0-4.55 2.038-4.55 4.551s2.037 4.55 4.55 4.55 4.549-2.037 4.549-4.55-2.036-4.551-4.549-4.551zm0 1.597c3.905 0 3.91 5.908 0 5.908-3.904 0-3.91-5.908 0-5.908z' fill='%23fff'/%3E%3C/svg%3E");
}

.icotwitter {
    background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 152 152' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Color_Icon' data-name='Color Icon'%3E%3Cg id='_04.Twitter' data-name='04.Twitter'%3E%3Crect id='Background' fill='%2303a9f4' height='152' rx='12' width='152'/%3E%3Cpath id='Icon' d='m125.23 45.47a42 42 0 0 1 -11.63 3.19 20.06 20.06 0 0 0 8.88-11.16 40.32 40.32 0 0 1 -12.8 4.89 20.18 20.18 0 0 0 -34.92 13.8 20.87 20.87 0 0 0 .47 4.6 57.16 57.16 0 0 1 -41.61-21.11 20.2 20.2 0 0 0 6.21 27 19.92 19.92 0 0 1 -9.12-2.49v.22a20.28 20.28 0 0 0 16.17 19.82 20.13 20.13 0 0 1 -5.29.66 18 18 0 0 1 -3.83-.34 20.39 20.39 0 0 0 18.87 14.06 40.59 40.59 0 0 1 -25 8.61 36.45 36.45 0 0 1 -4.83-.28 56.79 56.79 0 0 0 31 9.06c37.15 0 57.46-30.77 57.46-57.44 0-.89 0-1.75-.07-2.61a40.16 40.16 0 0 0 10.04-10.48z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");  
}

.icofacebook {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 408.788 408.788' style='enable-background:new 0 0 408.788 408.788;' xml:space='preserve'%3E%3Cpath style='fill:%23475993;' d='M353.701,0H55.087C24.665,0,0.002,24.662,0.002,55.085v298.616c0,30.423,24.662,55.085,55.085,55.085 h147.275l0.251-146.078h-37.951c-4.932,0-8.935-3.988-8.954-8.92l-0.182-47.087c-0.019-4.959,3.996-8.989,8.955-8.989h37.882 v-45.498c0-52.8,32.247-81.55,79.348-81.55h38.65c4.945,0,8.955,4.009,8.955,8.955v39.704c0,4.944-4.007,8.952-8.95,8.955 l-23.719,0.011c-25.615,0-30.575,12.172-30.575,30.035v39.389h56.285c5.363,0,9.524,4.683,8.892,10.009l-5.581,47.087 c-0.534,4.506-4.355,7.901-8.892,7.901h-50.453l-0.251,146.078h87.631c30.422,0,55.084-24.662,55.084-55.084V55.085 C408.786,24.662,384.124,0,353.701,0z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-color: white;
    border-radius: 5px;
}

.icoartstation {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 208.8 195.9' style='enable-background:new 0 0 208.8 195.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23171717;%7D .st1%7Bfill:%2313AFF0;%7D%0A%3C/style%3E%3Crect class='st0' width='208.8' height='196'/%3E%3Cg%3E%3Cpath class='st1' d='M18.6,139L33,163.9l0,0c2.9,5.7,8.7,9.6,15.4,9.6l0,0l0,0h96.1L124.6,139L18.6,139L18.6,139z'/%3E%3Cpath class='st1' d='M190,139.1c0-3.4-1-6.6-2.8-9.4l-56.4-97.9c-2.9-5.5-8.6-9.2-15.2-9.2H85.8l87,150.7l13.8-23.8 C189.2,145,190,143,190,139.1z'/%3E%3Cpolygon class='st1' points='110.5,114.3 71.7,47.1 32.9,114.3 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.seeassets {
    position: absolute;
    color: white;
    font-family: montserrat;
    margin: 1em;
    z-index: 1;
    width: 100%;
}

.txtseeasets {
    position: relative;
    cursor: pointer;
    text-align: right;
    right: 2em;
}

p.on {
    color: #e94c2c;
}

.croixPV {
    position: absolute;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 203.2 197.9' style='enable-background:new 0 0 203.2 197.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:6;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cline class='st0' x1='29.9' y1='27' x2='173.7' y2='170.8'/%3E%3Cline class='st0' x1='29.9' y1='170.8' x2='173.7' y2='27'/%3E%3C/svg%3E ");
    width: 2.5em;
    height: 2.5em;
    background-size: cover;
    margin: 0 0.5em 0 0;
    z-index: 100000;
    left: 79%;
    top: 8%;
}