/* Polices d'écriture */
@font-face{font-family:"MontserratSB"; src: local("MontserratSB"), url("../fonts/Montserrat-SemiBold.woff") format("woff")}
@font-face{font-family:"MontserratB"; src: local("MontserratB"), url("../fonts/Montserrat-Bold.woff") format("woff")}
@font-face{font-family:"RamaGSB"; src: local("RamaGSB"), url("../fonts/RamaGothicE-SemiBold.woff") format("woff")}
@font-face{font-family:"RamaGH"; src: local("RamaGH"), url("../fonts/RamaGothicE-Heavy.woff") format("woff")}

:root{
    --bs-primary:#202945;
    --bs-body-color:#202945;
	  --bs-primary-rgb: 32,41,69;
    --bs-secondary:#D2252B;
    --bs-secondary-rgb: 210,37,43;
    --bs-light:#F1F1F1;
    --bs-light-rgb: 241,241,241;
    --bs-border-radius: 1rem;
}


/* Global */
html{height:100%;}
body{height:100%;font-family: 'MontserratSB', sans-serif;}
#page{/* temporaire pour rendu PC width:1080px;height:1920px;*/max-width:1080px;height:100%;}
section{width:100%;}
h2{font-family: "RamaGH", serif;font-weight: normal !important;}
h3, .ramagsb{font-family: 'RamaGSB', sans-serif;font-weight: normal !important;}



/* Header */
header .head{height:8.5rem;}
.custom-pt{padding-top:5rem;}

/* Blocs page */
#meteo{/*height:75%;*/}
#recharge{padding-top:7rem;}

/* Bloc station */
.font-hauteur{font-size:1.5rem;letter-spacing: 0.1rem;font-family: 'MontserratB', sans-serif;font-weight: normal;text-transform: uppercase;}
.mini-picto{height:1.25rem;width: auto;}
.mini-picto-bis{height:1.25rem;width: auto;}
.temperature span{letter-spacing: -3px;}
.picto-meteo{height:7rem;width:7rem;object-fit: contain;}
.lh-custom{line-height: 0.95;}
.custom-translate-y{transform: translateY(-1rem);}
.picto-avalanche{aspect-ratio: 1/1;max-height: 5.5rem;}
.picto-avalanche img{width:100%;height:100%;object-fit: contain;}

/* Bloc prévision */
.picto-meteo-bis{height:7rem;width:7rem;object-fit: contain;}

/* Bloc recharge */
.bg-recharge{ background: url("../images/bg-recharger.jpg") no-repeat center/cover;min-height: 300px;}
.btn-recharge{}

/* Sens vent */
.sens-e{transform: rotate(0deg);}
.sens-se{transform: rotate(45deg);}
.sens-s{transform: rotate(90deg);}
.sens-so{transform: rotate(135deg);}
.sens-o{transform: rotate(180deg);}
.sens-no{transform: rotate(-135deg);}
.sens-n{transform: rotate(-90deg);}

/* Avalanches */
.bg-avalanche-1{background-color: #8CB63C;}
.bg-avalanche-2{background-color: #ffed00;}
.bg-avalanche-3{background-color: #dd931b;}
.bg-avalanche-4{background-color: #c20e1a;}
.bg-avalanche-5{background: url("../images/bg-avalanche-5.png") repeat;}



/*
X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px

/ Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/

.display-1 {
  font-size: 4rem;
}
.display-3 {
  font-size: 3rem;
}

.display-5 {
  font-size: 2.25rem;
}

.display-5b {
  font-size: 2.25rem;letter-spacing: -1px;
}