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

/* EXTRA CUSTOM STYLE FOR FACEBOOK LIKE BOX WIDGET INTEGRATION - page entreprendre un apprentissage */

.fb-like-box, .fb-like-box span, .fb-like-box iframe[style] {
width: 100% !important;
}

/* EXTRA STYLE FOR FORMS */
::placeholder { /* Standard */
  color: #636363;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #636363;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #636363;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #636363;
}
:-moz-placeholder { /* Firefox 18- */
  color: #636363;
}

/* EXTRA STYLE FOR 2016 WISHES
@media (min-width: 1141px) {
		.header-1 > .main-container {
		background-position: 38px 69px;
	}
}
@media (min-width: 768px) and (max-width: 1140px) {
	.header-1 > .main-container {
		background-position: 50% 69px;
              background-image: url(header-1-small.jpg);
	}
}
@media (max-width: 767px) {
	.header-1 > .main-container {
		background-position: 90% 48px;
	}
} */

/* BASIC */

.tagssimilar .uk-list li.teaser-darkgrey {
	background: #9f9d9d url(teaser-darkgrey.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-darkgrey h3,
.tagssimilar .uk-list li.teaser-darkgrey p{
	color:#fff;
}
.tagssimilar .uk-list li.teaser-darkgrey p a {
	text-decoration: underline;
	color:#fff !important;
}

.tagssimilar .uk-list li.teaser-grey {
	background: #e6e6e6 url(teaser-grey.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-green-normal {
	background: #008a2e url(teaser-green-normal.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-green-normal h3,
.tagssimilar .uk-list li.teaser-green-normal p{
	color:#fff;
}
.tagssimilar .uk-list li.teaser-green-normal p a {
	text-decoration: underline;
	color:#fff !important;
}

.tagssimilar .uk-list li.teaser-orange {
	background: #f29400 url(teaser-orange.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-orange h3,
.tagssimilar .uk-list li.teaser-orange p{
	color:#fff;
}

.tagssimilar .uk-list li.teaser-blue-people {
	background: #00589b url(teaser-blue-people.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-blue-people h3,
.tagssimilar .uk-list li.teaser-blue-people p{
	color:#fff;
}

.tagssimilar .uk-list li.teaser-blue-people p a, .tagssimilar .uk-list li.teaser-blue p a {
	text-decoration: underline;
	color:#fff !important;
}

.tagssimilar .uk-list li.teaser-purple {
	background: #6a2166 url(tl-pulse-fond.png) repeat;
}
.tagssimilar .uk-list li.teaser-purple h3,
.tagssimilar .uk-list li.teaser-purple p{
	color:#fff;
}

.tagssimilar .uk-list li.teaser-violet {
	background: #6f2c91 url(teaser-violet.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-violet h3,
.tagssimilar .uk-list li.teaser-violet p{
	color:#fff;
}
.tagssimilar .uk-list li.teaser-violet p a {
	color:#fff !important;
	text-decoration: underline !important;
}

.tagssimilar .uk-list li.teaser-white {
	background: #d3cfcc url(teaser-white.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-rubanbleu {
	background: url(ruban-bleu-3.png) no-repeat 15% 0%;
       margin-top: -120px;
       padding-bottom: 50px;
}
.tagssimilar .uk-list li.teaser-rubanbleu h3 {
       margin-top: 160px;
	color:#fff;
}

/* WITH PICTURES - alphabetical */

.tagssimilar .uk-list li.teaser-apprentissage {
	padding-bottom: 30px;
	background: #eae8e7 url(teaser-apprentissage.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-billets-sms {
	background: #041b46 url(teaser-billets-sms.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-billets-sms h3,
.tagssimilar .uk-list li.teaser-billets-sms p{
	color:#fff;
}

.tagssimilar .uk-list li.teaser-bus {
	background: #807e7e url(teaser-bus.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-bus h3,
.tagssimilar .uk-list li.teaser-bus p{
	color:#fff;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.57);
}

.tagssimilar .uk-list li.teaser-bus-neige {
	background: #eae8e7 url(teaser-bus-neige.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-bus2 {
	background: #626060 url(teaser-bus2.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-bus2 h3,
.tagssimilar .uk-list li.teaser-bus2 p{
	color:#fff;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.57);
}

.tagssimilar .uk-list li.teaser-business {
	background: #fff url(teaser-business.jpg) no-repeat right 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-carte {
	background: #fff url(teaser-carte.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-connexions {
	position: relative;
	top: -250px;
	background: url(/templates/yoo_master2/styles/tl/img/ruban-rose-02.png) no-repeat 16% 0%;
}
.tagssimilar .uk-list li.teaser-connexions h3 {
	position: absolute;
	left: 28%;
	top: 290px;
	margin-top: 0;
	width: 320px;
	color: #fff;
}
.tagssimilar .uk-list li.teaser-connexions .contentIntro {
	float: right;
	margin-top: 440px;
	margin-right: -83px;
	padding-right: 25px;
	width: 50%;
}
.tagssimilar .uk-list li.teaser-connexions .imageIntro {
	left: 12%;
	top: 440px;
	width: 450px;
}

.tagssimilar .uk-list li.teaser-couple {
	background: #fff url(teaser-couple.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-club {
	background: url(teaser-tl-club.png) no-repeat 50% 0;
	background-size: initial;
	min-height: 560px;
	position: relative;
}
.tagssimilar .uk-list li.teaser-club .contentIntro {
	margin-top: 350px;
	padding-bottom: 80px;
}
.tagssimilar .uk-list li.teaser-club h3 {
	position: absolute;
	left: 62%;
	top: 170px;
	color: #fff;
}

.tagssimilar .uk-list li.teaser-club-promo-juin {
	background: #fff url(teaser-tl-club-promo-juin.jpg) no-repeat 50% 0;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-club-concours-decembre {
	background: #fff url(teaser-tl-club-concours-decembre.png) no-repeat 50% 0;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-club-promo-juin h3,
.tagssimilar .uk-list li.teaser-club-promo-juin p,
.tagssimilar .uk-list li.teaser-club-concours-decembre h3,
.tagssimilar .uk-list li.teaser-club-concours-decembre p {
	color: #fff;
}

.tagssimilar .uk-list li.teaser-conducteur {
	min-height: 350px;
	background: #f8f7f5 url(teaser-conducteur.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-epalinges {
	background: #909090 url(teaser-epalinges-2015.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-epalinges h3,
.tagssimilar .uk-list li.teaser-epalinges p {
	color: #fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}


.tagssimilar .uk-list li.teaser-biopole {
	background: #909090 url(teaser-biopole-2015.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-biopole h3,
.tagssimilar .uk-list li.teaser-biopole p {
	color: #fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.tagssimilar .uk-list li.teaser-flotte {
	background: #556477 url(teaser-flotte.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-flotte h3,
.tagssimilar .uk-list li.teaser-flotte p {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.57);
}

.tagssimilar .uk-list li.teaser-formation {
	background: #d3cfcc url(teaser-formation.jpg) no-repeat 60% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-histoire {
	background: #fff url(teaser-histoire.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-junior {
	background: #fff url(teaser-junior.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-ligne3 {
	background: #fff url(teaser-ligne3.jpg) no-repeat 80% 20%;
	background-size: auto 90%;
}

.tagssimilar .uk-list li.teaser-m2 {
	background: #fff url(teaser-m2.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-m2 h3,
.tagssimilar .uk-list li.teaser-m2 p {
	text-shadow: 1px 1px 10 rgba(0, 0, 0, 0.57);
	color: #fff;
}

.tagssimilar .uk-list li.teaser-match {
	background: #fff url(teaser-match.jpg) no-repeat 50% 0%;
	background-size: cover;
}

.tagssimilar .uk-list li.teaser-meslignes {
	background: #fff url(teaser-meslignes.png) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-meslignes p {
	margin: 7px 0 0 3px;
}

.tagssimilar .uk-list li.teaser-swisspass-concours {
       background: #0080b2 url(teaser-swisspass-concours.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-swisspass-concours h3,
.tagssimilar .uk-list li.teaser-swisspass-concours p {
	color: #fff;
}

/* swisspass tl_shop*/


/* gajl: bug alerte tempory fix 30.03.2017 */
.uk-alert.uk-alert-warning { display: none; }

.tagssimilar .uk-list li.teaser-swisspass-senior-global {
       background: #0080b2 url(teaser-swisspass-senior-global.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-swisspass-senior-global h3,
.tagssimilar .uk-list li.teaser-swisspass-senior-global p {
	color: #fff;
}

.tagssimilar .uk-list li.teaser-theatre-jorat {
	background: #3b1100 url(teaser-theatre-jorat.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-theatre-jorat h3,
.tagssimilar .uk-list li.teaser-theatre-jorat p {
	color: #fff;
	text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
}

.tagssimilar .uk-list li.teaser-travaux {
	background: #bbb url(teaser-travaux.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-travaux h3,
.tagssimilar .uk-list li.teaser-travaux p {
	color: #fff;
}

.tagssimilar .uk-list li.teaser-voeux {
	background: #e6e6e6 url(teaser-voeux-2015.jpg) no-repeat 55% 0%;
	background-size: cover;
}

@media (max-width: 767px) {
	.tagssimilar .uk-list li h3,
	.tagssimilar .uk-list li p {
		text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
	}

	.tagssimilar .uk-list li.teaser-white {
		background-size: cover !important;
		background-position: 60% 0 !important;
	}

	.tagssimilar .uk-list li.teaser-rubanbleu {
		background-position: -30px 0 !important;
		background-size: auto 300px !important;
		margin-top: 0;
	}
	.tagssimilar .uk-list li.teaser-rubanbleu .contentIntro {
		padding-top: 100px;
              width: 100% !important
       }
	.tagssimilar .uk-list li.teaser-rubanbleu h3 {
		margin-top: 0;
	}

	.tagssimilar .uk-list li.teaser-apprentissage {
		background: #eae8e7 url(teaser-apprentissage-small.jpg) no-repeat;
		padding-bottom: 50px;
	}

	.tagssimilar .uk-list li.teaser-business {
		background: #fff url(teaser-business-small.jpg) no-repeat;
		padding-bottom: 50px;
	}

	.tagssimilar .uk-list li.teaser-bus-neige {
		background: #eae8e7 url(teaser-bus-neige-small.jpg) no-repeat;
		background-position: 20% 0 !important;
		padding-bottom: 50px;
	}

	.tagssimilar .uk-list li.teaser-carte {
		background: #fff url(teaser-carte-small.jpg) no-repeat;
		padding-bottom: 50px;
	}

	.tagssimilar .uk-list li.teaser-club {
		background: url(teaser-tl-club-small-726.jpg) no-repeat;
		background-size: contain !important;
		background-position: 50% 0 !important;
		min-height: 0 !important;
	}
	.tagssimilar .uk-list li.teaser-club h3 {
		color: #484848;
		position: static;
		margin-top: 30px;
	}
	.tagssimilar .uk-list li.teaser-club .contentIntro {
		margin-top: 0 !important;
		padding-bottom: 0;
 	}

 	.tagssimilar .uk-list li.teaser-club-promo-juin {
 	 	background: url(teaser-tl-club-promo-juin-small.jpg) no-repeat;
 	 	background-position: 50% 0 !important;
 	}
 	.tagssimilar .uk-list li.teaser-club-concours-decembre {
 	 	background: url(teaser-tl-club-concours-decembre-small.jpg) no-repeat;
 	 	background-position: 50% 0 !important;
 	}
 	.tagssimilar .uk-list li.teaser-club-promo-juin h3,
 	.tagssimilar .uk-list li.teaser-club-promo-juin p,
       .tagssimilar .uk-list li.teaser-club-concours-decembre h3,
       .tagssimilar .uk-list li.teaser-club-concours-decembre p {
 		color: #484848;
 	}

	.tagssimilar .uk-list li.teaser-conducteur {
		min-height: 0 !important;
		background: url(teaser-conducteur-small.jpg) no-repeat;
		background-position: top left !important;
	}

	.tagssimilar .uk-list li.teaser-epalinges {
		background: #909090 url(teaser-epalinges-2015-small.jpg) no-repeat;
		background-position: top left !important;
		background-size: cover !important;
	}
	.tagssimilar .uk-list li.teaser-epalinges .content-teaser {
		max-width: 300px;
	}

	.tagssimilar .uk-list li.teaser-biopole {
		background: #909090 url(teaser-biopole-2015-small.jpg) no-repeat;
		background-position: top left !important;
		background-size: cover !important;
	}
	.tagssimilar .uk-list li.teaser-biopole .content-teaser {
		max-width: 300px;
	}

	.tagssimilar .uk-list li.teaser-formation {
		background: #eae8e7 url(teaser-formation-small.jpg) no-repeat;
	}
	.tagssimilar .uk-list li.teaser-histoire {
		background: #fff url(teaser-histoire-small.jpg) no-repeat 50% 0%;
		background-size: cover;
	}
       .tagssimilar .uk-list li.teaser-ligne3 {
              background: #fff url(teaser-ligne3.jpg) no-repeat center 5% !important;
              background-size: auto 175px !important;
       }
	.tagssimilar .uk-list li.teaser-m2 {
		background: #f3f3f3 url(teaser-m2-small.jpg) no-repeat 50% 0%;
		background-size: cover;
	}
	.tagssimilar .uk-list li.teaser-m2 h3,
	.tagssimilar .uk-list li.teaser-m2 p {
		color: #484848;
	}
	.tagssimilar .uk-list li.teaser-meslignes h3 {
		margin-top: 10px !important;
	}
	.tagssimilar .uk-list li.teaser-meslignes {
		background-color: rgba(216,219,239,1);
	}
       .tagssimilar .uk-list li.teaser-swisspass-concours {
             background-size: cover !important;
       }
       .tagssimilar .uk-list li.teaser-swisspass-concours .contentIntro {
             padding-top: 20px;
       }

	.tagssimilar .uk-list li.teaser-theatre-jorat {
		background: #3b1100 url(teaser-theatre-jorat-small.jpg) no-repeat;
		background-size: cover;
	}
}

@media (max-width: 1330px) {
	.tagssimilar .uk-list li.teaser-rubanbleu {
		background-position: -100px 0;
	}
	.tagssimilar .uk-list li.teaser-rubanbleu .contentIntro {
              width: 480px;
	}
	.tagssimilar .uk-list li.teaser-conducteur {
		min-height: 0px !important;
	}
	.tagssimilar .uk-list li.teaser-club {
		background-size: contain;
	}
	.tagssimilar .uk-list li.teaser-club h3 {
		right: 30%;
		top: 22%;
	}
	.tagssimilar .uk-list li.teaser-club .contentIntro {
 		margin-top: 30%;
	}
}
@media (max-width: 1160px) {
	.tagssimilar .uk-list li.teaser-club {
		min-height: 520px;
	}
	.tagssimilar .uk-list li.teaser-club h3 {
 		right: 29%;
 		top: 18%;
	}
	.tagssimilar .uk-list li.teaser-club .contentIntro {
		margin-top: 28%;
	}
	.tagssimilar .uk-list li.teaser-connexions {
		background-position: -150px 0%;
		margin-bottom: -60px;
	}
	.tagssimilar .uk-list li.teaser-connexions h3 {
		left: 18%;
	}
	.tagssimilar .uk-list li.teaser-connexions .imageIntro {
		left: 4%;
		width: 400px;
	}
}
@media (max-width: 1080px) {
	.tagssimilar .uk-list li.teaser-club {
		min-height: 0px;
	}
	.tagssimilar .uk-list li.teaser-club .contentIntro {
		margin-top: 26%;
	}
}
@media (max-width: 974px) {
	.tagssimilar .uk-list li.teaser-club h3 {
		top: 15%;
	}
}
@media (max-width: 910px) {
	.tagssimilar .uk-list li.teaser-club h3 {
		right: 29%;
	}
}
@media (max-width: 847px) {
	.tagssimilar .uk-list li.teaser-club h3 {
		right: 24%;
	}
}
@media (max-width: 610px) {
	.tagssimilar .uk-list li.teaser-conducteur {
		background-position: top center !important;
	}
	.tagssimilar .uk-list li.teaser-club h3 {
		margin-top: 0px;
	}
}
@media (max-width: 540px) {
	.tagssimilar .uk-list li.teaser-club {
		background: url(teaser-tl-club-small.jpg) no-repeat;
	}
	.tagssimilar .uk-list li.teaser-club h3 {
		margin-top: 0px;
	}
}
@media (max-width: 450px) {
	.tagssimilar .uk-list li.teaser-club h3 {
		margin-top: -20px;
	}
}
@media (max-width: 360px) {
	.tagssimilar .uk-list li.teaser-club h3 {
		margin-top: -50px;
	}
}

/* Teasers oupas */

.tagssimilar .uk-list li.teaser-oupas {
       background: #f29400 url(teaser-oupas.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-oupas h3,
.tagssimilar .uk-list li.teaser-oupas p {
	color: #fff;
}



/* Teasers chantier ouvert */

.tagssimilar .uk-list li.teaser-chantier {
       background: #59b02e url(teaser-chantier.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-chantier h3,
.tagssimilar .uk-list li.teaser-chantier p {
	color: #59b02e;	
}




/* Teasers save the date */

.tagssimilar .uk-list li.teaser-20ans {
       background: #ffffff url(teaser-20ans.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-20ans h3,
.tagssimilar .uk-list li.teaser-20ans p {
	color: #e4037c ;
	
}


/* Teasers epfl pdv  */

.tagssimilar .uk-list li.teaser-epfl {
       background: #aebce1 url(teaser-epfl_fr.png) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-epfl h3,
.tagssimilar .uk-list li.teaser-epfl p {
	color: #aebce1 ;
	
}


/* promo ho ho */

.tagssimilar .uk-list li.teaser-promo-ho-ho {
       background: #aebce2 url(teaser_promo_ho_ho.png) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-promo-ho-ho h3,
.tagssimilar .uk-list li.teaser-promo-ho-ho p {
	color: #aebce2 ;
	
}


/* promo velo */

.tagssimilar .uk-list li.teaser-velo {
       background: #ffb597 url(banner_velo_printemps_2019_b.png) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-velo h3,
.tagssimilar .uk-list li.teaser-velo p {
	color: #ffb597;
	
}


/* promo pyjama */

.tagssimilar .uk-list li.teaser-pyjama  {
       background: #004461 url(teaser_pyjama.png) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-pyjama  h3,
.tagssimilar .uk-list li.teaser-pyjama  p {
	color: #ffffff;
	
}


/* promo 1er achat prix top */

.tagssimilar .uk-list li.teaser-prix-top {
       background: #f4b973 url(19_07_TL-PROMO-website.jpg) no-repeat 50% 0%;
	background-size: cover;
}
.tagssimilar .uk-list li.teaser-prix-top  h3,
.tagssimilar .uk-list li.teaser-prix-top  p {
	color: #ffffff;
	
}