/***** actualites *****/
#blog .blog 							{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 60px 40px; margin: 80px auto;}
#blog .blog .item 						{ position: relative;}
#blog .blog .item a 					{ display: block; text-align: center;}
#blog .blog .item .photo 				{ position: relative; overflow: hidden;}
#blog .blog .item .photo img 			{ display: block; width: 100%; height: auto; transition: filter 400ms ease-in-out;}
#blog .blog .item .photo .date 			{ width: 105px; height: 35px; text-align: center; font-size: 13px; line-height: 35px; font-weight: 700; background: #fff; position: absolute; right: 20px; top: 20px; text-transform: uppercase; letter-spacing: 0.8px; z-index: 10;}
#blog .blog .item .sous_titre 			{ padding: 15px 30px 20px 30px; font-weight: 500; background: #2a2a2a; color: #fff; display: grid; align-items: center; min-height: 90px; font-size: 18px; line-height: 24px; transition: color 400ms ease-in-out;}

@media (min-width:1201px) {
#blog .blog .item a:hover .photo img	{ filter: brightness(0.65);}
#blog .blog .item a:hover .sous_titre 		{ color: #ee652e;}
}
@media (max-width:1200px) {
#blog .blog 							{ grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#blog .blog .item .photo .date 			{ right: 15px; top: 15px;}
}
@media (max-width:1000px) {
#blog .blog 							{ margin: 0 auto;}
#blog .blog .item .photo .promo 		{ transform: scale(0.85); transform-origin: left top; left: 15px; top: 15px;}
}
@media (max-width:700px) {
#blog .top_page .chapo 					{ display: none;}
#blog .blog 							{ grid-template-columns: 1fr;}
#blog .blog .item .photo .promo 		{ transform: scale(0.70);}
#blog .blog .item .photo .date 			{ width: 90px; height: 29px; font-size: 11px; line-height: 29px;}
#blog .blog .item .titre 				{ padding: 15px 25px; min-height: inherit; font-size: 14px; line-height: 20px;}
}





#blog .article .top_page 				{ padding-bottom: 0;}
#blog .article .top_page:after 			{ display: none;}
#blog .article .titre_main				{ margin-bottom: 30px; font-size: 30px; line-height: 40px;}
#blog .article .photo img				{ margin: 40px 0 50px 0;}
#blog .article .content  				{ margin: 50px 0;}
#blog .article .content h1              { font: 600 25px/35px "Barlow"; letter-spacing: 0.8px; color: #ee652e; }
#blog .article .content h2              {  }
#blog .article .content h3,
#blog .article .content h4,
#blog .article .content h5,
#blog .article .content h6 				{ font: 500 20px/30px "Barlow"; position: relative; color: #ee652e; margin: 40px 0 15px 0;}
#blog .article .content ul				{ margin-bottom: 15px;}
#blog .article .content ul li			{ padding: 5px 0 5px 20px; position: relative;}
#blog .article .content ul li:before	{ position: absolute; left: 0; top: 17px; width: 6px; height: 6px; background: #ee652e; content: "";}
#blog .article .content :last-child 	{ margin-bottom: 0;}

#blog .article .top_page .wrapper       { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px; align-items: center;}
#blog .article .top_page .photo img     { width: 100%; height: auto; display: block; }
#blog .article .top_page .content       { margin: 0; }
#blog .article .content h1              { margin-top: 0; }

@media (max-width:1200px) {
#blog .article .bloc_short				{ max-width: 800px;}
#blog .article .titre_main				{ font-size: 20px; line-height: 28px; margin-bottom: 25px;}
#blog .article .photo img				{ margin: 40px 0;}
#blog .article .content  				{ margin: 40px 0;}
}
@media (max-width:1000px) {
#blog .article .photo img				{ margin: 30px 0;}
#blog .article .content  				{ margin: 30px 0;}
#blog .article .top_page .wrapper       { grid-template-columns: 1fr; grid-gap: 40px;}
}
@media (max-width:700px) {
#blog .article .top_page .chapo 		{ display: block;}
#blog .article .bloc_texte				{ margin-top: 35px;}
#blog .article .titre_main				{ font-size: 16px; line-height: 22px; margin-bottom: 20px;}
#blog .article .photo img				{ margin: 25px 0; }
#blog .article .content  				{ margin: 25px 0;}
#blog .article .content h1,
#blog .article .content h2,
#blog .article .content h3,
#blog .article .content h4,
#blog .article .content h5,
#blog .article .content h6 				{ font-size: 18px; line-height: 26px; margin: 20px 0 10px 0;}
#blog .article .content ul				{ margin-bottom: 10px;}
#blog .article .content ul li			{ padding-left: 18px;}
#blog .article .content ul li:before	{ top: 15px; width: 5px; height: 5px;}
}





#blog .article .content .grid_trio 		{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 60px; margin: 20px auto 40px;}
#blog .article .content .grid_trio img	{ border-radius: 10px; width: 100%; height: auto;}

#blog .article .content .grid_duo 		{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 60px; margin: 20px auto 40px;}
#blog .article .content .grid_duo img	{ border-radius: 10px; width: 100%; height: auto;}

@media (max-width:1200px) {
#blog .article .content .grid_trio 		{ grid-gap: 40px; margin: 30px auto;}
#blog .article .content .grid_duo 		{ grid-gap: 40px; margin: 30px auto;}
}
@media (max-width:1000px) {
#blog .article .content .grid_trio 		{ grid-gap: 25px; margin: 25px auto;}
#blog .article .content .grid_duo  		{ grid-gap: 25px; margin: 25px auto;}
}
@media (max-width:700px) {
#blog .article .content .grid_trio 		{ grid-template-columns: 1fr; grid-gap: 10px; margin: 20px auto;}
#blog .article .content .grid_duo 		{ grid-template-columns: 1fr; grid-gap: 10px; margin: 20px auto;}
}



#blog .article .content .steps  		{ display: grid; grid-gap: 50px; margin: 20px auto 50px;}
#blog .article .content .steps .item 	{ display: grid; grid-template-columns: auto 1fr; align-items: center; position: relative; padding-left: 140px; min-height: 100px}
#blog .article .content .steps .item .number  { position: absolute; left: 0; top: 0; width: 100px; height: 100px; background: #fff; box-shadow: 0 30px 30px 0 rgb(0 185 235 / 10%); border-radius: 50%; text-align: center; font-size: 18px; font-weight: 600; line-height: 98px; color: #ee652e; display: grid; justify-content: center; align-items: center;}
#blog .article .content .steps .item .number p	{ line-height: 20px; }
#blog .article .content .steps.bienfaits .item 	{ padding-left: 220px;}
#blog .article .content .steps.bienfaits .item .number	{ width: 180px; height: 180px; line-height: 178px;}
#blog .article .content .steps h3				{ margin-top: 0;}

@media (max-width:1200px) {

}
@media (max-width:1000px) {
#blog .article .content .steps .item 				{ padding-left: 110px;}
#blog .article .content .steps .item .number		{ width: 80px; height: 80px; font-size: 20px; line-height: 78px;}
}
@media (max-width:700px) {
#blog .article .content .steps  					{ grid-gap: 30px; margin: 30px auto;}
#blog .article .content .steps .item 				{ padding-left: 50px;}
#blog .article .content .steps .item .number		{ width: 36px; height: 36px; font-size: 16px; line-height: 34px; font-weight: 600; top: -5px;}
#blog .article .content .steps h3					{ margin-top: 0;}

}