a.linkanchor:hover
{
	cursor: pointer;
}
a.linkanchortop
{
	display: inline-box;
	position: fixed;
	z-index: 5;
	
	right: 0px;
	bottom: 10px;
	
	color: #f4f4f4;
	background-color: rgba( 0,0,0, 0.5);
	border: 1px solid #f4f4f4;
	border-right: none;
	
	padding: 5px 20px 5px 10px;
}




.abbhomebanner
{
	
	background-color: #fff;
	background-image: url('/images_home/home_background_01.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	
	background-size: cover;
}

.abbhomebanner02
{
	height: 200px;
	height: 150px;
	
	background-color: #f0f0f0;
	background-image: url('/en/ss/images/ss_header_02.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}



div.bgParallax
{
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

div.containerWithShadow
{
	color: #000;
	background-color: #F1F1F1;
	margin-bottom: 30px;
}
div.containerWithShadow h2
{
	color: #000
}

div.containerShadow
{
	padding: 0px;
}
div.containerShadow img
{
	width: 100%;
}

img.imgMatchtoWidthContainer
{
	width: 100%;
}
.brochure_img {
		margin-left:-15px;
		width:100%;
	}








div.popgallery
{
    background-color: #f4f4f4;
    background-color: rgba( 0,0,0, 0.75 );
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    
    background-origin: content-box;
    padding: 5%;
    
    /*
    border: 1px solid #808080;
    box-shadow: 0px 3px 5px 5px rgba(0,0,0,0.2);
    */
    
	position: fixed;
	
	z-index: 10;
	
	display: none;
	
	/* left: calc((100% - 300px)/2); */
	
	/*
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 20px;
	*/
	
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	
	cursor: pointer;
	
}

div.container_thumbnail
{

}
div.container_thumbnail div.box_thumbnail
{
	padding: 2px;
	
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
div.container_thumbnail div.box_thumbnail div.itemgallery
{
	border: 1px solid #ccc;
	
	height: 0px;
	padding-bottom: 100%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-position: center top;
	background-size: cover;
	background-color: #f4f4f4;
}
div.container_thumbnail div.box_thumbnail div.itemgallery:hover
{
	border: 1px solid #262626;
	
	cursor: pointer;
}
div.container_thumbnail div.box_thumbnail.boxHidden
{
	opacity: 0.25;
	opacity: 0;
}




.container_labelforinput
{
	position: relative;
}

.container_labelforinput input,
.container_labelforinput select,
.container_labelforinput textarea
{
	/*
	background-color: rgba( 0,0,0, 0.2 );
	*/
	padding: 1.2em 0.4em 0.4em 0.4em;
}
.labelforinput
{
	display: block;
	padding: 0.8em 0.4em 0.8em 0.4em;
	width: 100%;
	
	color: #A9A9A9;
	/*
	border: 1px solid violet;
	*/
	
	position: absolute;
	z-index: 2;
	top:0;
	
	transition: font-size .25s ease-in-out, padding .25s ease-in-out, color .25s ease-in-out;
	-moz-transition: font-size .25s ease-in-out, padding .25s ease-in-out, color .25s ease-in-out;
	-webkit-transition: font-size .25s ease-in-out, padding .25s ease-in-out, color .25s ease-in-out;
}

.labelActive .labelforinput
{
	
	color: #D2D2D2;
	
	padding: 0em 0.4em;
	font-size: 0.8em;
}

.labelforinput_fake
{
	display: block;
	padding: 0em 0.4em;
	font-size: 0.8em;
	width: 100%;
	
	color: #ccc;
	/*
	border: 1px solid violet;
	*/
	
	position: absolute;
	z-index: 2;
	top:0;
}

.labelHover input[type="text"], 
.labelHover input[type="password"], 
.labelHover input[type="file"], 
.labelHover input[type="email"], 
.labelHover input[type="phone"], 
.labelHover input[type="date"], 
.labelHover input[type="time"], 
.labelHover input[type="number"], 
.labelHover input[type="search"], 
.labelHover select, 
.labelHover textarea
{
	border-bottom: 1px solid #262626;
}
.inputFocus input[type="text"], 
.inputFocus input[type="password"], 
.inputFocus input[type="file"], 
.inputFocus input[type="email"], 
.inputFocus input[type="phone"], 
.inputFocus input[type="date"], 
.inputFocus input[type="time"], 
.inputFocus input[type="number"], 
.inputFocus input[type="search"], 
.inputFocus select, 
.inputFocus textarea
{
	border-bottom: 1px solid #262626;
}

.container_labelforinput.missingInformation input,
.container_labelforinput.missingInformation select,
.container_labelforinput.missingInformation textarea
{
	border-bottom: 1px solid red;
}

.container_labelforinput.missingInformation .labelforinput
{
	color: red;
}

.container_labelforinput .inputdescription
{
	display: none;
	/*
	font-size: 90%;
	*/
	float: right;
}
.container_labelforinput.missingInformation .inputdescription
{
	display: inline-block;
}



.securitycodecontainer img
{
	border: 1px solid #ccc;
	/* border-top: none; */
	margin-top: 1px;
}




/* mobile */
@media all and (max-width: 425px)
{

	div.sectionHeader
	{
		/* background: red; */
	}
	
	div.sectionTitle div.HeaderTitle
	{
		font-size: 120%;
		line-height: 100%;
		font-weight: light;
	}

}


/* tablet - mobile (landscape) */
@media all and (min-width: 426px) and (max-width: 1023px)
{

	div.sectionHeader
	{
		/* background: blue; */
	}
	
	div.sectionTitle div.HeaderTitle
	{
		font-size: 150%;
		line-height: 100%;
		font-weight: light;
	}

}


/* monitor - tablet (lanscape) */
@media all and (min-width: 1024px)
{
	
	div.sectionHeader
	{
		/* background: pink; */
	}
	
	div.sectionTitle div.HeaderTitle
	{
		font-size: 150%;
		line-height: 100%;
		font-weight: light;
	}

}



/**
 * MODIF RÉACTIF 2021
 */

/* Header */
#sous-menu
{	
	padding: 0;
	font-size: 14px;
	height: 20px;
}
@media only screen and ( max-width: 1200px )
{
	#sous-menu
	{
		text-align: right;
	}
}
@media only screen and ( max-width: 1023px )
{
	#sous-menu
	{
		border-bottom: 1px solid #d4d4d4;
	}
}

#sous-menu a 
{
	padding: 4px 7px;
}
#sous-menu a:last-of-type
{
	padding-right: 0;
}
@media only screen and ( max-width: 1200px )
{
	#sous-menu a 
	{
		display: inline-block;
		width: auto;
    	margin: 0;
	}
}


#MenuContainerTD
{
	height: auto;
}
@media only screen and ( max-width: 1200px )
{
	#MenuContainerTD
	{
		text-align: right;
	}
}

#MenuContainerTD a
{
	padding: 11px 14px;
}
#MenuContainerTD a:last-of-type
{
	padding-right: 0;
}
@media only screen and ( max-width: 1200px )
{
	#MenuContainerTD a
	{
		display: inline-block;
		width: auto;
    	margin: 0;
	}
}
@media only screen and ( max-width: 1023px )
{
	#MenuContainerTD a
	{
		display: block;
	}
}


@media only screen and ( max-width: 1200px )
{
	.abblogocontainer
	{
		width: auto;
		position: absolute;
	}
}
@media only screen and ( max-width: 1023px )
{
	.abblogocontainer
	{
		width: 100%;
		position: static;
	}
}


.sectionMenuBurger
{
	display: none;
}
@media only screen and ( max-width: 1023px )
{
	.sectionMenuBurger
	{
		display: block;
	}
}

/* Nouveau Header fait par Reactif Web */
.site-header
{
	box-shadow: 0px 1.5px 4px rgb(0 0 0 / 24%), 0px 1.5px 6px rgb(0 0 0 / 12%);
	position: relative;
	padding: 20px 10px;
}

.site-header .inner, 
.site-header .site-header__nav-mobile 
{
	width: 100%;
	max-width: 1024px;
	margin: auto;
}

.site-header .inner
{
	display: flex;
	justify-content: space-between;
}

.site-header .site-header__logo img
{
	height: 35px;
}

.site-header .site-header__nav-desktop
{
	display: block;
	text-align: right;
}
@media only screen and ( max-width: 992px )
{
	.site-header .site-header__nav-desktop
	{
		display: none;
	}
}

.site-header .site-header__hamburger
{
	display: none;
}
@media only screen and ( max-width: 992px )
{
	.site-header .site-header__hamburger
	{
		display: block;
	}
}

.site-header .site-header__nav-mobile 
{
	display: none;
	text-align: right;
	padding: 10px 0;
}
.site-header .site-header__nav-mobile .site-header__nav-principal a
{
	display: block;
	border: 0;
	padding: 15px;
}
.site-header .site-header__nav-mobile .site-header__nav-principal a:hover 
{
	border: 0;
	background-color: #f4f4f4;

}
.site-header .site-header__nav-mobile .site-header__nav-secondaire
{
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 15px;
}

.site-header .site-header__nav-principal a
{
	padding: 4px 15px;
	transition: all 400ms;
	text-transform: uppercase;
	border-bottom: 3px solid #FFFFFF;
}
.site-header .site-header__nav-principal a:hover 
{
	border-bottom: 3px solid #FF000F;
}

.site-header .site-header__nav-secondaire
{
	padding-right: 5px;
	transform: translateY(-7px);
}

.site-header .site-header__nav-secondaire a
{
	font-size: 12px;
	padding: 2px 7px;
	transition: all 400ms;
	border-bottom: 2px solid #FFFFFF;
}
.site-header .site-header__nav-secondaire a:hover 
{
	border-bottom: 2px solid #FF000F;
}

.site-header a.site-header__hamburger
{
	width: 40px;
	height: 40px;
	background: url("/en/ss/images/menuburger.png") scroll no-repeat center/contain;
}
.site-header a.site-header__hamburger.active 
{
	background-image: url("/en/ss/images/menuburger_close.png");
}


/* Banner */
.sectionHeader,
.sectionTitle
{
	background: #FFF;
}
.sectionTitle .container_12
{
	padding-top: 15px;
	padding-bottom: 17px;
}

.banner
{
	text-align: center;
	margin-bottom: 2rem;
}
.banner img 
{
	width: 100%;
	max-width: 1780px;
	object-fit: contain;
	height: 200px;
}
.banner img.banner--small
{
	max-width: 1004px;
}
@media only screen and ( max-width: 1200px )
{
	.banner img 
	{
		height: auto;
	}
}

/* À Propos */
.a-propos__premier-texte p
{
	line-height: 1.25em;
	font-size: 18px;
}

.a-propos__equation
{
	color: #262626 !important;
	font-weight: 900;
	text-align: center;
}
.a-propos__equation span 
{
	color: #f01e28 !important;
}






.no-style-list {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

/*Modification janvier 2023 Acceuil -Danny*/

.columns{
  display: flex !important;
  text-align: center;
  width: 100%;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  gap: 10px;
}

.columns .columns__column {
  width: calc(33.33% - 10px);
  display: flex;
  flex-direction: column;
  gap: 10px;
	color: inherit;
}

.columns .columns__column:last-child {
  padding-right: 0;
}

.columns .column__cadre-img {
	background-color: #EEE;
	text-align: center;
}

.columns .column__cadre-img img {
    width: 109px;
    mix-blend-mode: multiply;
    display: inline-block;
}

.columns .columns__column .column__text {
	background-color: #F8F8F8;
	padding: 15px;
  	text-align: left;
  	height: 100%;
  	display:flex;
  	flex-direction:column;
  	background-image: url('/en/ss_dev/images/caret-down-solid.svg');
  	background-repeat:no-repeat;
  	background-position:center bottom;
  	border-bottom:15px solid #F8F8F8;
  	background-size: 3%;
  	padding-bottom:20px;
}
.columns .columns__column .column__text img{
	display:inline;
	text-align:center;

}
@media only screen and (max-width:600px){
	.columns__column --powerTrain img {
		width:50px;
	}
}
.columns__column.--powerTrain img {
	padding-top: 23px;
	padding-bottom: 24px;
	width: 206px;
}
.image-svg {
	width:10px !important;
	padding:0px !important;
}
#video-container {
	width: 80%;
	margin-inline: auto;
}

#acceuil-video{
	width:100%;
	aspect-ratio: 16 / 9;
}
#text-video{
	text-align:center;
	width:100%;
}
.video{
	display:flex;
	justify-content:center;
}

@media only screen and (max-width: 845px) {
	#video-container {
		width: 100%;
		padding-left: 0;
	}
	#text-video {
    text-align: left;
	}
}


@media only screen and (max-width: 845px) {
	#stack_3col {
		flex-direction: column;
	}

	#stack_3col .columns__column {
		width: 100%;
	}

	#stack_3col.columns .columns__column .column__text {
		padding-bottom: 40px;
	}
}


