@charset "UTF-8";

#goto-mediaresponsable{ color: #494949; font-size: 16px; padding: 0 10px; padding-top: 35px; padding-bottom: 35px; }
#goto-mediaresponsable .engagements{}
#goto-mediaresponsable .engagements-title{}
#goto-mediaresponsable .engagements-content{ margin-bottom: 1em; }
#goto-mediaresponsable .engagements-container{}
#goto-mediaresponsable .engagements-cta{ padding-top: 28px; text-align: center; }
#goto-mediaresponsable .engagement{ padding: 5px 0; }
#goto-mediaresponsable .engagement-inner{ background: #fff; border: 0px solid #c1c1c1; border-radius: 0px; position: relative; padding: 10px 10px 10px 104px; }
#goto-mediaresponsable .engagement-title{ color: #000; font-size: 1.25em; font-weight: bold; margin: 0;  }
#goto-mediaresponsable .engagement-icon{ left: 0px; top: 0px; position: absolute; }
#goto-mediaresponsable .engagement-icon picture{ display: block; }
#goto-mediaresponsable .engagement-icon img{ display: block; height: auto; width: 74px; }
#goto-mediaresponsable .engagement-excerpt{ font-size: 1em; line-height: 1.2; margin: 0.5em 0; }
#goto-mediaresponsable .engagement-cta{}
#goto-mediaresponsable .engagement-cta a{ color: inherit; text-decoration: underline; }
#goto-mediaresponsable .engagement-cta a:focus,
#goto-mediaresponsable .engagement-cta a:hover{ color: #ee0000; }

@media (min-width: 320px){
	#goto-mediaresponsable .engagement-title{ color: #000; font-size: 16px; font-weight: bold; margin: 0;  }
	#goto-mediaresponsable .engagement-inner{ padding-left: 140px; height: 360px; }
	#goto-mediaresponsable .engagement-icon img{ width: 130px; border-radius: 15px;}
	
	#goto-mediaresponsable .affichedesktop { display: none; }
	#goto-mediaresponsable .affichemobile { display: block; }
}

@media (min-width: 480px){
	#goto-mediaresponsable .engagement-title{ color: #000; font-size: 1.25em; font-weight: bold; margin: 0;  }
	#goto-mediaresponsable .engagement-inner{ padding-left: 160px; height: 140px; padding-top: 0px;}
	#goto-mediaresponsable .engagement-icon img{ width: 150px; }
	
	#goto-mediaresponsable .affichedesktop { display: block; }
	#goto-mediaresponsable .affichemobile { display: none; }
}
@media (min-width: 768px){
	#goto-mediaresponsable{ font-size: 18px; padding: 0; padding-top: 35px; padding-bottom: 35px;  }
	#goto-mediaresponsable .engagement-inner{ padding-left: 218px; padding-top: 0px; height: 130px;}
	#goto-mediaresponsable .engagement-icon img{ width: 208px; }
	
	#goto-mediaresponsable .affichedesktop { display: block; }
	#goto-mediaresponsable .affichemobile { display: none; }
}
@media (min-width: 992px){
	#goto-mediaresponsable{ padding-top: 35px; padding-bottom: 35px;  }
	#goto-mediaresponsable .engagements-container{ display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -5px; }
	#goto-mediaresponsable .engagement{ padding: 5px; width: 100%;  }
	#goto-mediaresponsable .engagement-inner{ padding: 70px 20px 0px 20px; padding-left: 426px; height: 260px;  }
	#goto-mediaresponsable .engagement-icon img{ width: 416px; }
	#goto-mediaresponsable .engagements-cta{ padding-top: 40px; }
	
	#goto-mediaresponsable .affichedesktop { display: block; }
	#goto-mediaresponsable .affichemobile { display: none; }
}
@media (min-width: 1200px){
	#goto-mediaresponsable{ padding-top: 35px; padding-bottom: 35px;  }
	#goto-mediaresponsable .engagement-inner{ padding-left: 426px; height: 260px;}
	#goto-mediaresponsable .engagement-icon img{ width: 416px; }
	#goto-mediaresponsable .engagements-cta{ padding-top: 30px; }
	
	#goto-mediaresponsable .affichedesktop { display: block; }
	#goto-mediaresponsable .affichemobile { display: none; }
}
/*@media (min-width: 1440px) {
	#goto-mediaresponsable{ padding-top: 70px; padding-bottom: 70px;  }
}*/