/* ------ BASE ------ */

		.CS_Acc { position: relative; height: calc(100vh - 80px); min-height: calc(100vh - 80px); /*top: 0; bottom: 100%;*/ /*background: #ffffff;*/ background: url('images/site/acc_haut.jpg') no-repeat center center, linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0.75) 100%); background-size: cover; /*background-size: 100% calc(100vh - 60px);*/ }
		.CS_AccI { position: relative; min-height: calc(100vh - 80px); background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0.75) 100%); }
			.CSA_Logo { position: absolute; text-align: center; width: 50%; /*height: 20%;*/ left: 25%; bottom: 50%; background: rgba(255, 255, 255, 0.6); font-family: century-gothic, sans-serif; font-size: 64px; padding: 10px 0; font-weight: 900; color: #000000; }
			.CSA_Logo img { position: relative; height: 100%; /*margin: 10% 0;*/ }
			.CSA_Logo_Sep { /*line-height: 20px;*/ }
			.CSA_Opt { position: absolute; text-align: center; width: 50%; /*height: 50%;*/ top: 50%; left: 25%; font-family: "Chakra Petch", sans-serif; margin-top: 1px; }
			.CSA_Txt { font-size: 16px; /*padding: 10px 0;*/ font-weight: 700; /*font-style: italic;*/ color: #000000; background: rgba(255, 255, 255, 0.6); text-shadow: 1px 1px 2px #ffffff; text-transform: uppercase; letter-spacing: 4px; /*padding: 10px 0;*/ padding: 5px 0; }
			.CSA_TxtS { font-size: 13px; font-family: "Lato", sans-serif; /*padding: 10px 0;*/ font-weight: 700; /*font-style: italic;*/ color: #000000; background: rgba(255, 255, 255, 0.6); text-shadow: 1px 1px 2px #ffffff; text-transform: uppercase;  /*padding: 10px 0;*/ padding: 5px 0; }
			a.BT_AcBas:link, a.BT_AcBas:visited { display: block; padding-top: 30px; /*height: 50px;*/ color: #dddddd; font-size: 48px; line-height: 20px; /*text-align: center;*/ font-weight: 400; transition: all 0.5s ease; }
			a.BT_AcBas:hover, a.BT_AcBas:active, a.BT_AcBas:focus { color: #ff6b35; padding-top: 45px; }
				a.BT_AcBas:link i, a.BT_AcBas:visited i { line-height: inherit; }

			.CSA_Gen { /*position: absolute; left: 0; right: 50%; top: 100px; bottom: 200px;*/ }
				.CSA_GenI { margin-top: 80px; width: 45%; /*background: rgba(255, 255, 255, 0.6);*/ }
				.CSA_GenI .HH_Tit { font-size: 72px; font-weight: 900; color: #ffffff; line-height: 70px; letter-spacing: -0.01em; text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; /*margin: 20px 0 10px 0; padding: 5px 0 5px 0;*/ font-family: "Barlow Condensed", Arial, sans-serif; text-transform: uppercase; }
				.CSA_GenI .HH_Txt { font-size: 16px; color: #666666; font-weight: 300; color: #ffffff; text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; line-height: 1.6; }
				.HH_Info { display: table-cell; float: left; margin-right: 5px; color: #ffffff; /*border: solid 1px #ffffff;*/ background: /*rgba(255, 255, 255, 0.5)*/rgba(0, 0, 0, 0.7); /*font-family: "Barlow Condensed", Arial, sans-serif;*/ font-size: 12px; font-weight: 400; border-radius: 4px; padding: 6px 16px; /*box-shadow: 0 4px 16px #ff6b0059; text-shadow: none;*/ }


.Bt_Base2, .Bt_BaseR2, a.Bt_Base2:link, a.Bt_Base2:visited, a.Bt_BaseR2:link, a.Bt_BaseR2:visited { color: #ffffff; border: solid 1px #f55216; background: #ff6b35; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 17px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 18px 30px; box-shadow: 0 4px 16px #ff6b0059; text-shadow: none; transition: all 0.5s ease; }
a.Bt_Base2:link, a.Bt_Base2:visited, a.Bt_BaseR2:link, a.Bt_BaseR2:visited { text-decoration: none; }
.Bt_BaseR2, a.Bt_BaseR2:link, a.Bt_BaseR2:visited { /*color: #ffffff;*/  background: rgba(255, 255, 255, 0.2); border: solid 1px #ffffff; }
.Bt_Base2:hover, .Bt_Base2:active, .Bt_Base2:focus, .Bt_BaseR2:hover, .Bt_BaseR2:active, .Bt_BaseR2:focus, a.Bt_Base2:hover, a.Bt_Base2:active, a.Bt_Base2:focus, a.Bt_BaseR2:hover, a.Bt_BaseR2:active, a.Bt_BaseR2:focus { color: #ffffff; border: solid 1px #ffa348; background: #e55a00; box-shadow: 0 8px 24px #ff6b0080; /*-moz-box-shadow: 0 0 3px #aaaaaa; -webkit-box-shadow: 0 0 3px #aaaaaa; box-shadow: 0 0 3px #aaaaaa;*/ }
.Bt_BaseR2:hover, .Bt_BaseR2:active, .Bt_BaseR2:focus, a.Bt_BaseR2:hover, a.Bt_BaseR2:active, a.Bt_BaseR2:focus { border: solid 1px #ffa348; background: rgba(255, 255, 255, 0.4); color: #ffffff; }

			.CSA_Bas { position: absolute; background: #191919; width: 100%; height: 100px; bottom: 0; }
				.HHB_Bloc { padding-top: 10px; height: 100px; text-align: center; color: #888888; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; border-right: solid 1px #333333; }
				.HHB_BlocC { font-family: "Barlow Condensed", Arial, sans-serif;/*font-family: 'Roboto', Arial, sans-serif;*/ color: #ff6b35; font-size: 42px; font-weight: 800; }

		.CS_PageTNP { min-height: calc(100vh - 70px - 80px); }
		.CS_PageT { padding-top: 80px; min-height: calc(100vh - 70px); }
		/*.CS_PageTNP .H2_Blo, */.CS_PageT .H2_Blo { padding: 5px 0 30px 0; }

	#CVidF { position: absolute; width: 100%; height: calc(100vh - 80px); top: 0; left: 0; /*bottom: 0;*/ }
	#CVidFV {
		position: absolute;
		top: 0;
		left: 0;
		height: calc(100vh - 80px); width: 100%;
		object-fit: cover;
		}
	/*@media (min-aspect-ratio: 16/9) {
		#CVidF2 { height: 300%; top: -100%;  }
	}
	@media (max-aspect-ratio: 16/9) {
		#CVidF2 { width: 300%; left: -100%; }
	}*/


/* ------ RESP ------ */
@media (max-width: 768px) {
	.CSA_Logo { width: 70%; left: 15%; }
	.CSA_Opt { width: 70%; left: 15%; }
	.CSA_GenI { margin-top: 80px; width: 100%; }
	.CSA_GenI .HH_Tit { font-size: 64px; line-height: 60px; }
	.Bt_Base2, .Bt_BaseR2, a.Bt_Base2:link, a.Bt_Base2:visited, a.Bt_BaseR2:link, a.Bt_BaseR2:visited { padding: 10px 20px; }
	}
@media (min-width: 768px) {
	.CSA_Logo { width: 50%; left: 25%; }
	.CSA_Opt { width: 50%; left: 25%; }
	.CSA_GenI { margin-top: 80px; width: 75%; }
	.CSA_GenI .HH_Tit { font-size: 72px; line-height: 70px; }
	.Bt_Base2, .Bt_BaseR2, a.Bt_Base2:link, a.Bt_Base2:visited, a.Bt_BaseR2:link, a.Bt_BaseR2:visited { padding: 18px 30px; }
	}
@media (min-width: 992px) {
	.CSA_Logo { width: 50%; left: 25%; }
	.CSA_Opt { width: 50%; left: 25%; }
	.CSA_GenI { margin-top: 80px; width: 60%; }
	}
@media (min-width: 1200px) {
	.CSA_Logo { width: 30%; left: 35%; }
	.CSA_Opt { width: 30%; left: 35%; }
	.CSA_GenI { margin-top: 80px; width: 50%; }
	}