/***** actualites *****/
#actus .actus 									    { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 60px 20px;}
#actus .actus .item 						  	{ position: relative;}
#actus .actus .item a 							{ display: block; text-align: center; border-radius: 15px; overflow: hidden;}
#actus .actus .item .photo 					{ position: relative; overflow: hidden;}
#actus .actus .item .photo img 					{ display: block; width: 100%; height: auto; border-radius: 0;}
#actus .actus .item .photo .date 				{ width: 105px; height: 35px; text-align: center; font-size: 12px; line-height: 35px; font-weight: 500; border-radius: 25em; background: #fff; position: absolute; right: 20px; top: 20px; text-transform: uppercase; letter-spacing: 0.6px; z-index: 10;}
#actus .actus .item .titre 						{ padding: 16px 30px 18px 30px; background: #002c3e; color: #fff; display: grid; align-items: center; min-height: 90px; line-height: 24px; font-weight: 400; transition: color 400ms ease-in-out;}

@media (min-width:1201px) {
#actus .actus .item a:hover .titre 				{ color: #58cb4c;}
}
@media (max-width:1200px) {
#actus .actus 									{ grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#actus .actus .item a 							{ border-radius: 10px;}
}
@media (max-width:700px) {
#actus .top_page .chapo							{ display: none;}
#actus .actus 									{ grid-template-columns: 1fr; grid-gap: 15px;}
#actus .actus .item a 							{ border-radius: 8px;}
#actus .actus .item .photo .date 				{ width: 85px; height: 29px; font-size: 10px; line-height: 29px; right: 10px; top: 10px;}
#actus .actus .item .titre 						{ padding: 15px 25px; min-height: inherit; font-size: 12px; line-height: 20px;}
}


#actus .article .top_page 					{ padding-bottom: 0;}
#actus .article .top_page:after 			{ display: none;}


#actus .article .bloc_texte		            { margin-bottom: 40px; }
#actus .article .grid 					    { margin: 30px auto; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 60px; padding: 40px; border-radius: 15px; background-color: #f2f9fc;}
#actus .article .bloc_grid 					{ margin: 70px auto; grid-template-columns: 1fr 1fr;}
#actus .article .bloc_grid.small_grid 		{ grid-template-columns: 35% 1fr; grid-gap: 60px;}
#actus .article .bloc_grid h3 				{ margin-top: 0!important;}
#actus .article .bloc_img    				{ margin: 50px auto; max-width: 900px;}
#actus .article .bloc_img img  				{ display: block; width: 100%; height: auto;}
#actus .article .bloc_photos 				{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; margin: 50px auto;}
#actus .article .bloc_photos img 			{ display: block; margin: 0!important; width: 100%; height: auto;}
#actus .article .bloc_grid .photo 		{ margin: 0;}
#actus .article .bloc_grid .photo img		{ display: block; margin: 0!important;}
#actus .article .content .grid_ul 					    { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; margin-bottom: 25px;}

@media (max-width:1200px) {
#actus .article .bloc_short					{ max-width: 800px;}
#actus .article .bloc_grid 					{ grid-gap: 60px;}
#actus .article .bloc_grid.reverse .photo	{ grid-area: 1 / 2;}
#actus .article .bloc_grid.reverse .texte 	{ grid-area: 1 / 1;}
}
@media (max-width:1000px) {
#actus .article .grid 					    { grid-template-columns: 1fr; grid-gap: 30px; padding: 20px 30px; border-radius: 10px;}        
#actus .article .bloc_grid 					{ grid-template-columns: 1fr; grid-gap: 50px;}
#actus .article .bloc_grid.reverse .photo	{ grid-area: 1;}
#actus .article .bloc_grid.reverse .texte 	{ grid-area: 2;}
    
#actus .article .bloc_photos 				{ grid-gap: 20px;}
}
@media (max-width:700px) {
#actus .article .bloc_texte					{ margin-top: 0;}
#actus .article .bloc_grid 					{ margin: 30px auto; grid-gap: 30px;}
#actus .article .content .bloc_grid h3	    { margin-top: 0;}    
#actus .article .bloc_grid.small_grid 		{ grid-template-columns: 1fr; grid-gap: 30px;}
#actus .article .bloc_grid h3 				{ margin-top: 0;}

#actus .article .bloc_photos 				{ grid-template-columns: 1fr; grid-gap: 15px; margin: 30px auto;}
#actus .article .content .grid_ul 					    { grid-template-columns: 1fr;}
}



#actus .article .content  					{ margin: 50px 0;}
#actus .article .content h2					{ font-weight: 600; color: #000; font-size: 16px; margin: 60px auto;}
#actus .article .content h3:not(.titre_plus) { font: 400 20px/28px "Poppins"; position: relative; color: #0081c8; margin: 40px 0 15px 0;}

#actus .article .content .show_hide .item h3.titre { position: relative; cursor: pointer; padding: 20px 80px 20px 30px; font: 400 15px/24px "Poppins"; background: #f2f9fc; color: #222; border-radius: 10px; overflow: hidden; transition: all 400ms ease-in-out; margin: 0;}

