@charset "UTF-8";
/* CSS Document */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

html {
  font-weight:300;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
			 background-color:#343A40 !important;

}

body {
/*  font-family: "museo-sans" !important;
  font-weight:300 !important;
*/    margin: 0
}


.back-to-top {
			position: fixed;
			bottom: 110px;
			right: 20px;
			text-decoration: none;
			color: #000000;
			font-size: 12px;
			padding: 0em;
						display: none;
    border-radius: 10px;
		}
	.back-to-top:hover {	
			background-color: rgba(0, 158, 224, 0.44);
	}

/*.back-to-mail {
			position: fixed;
			bottom: 155px;
			right: 30px;
			text-decoration: none;
			color: #000000;
			font-size: 12px;
			padding: 1em;
						display: none;
		}
    .back-to-mail:hover {	
			background-color: rgba(135, 135, 135, 0.50);
	}*/

/*.back-to-covid {
    position: fixed;
    top: 200px;
    right: 30px;
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    padding: 1em;
    						display: block;

		}
    .back-to-covid:hover {	
			background-color: rgba(135, 135, 135, 0.50);
	}



.back-to-avis {
			position: fixed;
			bottom: 255px;
			right: 30px;
			text-decoration: none;
			color: #000000;
			font-size: 12px;
			padding: 1em;
						display: none;
		}
.back-to-avis:hover {	
			background-color: rgba(135, 135, 135, 0.50);
	}
	*/




.b-google {
	width: 168px;
	height:auto;
	position:absolute;
		top:10px;
		right:50px;
	background-color:transparent;
	}
.b-google-bas {
	width: 168px;
	height:auto;
	position:relative;
	background-color:transparent;
}

.logo-intro {
	width: auto;
	height:auto;
	position:absolute;
		top:-80px;
		left:15px;
	background-color:transparent;
	}

.logo-produit-gauche {
	width: auto;
	height:auto;
	position:absolute;
		top:-80px;
		left:-15px;
	background-color:transparent;
	}

.logo-produit-droite {
	width: auto;
	height:auto;
	position:absolute;
		top:-80px;
		right:-15px;
	background-color:transparent;
	}

.logo-sous-gauche {
	width: auto;
	height:auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: center;
	font-family: "pragmatica-web-condensed",sans-serif;
	font-size: 22px;
	font-weight: 300;
	position:absolute;
	bottom:-40px;
	right:70px;
	background-color:#A3388D;
	color: #FFF;
	min-width: 150px;
	}

.logo-sous-droite {
	width: auto;
	height:auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: center;
	font-family: "pragmatica-web-condensed",sans-serif;
	font-size: 22px;
	font-weight: 300;
	position:absolute;
	bottom:-40px;
	left:70px;
	background-color:#A3388D;
	color: #FFF;
	min-width: 150px;
	}


.logo-titre-droite {
	width: 200px;
	height:207px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: center;
	font-family: "pragmatica-web-condensed",sans-serif;
	font-size: 22px;
	font-weight: 300;
	position:absolute;
	top:-152px;
	right:20px;
	background-color: transparent;
	color: #FFF;
	min-width: 150px;
	opacity: 1;
    z-index: 10000;
	
	}
.logo-titre-droiteCAIRN {
	width: 300px;
	height:307px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: center;
	font-family: "pragmatica-web-condensed",sans-serif;
	font-size: 22px;
	font-weight: 300;
	position:absolute;
	top:-192px;
	right:20px;
	background-color: transparent;
	color: #FFF;
	min-width: 150px;
	opacity: 1;
	
	}

.titre1 {
  font-family: "quatro",sans-serif;

	  font-size:52px;
	  font-weight:600;
	  color:#000000;
	  text-shadow:#000000 2px 2px 1px;
}

.titre1P {
  font-family: "pragmatica-web-condensed",sans-serif;
	  font-size:36px;
	  font-weight:500;
}
.titre1xs {
  font-family: "pragmatica-web-condensed",sans-serif;
	  font-size:38px;
	  font-weight:700;
	  color:#000000;
	  text-shadow:#000000 1px 1px 1px;
}

.sous-titre1 {
  font-family: "pragmatica-web-condensed",sans-serif;
  font-variant:small-caps;
  	  font-size:26px;
	  font-weight:300;
	  color:#00AAD2;
	  }

.sous-titre1P {
  font-family: "pragmatica-web-condensed",sans-serif;
  font-variant:small-caps;
  	  font-size:26px;
	  font-weight:300;
	  color:#00AAD2;
	  }

