#mainContent .pageStrefaKariery p { color:#484848; font-size:14px; line-height:24px; margin:20px 30px; }
#mainContent .pageStrefaKariery .plaquette { float:right; width:300px; border:3px solid #FFF; box-shadow:0 0 3px rgba(0,0,0,0.2); margin:-85px -15px 30px 30px; }

#mainContent .pageStrefaKariery .evenement { display:table-cell; width:50%; }
#mainContent .pageStrefaKariery .evenement_gauche { border-right:1px dashed #e7e7e7; padding-right:20px; }
#mainContent .pageStrefaKariery .evenement_droite { padding-left:20px; }
#mainContent .pageStrefaKariery .evenement h2 { margin:0 15px 20px 15px; font-size:16px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#DA4A0D; text-align:center; }
#mainContent .pageStrefaKariery .evenement table { width:100%; background:#F4F4F4; border-radius:4px; border:1px solid #EAEAEA; margin-bottom:20px; }
#mainContent .pageStrefaKariery .evenement table td { vertical-align:middle; padding:12px; font-size:13px; line-height:19px; color:#484848; }
#mainContent .pageStrefaKariery .evenement table td.illustration { width:100px; padding-right:4px; vertical-align:top; }
#mainContent .pageStrefaKariery .evenement a { text-decoration:none; color:#686868; }
#mainContent .pageStrefaKariery .evenement a:hover { color:#000; padding-bottom:2px; border-bottom:1px dotted #C0C0C0; }
#mainContent .pageStrefaKariery .evenement table td img { border-radius:4px; box-shadow:0 0 3px rgba(0,0,0,0.2); }
#mainContent .pageStrefaKariery .evenement p { font-size:13px; line-height:20px; color:#484848; }

#mainContent .pageStrefaKariery .teaser { position:relative; float:left; margin:4px 18px 10px 3px; border-top:1px dashed #E7E7E7; border-bottom:1px dashed #E7E7E7; padding-top:15px; padding-bottom:12px; }
#mainContent .pageStrefaKariery .teaser a { color:#B8B8B8; border:none; text-decoration:none; }
#mainContent .pageStrefaKariery .teaser img { border:1px solid #E4E4E4; box-shadow:-3px -3px 0px #F0F0F0; -webkit-box-shadow:-3px -3px 0px #F0F0F0; padding:1px; }
#mainContent .pageStrefaKariery .teaser span { display:block; font-size:12px; line-height:18px; color:#B8B8B8; padding-left:8px; }
#mainContent .pageStrefaKariery .teaser span i { color:#989898; margin-bottom:4px; }
#mainContent .pageStrefaKariery .teaser span.video { font-style:italic; color:#B8B8B8; }
#mainContent .pageStrefaKariery .teaser span span { padding-left:0; }

#mainContent .pageStrefaKariery .portfolio { display:block; text-align:center; margin:0 30px; padding-bottom:15px; }
#mainContent .pageStrefaKariery .portfolio .news { display:table; width:100%; vertical-align:top; text-align:left; overflow:hidden; margin:0 0 15px 0; background:#F8F8F8; border:1px solid #EAEAEA; border-bottom-width:4px; border-radius:4px; font-size:13px; line-height:18px; color:#484848; text-decoration:none; }
#mainContent .pageStrefaKariery .portfolio .news:hover { border-bottom:4px solid #FAB707; }
#mainContent .pageStrefaKariery .portfolio .news .illustration { display:table-cell; vertical-align:top; padding:15px 0 15px 15px; }
#mainContent .pageStrefaKariery .portfolio .news .illustration img { float:left; height:50px; border-radius:4px; box-shadow:2px 2px 0px #FFF; }
#mainContent .pageStrefaKariery .portfolio .news .illustration img.portrait { height:70px; }
#mainContent .pageStrefaKariery .portfolio .news .textes { display:table-cell; vertical-align:top; padding:15px; width:100%; box-sizing:border-box; }
#mainContent .pageStrefaKariery .portfolio .news .textes .type { display:block; font-size:11px; text-transform:uppercase; color:#888; line-height:16px; }
#mainContent .pageStrefaKariery .portfolio .news .textes .titre { display:block; font-weight:bold; }
#mainContent .pageStrefaKariery .portfolio .news .textes .intro { display:block; font-weight:normal; }

#mainContent .pageStrefaKariery .toolbar-top { margin-top:25px; }

@media screen and (min-width:1000px) {
	#mainContent .pageStrefaKariery .teaser { float:none; margin:20px auto 10px auto; }
	#mainContent .pageStrefaKariery .teaser img { width:616px; display:block; margin:0 auto; }
	#mainContent .pageStrefaKariery .teaser span { width:616px; display:block; margin:6px auto 0 auto; text-align:center; padding:0; }
}

@media screen and (max-width:999.9px) {
	#mainContent  .pageStrefaKariery .plaquette { margin:20px 0 20px 20px; width:200px; }
	
	#mainContent .pageStrefaKariery .evenement { display:block; width:100%; border-top:1px dashed #E7E7E7; padding-top:20px; padding-bottom:10px; }
	#mainContent .pageStrefaKariery .evenement_gauche { border-right:0; padding-right:0; }
	#mainContent .pageStrefaKariery .evenement_droite { padding-left:0; }
	
	#mainContent .pageStrefaKariery .teaser img { width:298px; }
	#mainContent .pageStrefaKariery .teaser span { width:270px; text-align:left; }

	#mainContent .pageStrefaKariery .toolbar-top { margin-top:15px; }
}

@media screen and (max-width:520px) {
	#mainContent .pageStrefaKariery .teaser { display:block; float:none; margin:20px 0 10px 0; width:100%; text-align:center; }
	#mainContent .pageStrefaKariery .teaser span { width:auto; text-align:center; padding:0 50px; }
	#mainContent .pageStrefaKariery .teaser span span { padding-left:50px; }
	
	#mainContent .pageStrefaKariery .portfolio .news { display:block; width:auto; }
	#mainContent .pageStrefaKariery .portfolio .news .illustration { display:inline; float:left; padding:15px; }
	#mainContent .pageStrefaKariery .portfolio .news .textes { display:block; padding:15px; }
}

@media screen and (max-width:400px) {
	#mainContent .pageStrefaKariery .plaquette { display:block; float:none; width:90%; margin:20px auto 0 auto; }
	#mainContent .pageStrefaKariery .evenement table td { font-size:12px; line-height:18px; }
	#mainContent .pageStrefaKariery .evenement table td.illustration { width:80px; }
	#mainContent .pageStrefaKariery .evenement table td.illustration img { width:80px; }
	
	#mainContent .pageStrefaKariery .teaser img { width:90%; }
	#mainContent .pageStrefaKariery .teaser span { width:80%; text-align:left; padding:0 0 0 20px; }
	#mainContent .pageStrefaKariery .teaser span span { padding-left:0; }
}