/*Modification janvier 2023 Contest landing page -Danny*/

.banner {
		position: relative;
	}
	.banner_content {
		width: 100%;
		background-color: #FFFFFF;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.banner_content_text {
		font-weight: 500;
		color: black;
		font-size: 22px;
		line-height: 22px;
	}
	@media screen and (max-width: 567px) {
		.banner_content_text {
			font-size: 18px;
			line-height: 18px;
		}
	}

	.banner img {
		width: 100%;
		max-width: 1780px;
		/*object-fit: cover;*/
		height: auto !important;
		/*max-height: 480px;*/
		margin-inline: auto;
	}

.prize-type p {
	margin-top:20px;
	margin-bottom:20px;
}

.prize-type img{
	margin-top:20px;
	margin-bottom:20px;
}

.prize-type h3 {
	margin-top:20px;
	margin-bottom:20px;
}

.img-container {
	display:flex;
	width:auto;
}
.img-container img {
	width:200px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}
.month-img-container{
	display:flex;
	text-align:center;
	padding-left:50px;

}
.month-img-container img {
	margin-left:auto;
	margin-right:auto;
	width:200px;
}
.month-img-container div {
	margin:20px;
	width:33.33%;
	justify-content:center;

}
.yeti_set{
	
	width:33.33%;
	justify-content:center;
	
}
.yeti_set img {
	width:100px;
}