.titre-page {
  font-family: "quatro",sans-serif;
	  font-size:42px;
	  font-weight:500;
	  color:#fff;
}
.titre-page-blanc {
/*  font-family: "pragmatica-web-condensed",sans-serif;
*/	  font-size:38px;
	  font-weight:500;
}
.titre-page-blanc-xs {
/*  font-family: "pragmatica-web-condensed",sans-serif;
*/	  font-size:28px;
	  font-weight:500;
}


.texte-titre-page {
/*  font-family: "pragmatica-web-condensed",sans-serif;
*/
	  font-size:26px;
	  font-weight:500;
	  color:#FFF;
}



.section-titre {
	background-image:url(../../medias/1-titre/skieurs.jpg);
	background-size:cover;
	background-position:top;
padding-top: 70px;
padding-bottom: 170px;
}

.section-titre-blanc {
	background-color:#ffffff;
padding-top: 30px;
padding-bottom: 30px;
}

.section-titre-blanc-xs {
	background-color:#ffffff;
padding-top: 10px;
padding-bottom: 10px;
	border-bottom: #000000 solid 1px;
	
}


.section-titre-accueil {
background-color:transparent;
padding-top: 40px;
padding-bottom: 40px;
width:100%;
position:absolute;
top:150px;
left:0;

z-index:1;

}




.section-gris {
background-color:#efefef;
padding-top: 30px;
padding-bottom: 30px;

}	
.section-gris-SS {
	background-color:#efefef;
	width: 100%;
	height: auto;

}

.section-noir {
background-color:#000;
padding-top: 30px;
padding-bottom: 30px;
color:#ffffff;

}	

.section-blanc {
background-color:#FFF;
margin-top: 110px;
padding-top: 30px;
padding-bottom: 30px;
height:auto;
}



.section-transparent {
background-color: transparent;
padding-top: 30px;
padding-bottom: 30px;
}





.section-pied {
background-color:#27353A;
padding-top: 50px;
padding-bottom: 50px;
font-size:14px;
}
.section-pied a {
color:#FFF;
}
.section-pied a:hover {
color:#00AAD2;
}




.texte-noir {
	color:#000 !important;
}
.texte-rouge {
	color:#FF0000 !important;
}
.texte-rougeESF {
	color:#ba413b !important;
}
.texte-blanc {
	color:#FFF !important;
}	
.texte-orange {
	color:#ff6000 !important;
}
.texte-jaune {
	color:#FDC929 !important;
}


.texte-bleu0 {
	color:#00AAD2 !important;
}	
	
.texte-bout17 {
	font-size:17px !important;
}

.cadre-content {
	background-color:#FFF;
	padding-left: 20px;
	padding-right: 20px;
}

.cadre-feed {
	width: 100%;
	height: auto;
	background-color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 15px;
	border-left: 2px dashed #B52A90;
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	font-size: 0.8em;
	color: #696969;	
}
	
.cadre-blanc {
	background-color:#FFF;
	padding-left: 20px;
	padding-right: 20px;
		margin-bottom: 30px;
	margin-left: 0px;
	margin-right: 0px;	
	border-left: 8px;
	border-left-style:solid;
	border-left-color:#00AAD2;
}

.cadre-vert {
	background-color:#FFF;
	padding-left: 20px;
	padding-right: 20px;
		margin-bottom: 30px;
	margin-left: 20px;
	border-left: 8px;
	border-left-style:solid;
	border-left-color:#00a453;
}
.cadre-orange {
	background-color:#FFF;
	padding-left: 20px;
	padding-right: 20px;
		margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;	
	border-left: 8px;
	border-left-style:solid;
	border-left-color:#ff6000;
}
.cadre-orange2 {
	background-color:#FFF;
	padding-left: 20px;
	padding-right: 20px;
		margin-bottom: 30px;
	margin-left: 0px;
	margin-right: 0px;	
	border-left: 8px;
	border-left-style:solid;
	border-left-color:#ff6000;
}
.cadre-rouge {
	background-color:#FFF;
	padding-left: 20px;
	padding-right: 20px;
		margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;	
	border-left: 8px;
	border-left-style:solid;
	border-left-color:#FF0000;
}
.cadre-jaune {
	background-color:#FFF;
	padding-left: 20px;
	padding-right: 20px;
		margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;	
	border-left: 8px;
	border-left-style:solid;
	border-left-color:#ffc600;
}