@charset "UTF-8";
/* CSS Document */



/*! normalize.css v2.0.1 | MIT License | git.io/normalize */


/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

 .bg-black-50 {
        background-color: rgba(0,0,0,0.5)
    }


 .author-resa {
     font-size: 16px !important;
     color: #B52A90 !important;
            bottom: 70px;
        left: 45%;
     position: absolute;
     cursor: pointer;
     z-index: 9999 !important;

}

 .author-accueil {
     font-size: 14px !important;
     color: #B52A90 !important;
            top: 80px;
        right: 110px;
            letter-spacing: 1px;
     position: absolute;

        }
 .author-accueil-left {
     font-size: 14px !important;
     color: #B52A90 !important;
            top: 80px;
        left: 110px;
            letter-spacing: 1px;
     position: absolute;

        }

 .author {
     font-size: 42px !important;
     color: #B52A90 !important;
            top: 80px;
        left: 110px;
            letter-spacing: 1px;
     position: absolute;
         
        }
  .source{ 
  font-size: 18px;
      color: #B52A90 !important;
   top: 175px;
        left: 110px;
           position: absolute;
    }
section.content {
 
    background-repeat: no-repeat;
    height: 600px;
    
}

.cadreCovid {
    height: auto;
    color: #000;
    background-color: #FFEDEE;
    padding: 20px;
    border-top: 1px solid #ff0000;
        border-bottom: 1px solid #ff0000;

 }



.cadreIntro {
 background:url(https://esi-grandmassif.com/2019-2/medias/fond/f-skieurN.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position:center;
  height: 100vh;
  color:#fff;
/*  display:flex;
  flex-direction:column;
  justify-content:center;*/
	
 }

.cadreContent {
	position: relative;
	left: 15%;
	width: 800px;
  height: auto;
  color:#fff;

 }
.titreContent {
	font-size: 3em;
	  font-family: "pragmatica-web-condensed",sans-serif;
	  font-weight:400;
 }



.palette {
	position: fixed;
	z-index: 999;
	top: 0px;
	right: -300px;
	overflow:auto;
	background-color: #efefef;
  font-family: "pragmatica-web-condensed",sans-serif;
		  font-size:16px;
	  font-weight:300;
	  color:#191919;
	width: 300px;
	height: 100vh;
	padding: 0px;
	
 }

.pointeur-perso {
cursor: pointer;

 }


.titre-intro {
  font-family: "pragmatica-web-condensed",sans-serif;
		  font-size:62px;

	  font-weight:600;
	  color:#A3388D;
	width: 100%;
	height: auto;
		  	  text-shadow:#000000 2px 2px;

 }

.sous-titre-intro {
  font-family: "pragmatica-web-condensed",sans-serif;
  font-variant:small-caps;
  	  font-size:42px;
	  font-weight:500;
	  color:#FFF;
	  	  text-shadow:#000000 2px 2px;
	  }


.zone-logo {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 100px;
	right: 100px;
	z-index: 9999 !important;
	
	
	

}

.texte-titre-intro {
  font-family: "quatro",sans-serif;
	  font-size:72px;
	  font-weight:600;
/*	  color:#00AAD2;
*/	  	  text-shadow:#000000 2px 2px;
}
.texte-titre-introP {
  font-family: "quatro",sans-serif;
	  font-size:46px;
	  font-weight:600;
/*	  color:#00AAD2;
*/	  	  text-shadow:#000000 2px 2px;
}


.Gtitre-intro {
  font-family: "pragmatica-web-condensed",sans-serif;
		  font-size:62px;

	  font-weight:600;
	  color:#000000;
	  position: absolute;
	top: 25%;
	left: 0; 
	z-index: 9999;
	width: 100%;
	height: auto;
 }


.sous-titre-time {
  font-family: "quatro",sans-serif;
  font-variant:small-caps;
  	  font-size:32px;
	  font-weight:400;
	  	  text-shadow:#000000 2px 2px;
	  }