section .le_mag																	{padding:20px 20px 0px; width:calc(100% - 40px); max-width:1600px; margin:auto;}
section .le_mag img																{width:100%;}
section .article																{padding-top:40px;}
section .article h2																{padding:0px 0px 5px; font-size:24px; line-height:30px; border-bottom:2px solid #EEEEEE; margin:0px 0px 10px;}
section .article h3																{color:#2C2C2C; font-size:24px; line-height:30px; font-weight:bold;padding:0px 0px 5px; border-bottom:2px solid #EEEEEE; margin:0px 0px 10px;}

section .article .tests															{float:left; width:calc(50% - 10px);}
section .article .tests .test													{padding:8px; background:#F4F4F4; margin:10px 0px 0px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
section .article .tests .test:nth-child(n+10)									{display:none;}
section .article .tests .test .picto											{position:relative; float:left; width:125px; height:125px;}
section .article .tests .test .picto .note										{position:absolute; bottom:8px; right:calc(50% - 32px); width:64px; text-align:center; color:#FFFFFF; font-size:16px; line-height:16px; font-weight:bold; padding:4px 0px; background:rgba(44,44,44,0.8); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
section .article .tests .test .texte											{float:left; width:calc(100% - 200px); margin:0px 0px 8px 12px;}
section .article .tests .test .texte h4											{color:#2C2C2C; font-size:26px; line-height:26px; padding:0px 0px 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section .article .tests .test .texte h4 a										{color:#2C2C2C;}
section .article .tests .test .texte h5											{color:#888888; font-size:14px; line-height:14px; font-weight:normal; font-style:italic; padding:0px 0px 15px;}
section .article .tests .test .texte p											{line-height:20px;}
section .article .tests .test .dispo											{float:right; width:55px; padding:8px 0px 0px;}
section .article .tests .test .dispo span										{display:none;}
section .article .tests .test_apple .picto img									{-webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}

section .article .actus															{float:right; width:calc(50% - 10px);}
section .article .actus .diaporama												{margin:0px 0px 20px;}
section .article .actus .diaporama .news										{position:relative; width:100%; height:0px; padding:0px 0px 56.25%; overflow:hidden; background-color:#2C2C2C; background-position-x:center; background-position-y:center; background-size:cover; background-repeat-x:no-repeat; background-repeat-y:no-repeat;}
section .article .actus .diaporama .news .lien									{position:absolute; left:0px; top:0px; width:100%; height:100%;}
section .article .actus .diaporama .news .lien a								{display:block; width:100%; height:0px; padding:0px 0px 100%; text-decoration:none;}
section .article .actus .diaporama .news .lien a:hover							{text-decoration:none;}
section .article .actus .diaporama .news .picto									{position:absolute; right:0px; top:10px; font-size:16px; line-height:16px; padding:5px 10px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
section .article .actus .diaporama .news .info									{position:absolute; left:10px; bottom:10px; width:calc(100% - 40px); padding:10px; background:rgba(44,44,44,0.7); color:#FFFFFF;}
section .article .actus .diaporama .news .info a								{color:#FFFFFF;}
section .article .actus .diaporama .news .info .titre							{font-size:24px; line-height:24px; margin:0px;}
section .article .actus .diaporama .news .info .date							{font-weight:normal; font-size:14px; line-height:14px; color:#EEEEEE; padding:5px 0px 0px;}
section .article .actus .diaporama ul.slidesjs-pagination						{text-align:center; padding:0px 0px 6px;}
section .article .actus .diaporama ul.slidesjs-pagination li					{display:inline; padding:0px 3px;}
section .article .actus .diaporama ul.slidesjs-pagination li a					{background:#FFFFFF; color:#FFFFFF; border:2px solid #2C2C2C; font-size:1px; line-height:1px; padding:5px;}
section .article .actus .diaporama ul.slidesjs-pagination li a.active			{background:#2C2C2C; color:#2C2C2C;}

section .article .actus .bons_plans												{float:left; width:calc(50% - 10px); margin:0px 0px 20px;}
section .article .actus .bons_plans .bp .offre_index							{position:relative; height:50px; margin:9px 0px 0px; padding:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
section .article .actus .bons_plans .bp .offre_index:first-child				{margin-top:0px;}
section .article .actus .bons_plans .bp .offre_index a							{display:block; padding:0px 0px 0px 58px; color:#FFFFFF;}
section .article .actus .bons_plans .bp .offre_index img						{position:absolute; top:8px; left:8px;}
section .article .actus .bons_plans .bp .offre_index_1							{background:#C2D971;}
section .article .actus .bons_plans .bp .offre_index_2							{background:#9BBAD9;}
section .article .actus .bons_plans .bp .offre_index_2 img						{-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
section .article .actus .bons_plans .bp .offre_index:nth-child(n+5)				{display:none;}

section .article .actus .top_lecteur											{float:right; width:calc(50% - 10px); margin:0px 0px 20px;}
section .article .actus .top_lecteur .tops										{background:#2C2C2C; padding:6px 0px;}
section .article .actus .top_lecteur .tops .test								{color:#FFFFFF; padding:4px 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section .article .actus .top_lecteur .tops .test_l1								{background:rgba(255,255,255,0.05);}
section .article .actus .top_lecteur .tops .test a								{color:#FFFFFF; text-decoration:none;}
section .article .actus .top_lecteur .tops .test a span							{margin:0px 0px 0px 5px;}
section .article .actus .top_lecteur .tops .test a span.univers					{margin:0px;}
section .article .actus .top_lecteur .tops .test a:hover						{text-decoration:none;}
section .article .actus .top_lecteur .tops .test a:hover span					{text-decoration:underline;}
section .article .actus .top_lecteur .tops .test a:hover span.univers			{text-decoration:none;}
section .article .actus .top_lecteur .tops .test_1 a span.univers				{background:#C2D971; padding:1px 5px;}
section .article .actus .top_lecteur .tops .test_2 a span.univers				{background:#9BBAD9; padding:1px 19px;}

section .article .actus h1														{font-size:17px; font-weight:bold; color:#000000; line-height:27px;}

@media all and (max-width: 1450px) {
	section .article h3 span													{display:none;}
}
@media all and (max-width: 1400px) {
	section .article .tests .test:nth-child(n+10)								{display:block;}
	section .article h3 span													{display:inline;}
	section .article .actus .bons_plans											{float:none; width:100%;}
	section .article .actus .top_lecteur										{float:none; width:100%;}
}
@media all and (max-width: 1150px) {
	section .article .tests .test:nth-child(n+8)								{display:none;}
	section .article .tests .test:nth-child(n+9)								{display:none;}
	section .article .tests .test:nth-child(n+10)								{display:none;}
	section .article .tests														{float:none; width:100%;}
	section .article .actus														{float:none; width:100%; margin-top:20px;}
	section .article .actus .actu_diapo											{float:left; width:calc(100% - 320px);}
	section .article .actus .bons_plans											{float:right; width:300px;}
	section .article .actus .bons_plans .bp .offre_index:nth-child(n+5)			{display:block;}
	section .article .actus .top_lecteur										{clear:both; float:right; width:300px;}
	section .article h3 span													{display:none;}
	section .article .clear_inter												{display:none;}
	section .article .description												{float:left; width:calc(100% - 320px);}
}
@media all and (max-width: 1050px) {
	section .article .actus .bons_plans .bp .offre_index:nth-child(n+5)			{display:none;}
	section .article .actus .bons_plans .bp .offre_index:nth-child(2n+1)		{display:block;}
}
@media all and (max-width: 950px) {
	section .article .actus .bons_plans .bp .offre_index:nth-child(n+5)			{display:none;}
}
@media all and (max-width: 800px) {
	section .article .actus .actu_diapo											{float:none; width:100%;}
	section .article .actus .bons_plans											{float:none; width:100%;}
	section .article .actus .top_lecteur										{float:none; width:100%;}
	section .article .description												{float:none; width:100%;}
}
@media all and (max-width: 550px) {
	section .article .tests .test .texte										{width:calc(100% - 137px);}
	section .article .tests .test .dispo										{float:none; width:100%; padding:0px 0px 0px; text-align:right;}
	section .article .tests .test .dispo span									{display:inline;}
}