.grand-prize-img {
	display:flex;

}
.grand-prize-img img{
	width:400px;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	height:273px;

}


.quiz-section{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:0px;
}

.quiz-section li {
	list-style: none;
    margin: 5px;
    font-size: 18px;
    line-height: 26px;
}
.grand-prize li {
	list-style: none;
    margin: 5px;
    font-size: 18px;
    line-height: 26px;
}
.prize-choice {
	margin-top:20px;
	margin-bottom:20px;
}
#contactform123 {
	height:3400px;
}
/*
@media only screen and (max-width: 845px) {
	#contactform123{
    height: 1850px !important;
	}
}
@media only screen and (max-width: 620px) {
  #contactform123{
    height: 2300px !important;
  }
}

@media only screen and (max-width: 570px) {
	#contactform123{
    height: 2600px !important;
	}
}
@media only screen and (max-width: 532px) {
	#contactform123{
    height: 2600px !important;
	}
}

@media only screen and (max-width: 390px) {
	#contactform123{
    height: 2690px !important;
	}
}*/
@media only screen and (max-width: 700px) {
	#contactform123{
    height: 4300px !important;
	}
}
.north-face-prize img {
	width:210px !important;
}
.mouse-pad-prize img {
	width:300px !important;
}
.prize-type{
	display:flex;
}
@media only screen and (max-width: 845px) {
	.prize-type{
		display:flex;
		flex-direction:column;
	}
}