#actus .article .content h3 strong          { font-size: 22px; }
#actus .article .content h4:not(.titre_plus) { font: 400 20px/28px "Poppins"; position: relative; color: #0081c8; margin: 40px 0 15px 0;}
#actus .article .content h5,
#actus .article .content h6 				{ font: 400 20px/28px "Poppins"; position: relative; color: #0081c8; margin: 40px 0 15px 0;}
#actus .article .content ul					{ margin-bottom: 15px;}
#actus .article .content ul li				{ padding: 0 0 0 20px; position: relative; margin-top: 10px;}
#actus .article .content ul li:before		{ position: absolute; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: #2388c3; content: "";}
#actus .article .content :last-child 		{ margin-bottom: 0;}

#actus .article .content :last-child 		{ margin-bottom: 0;}
#actus .article .content p a				{ color: #0081c8; border-bottom: 1px solid transparent;}
#actus .article .content p strong,
#actus .article .content p b				{ font: 600 16px/28px "Poppins"; position: relative; color: #0081c8; margin: 40px 0 15px 0;}
@media (min-width:1201px) {
#actus .article .content p a:hover			{ border-color: #04b9bc;}
}
@media (max-width:1200px) {
#actus .article .content  					{ margin: 40px 0;}
}
@media (max-width:1000px) {
#actus .article .content  					{ margin: 30px 0;}
#actus .article .content .titre_plus        { color: #0081c8;}
}
@media (max-width:700px) {
#actus .article .content  					{ margin: 25px 0;}
#actus .article .content h3					{ font-size: 16px; line-height: 24px; margin: 30px 0 10px 0;}
#actus .article .content h4					{ font-size: 16px; line-height: 24px; margin: 0 0 10px 0;}
#actus .article .content p, 
#actus .article .content ul					{ margin-bottom: 10px;}
  
#actus .article .content .titre_plus        { margin: 10px 0;}
}



#actus .article .steps  					{ display: grid; grid-gap: 50px; margin: 50px auto;}
#actus .article .steps .item 				{ position: relative; padding-left: 140px;}
#actus .article .steps .item .number		{ position: absolute; left: 0; top: 0; width: 100px; height: 100px; background: #e6f5f5; border-radius: 50%; text-align: center; font-size: 22px; line-height: 98px; color: #04b9bc;}
#actus .article .steps h3					{ margin-top: 0;}

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




#actus .article .titre_main					{ font-size: 24px; line-height: 32px; font-weight: 500; margin-bottom: 30px;}
#actus .article img         				{ max-width: 900px; margin: 40px auto;}
@media (max-width:1200px) {
#actus .article .titre_main					{ font-size: 20px; line-height: 28px; margin-bottom: 20px;}
#actus .article .photo img					{ margin: 35px 0;}
}
@media (max-width:1000px) {
#actus .article .photo img					{ margin: 30px 0;}
}
@media (max-width:700px) {
#actus .article .bloc_texte					{ margin-top: 0;}
#actus .article .titre_main					{ font-size: 16px; line-height: 22px; margin-bottom: 15px;}
}



#actus .bloc_grid.small 					{ grid-template-columns: 400px 1fr;}

@media (max-width:1200px) {

}
@media (max-width:1000px) {
#actus .bloc_grid.small 					{ grid-template-columns: 1fr;}
}
@media (max-width:700px) {

}



#actus .scroll_horizontal               	{ overflow: scroll;}
#actus table               					{ border: 1px solid #ccc; padding: 5px 10px; border-collapse: collapse;}
#actus thead               					{ font-weight: 600; }
#actus td                  					{ border: 1px solid #ccc; padding: 10px 15px;}
#actus td span          					{ display: block;}

@media (max-width:1200px) {

}
@media (max-width:1000px) {
#actus .bloc_grid.small 					{ grid-template-columns: 1fr;}
}
@media (max-width:700px) {
}





#actus .article .cadre   					{ margin: 50px auto; background-color: #f2f9fc; padding: 50px 60px; border-radius: 8px;}
#actus .article .cadre h3 					{ margin-top: 0!important;}
#actus .article .double_cadre				{ margin: 50px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
#actus .article .double_cadre .cadre		{ margin: 0 auto;}

#actus .article .calcul   					{ display: block; background-color: #f2f9fc; padding: 12px 30px; border-radius: 8px; margin: 15px auto 30px;}
#actus .article .content .calcul li         { margin-top: 0; }

@media (max-width:1000px) {
#actus .article .double_cadre				{ grid-template-columns: 1fr; gap: 20px;}
#actus .article .cadre   					{ padding: 30px;}
}
@media (max-width:700px) {
#actus .article .cadre   					{ padding: 20px; }
}





#actus .plaquettes                          { max-width: 950px; margin: 20px auto;}
#actus .plaquettes li                       { display: grid; grid-template-columns: 150px 1fr; grid-gap: 30px; align-items: center; margin: 25px auto}
#actus .plaquettes li:before                { display: none }
#actus .plaquettes li img                   { margin: 0;}


#actus .certifications                      { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; align-items: center; max-width: 500px; margin: 30px auto; }
#actus .certifications img                  { display: block; width: auto; height: auto; max-height: 150px; margin: auto;}