#north-face {
	margin-right:55px;
	padding-left:2px;
}
.monthly-prize{
	margin-bottom:25px;
}
.monthy-grand-prize {
	margin:0px;
}

@media only screen and (max-width: 845px) {
	.month-img-container{
    display:flex;
    flex-direction:column;
    text-align:center;
	}
}

.details-rules{
	clear:both;
	margin-bottom:150px;

}
.details-rules a {
	text-decoration:underline;
}

/*style mike branch incentive program*/
	.prizes {
			margin-top: 20px;
		}

	.prizes>div {
		text-align: center;
	}

	.prizes img {
		max-width: 100%;
		max-height: 175px;
		margin-bottom: 20px;
		margin-inline: auto;
	}

	.prizes.destination img {
		height: 250px;
    	width: 100%;
    	object-fit: cover;
	}

	.prizes h4 div {
		font-weight: normal;
	}
	.coffee-mug img {
		max-width: 50% !important;
	}

/* Modification how-to-participate janvier 2023 */


.ways-to-win-container{
	display:flex;
	flex-direction:column;
	padding:15px;
	
}
.ways-to-win1{
	display:flex;
	width:auto !important;

}
.ways-to-win2{
	display:flex;
	width:auto !important;
}
#wtw-powertrain {
	margin-left:170px;
}
#wtw-photo {
	margin-left:0px;
	margin-right:45px;
}
#wtw-sales {
	margin-left:60px;
}

#sales {
	margin-top:10px;
}

#picto-sales {

	width:40%;
}



.panel-title > a[data-toggle]{
	color: inherit;
	width: 100%;
}


span.winner{
	text-transform: uppercase;
}



div.powertrain_grid{
	display: flex;
}
div.powertrain_card{
/*	gap: 1rem;*/
	display: grid;
	padding-inline: 0;
	grid-template-rows: 200px auto 46px;
}
div.powertrain_card img{
	object-fit: contain;
	width: 100%;
	height: 100%;object-position: top left;
}