#fiche .top_page .wrapper_large:before 			{ width: 200vw; height: 500px; border-radius: 0; top: -160px; left: -50vw;}
#fiche .top_page .titre_main 					{ text-align: center; margin: 30px auto 50px auto; position: relative;}
#fiche .top_page .titre_main span				{ font: 400 18px/24px "Poppins"; color: #222; letter-spacing: 0.4px; text-transform: none; display: block; margin-top: 4px;}
#fiche .top_page .grid img                 	 	{ display: block; width: 100%; height: auto;}

@media (max-width:1200px) {
#fiche .top_page .titre_main 					{ margin: 20px auto 40px auto; }
}
@media (max-width:700px) {
#fiche .top_page .titre_main 					{ margin: 15px auto 30px auto;}
#fiche .top_page .titre_main span				{ font: 400 18px/24px "Poppins"; color: #222; letter-spacing: 0.4px; text-transform: none; display: block; margin-top: 4px;}
#fiche .top_page .grid img                 	 	{ display: block; width: 100%; height: auto;}
}    




#fiche .galerie 								{ display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: 20px; max-width: 1600px;}
#fiche .galerie img, 
#fiche .galerie video							{ width: 100%; height: auto; display: block; object-fit: cover; border-radius: 15px;}
#fiche .galerie video							{ transform: scale(1.01);}
#fiche .galerie .cover							{ grid-column: span 6; border-radius: 15px; overflow: hidden; position: relative;}
#fiche .galerie .cover a						{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#fiche .galerie .cover a span					{ width: 90px; height: 90px; border-radius: 50%; background: url("../images/play.svg") 55% 50% rgba(0, 0, 0, 0.5) no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#fiche .galerie .img_ver						{ grid-column: span 2; align-self: end; bottom: -120px; position: relative;}
#fiche .galerie .img_hor						{ grid-column: span 3;}
#fiche .galerie .logos							{ grid-column: span 3; display: grid; align-items: center; justify-items: center;}
#fiche .galerie .logos img						{ width: 200px; display: inline-block;}

#fiche .galerie .certis							{ grid-column: span 2; text-align: center; padding-top: 160px;}
#fiche .galerie .certis .item					{ display: inline-block; font: 500 16px/30px "Barlow Semi Condensed"; letter-spacing: 0.4px; margin: 0 15px;}
#fiche .galerie .certis .item img				{ width: 96px; margin-bottom: 5px;}

@media (min-width:1201px) {  
#fiche .galerie .cover a:hover  				{ background-color: rgba(0, 0, 0, 0.15);}
#fiche .galerie .cover a:hover span				{ background-color: rgba(0, 0, 0, 0.75);}
}
@media (max-width:1200px) {  
#fiche .galerie 								{ grid-gap: 30px;}    
#fiche .galerie .logos img						{ width: 180px;}
}
@media (max-width:1000px) {
#fiche .galerie 								{ grid-gap: 20px;}    
#fiche .galerie .cover							{ border-radius: 10px;}
#fiche .galerie .logos img						{ width: 150px; }
#fiche .galerie img, 
#fiche .galerie video							{ border-radius: 10px;}
#fiche .galerie .certis .item img				{ width: 86px;}
}
@media (max-width:700px) {
#fiche .galerie 								{ grid-template-columns: repeat(5, 1fr); grid-gap: 10px;}
#fiche .galerie .cover							{ border-radius: 8px;}
#fiche .galerie .logos img						{ width: 100%;}
#fiche .galerie img, 
#fiche .galerie video							{ border-radius: 8px;}
#fiche .galerie .certis .item img				{ width: 75px; }

#fiche .galerie .cover							{ grid-column: span 5;}
#fiche .galerie .img_ver						{ grid-column: span 2; bottom: inherit; }
#fiche .galerie .img_hor						{ grid-column: span 3; grid-area: 2 / 3 / 3 / 6;}
#fiche .galerie .logos							{ grid-column: span 2; padding-top: 30px;}

#fiche .galerie .certis							{ grid-column: span 2; grid-column: 4 / 6; padding-top: 30px; margin-top: 15px;}
#fiche .galerie .certis .item					{ font-size: 14px;}
}    




#fiche .intro 									{ max-width: 1000px; margin: 80px auto;}

@media (max-width:1200px) {
#fiche .intro 									{ margin: 70px auto;}
}
@media (max-width:1000px) {
#fiche .intro 									{ margin: 60px auto;}
}
@media (max-width:700px) {
#fiche .intro 									{ margin: 50px auto;}
}



#fiche .moving_galerie 							{ margin: 120px auto;}
@media (max-width:1200px) {
#fiche .moving_galerie 							{ margin: 90px auto;}
}
@media (max-width:1000px) {
#fiche .moving_galerie 							{ margin: 70px auto;}
}
@media (max-width:700px) {
#fiche .moving_galerie 							{ margin: 50px auto;}
}





/***** steps *****/
#fiche .steps_wrap 								{ max-width: 1280px; margin: 0 auto;}
#fiche .steps_wrap>.titre						{ text-align: center; margin-bottom: 50px;}
#fiche .steps 									{ position: relative; padding: 0 0 160px 0; margin-bottom: 100px;}
#fiche .steps .line	 							{ width: 2px; background: #514639; background: url("../images/line_rounds.svg") 0 0 repeat-y; position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -1px;}
#fiche .steps .item 							{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15%; position: relative; margin-bottom: -160px; transition: all 300ms ease-in-out;}
#fiche .steps .item .icone 						{ width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; padding: 5px; z-index: 10;}
#fiche .steps .item .icone img 					{ width: 100%; height: auto; display: block; position: relative; filter: brightness(200);}
#fiche .steps .item .icone:before				{ width: 100%; height: 100%; background: #6aa82f; background: #007196; border-radius: 50%; position: absolute; left: 0; top: 0; content: "";}
#fiche .steps .step 							{ position: relative; z-index: 20;}
#fiche .steps .step>img							{ width: 100%; display: block; border-radius: 10px 10px 0 0; object-fit: cover; max-height: 280px; transition: transform 300ms ease-in-out;}
#fiche .steps .step .row						{ background: #f7f4f0; padding: 45px 50px; text-align: left; min-height: 280px; border-radius: 0 0 10px 10px; transition: transform 300ms ease-in-out;}
#fiche .steps .step .row p						{ margin-top: 10px;}
#fiche .steps .step .titre						{ margin: -10px 0 15px 0; font-size: 22px; line-height: 30px;}
#fiche .steps .step .link_cta					{ margin-top: 30px; background: #fff;}
#fiche .steps .item:nth-child(odd) .step 		{ grid-area: 1 / 2;}

@media (min-width:1201px) {
#fiche .steps .item:hover .icone:before 		{ background: #6aa82f; transform: scale(1.35);}
#fiche .steps .item .step:hover img				{ transform: translateY(-20px);}
#fiche .steps .item .step:hover .row			{ transform: translateY(-20px);}
}
@media (max-width:1200px) {
#fiche .steps .item 							{ transition-duration: 600ms;}
#fiche .steps .item .icone 						{ width: 70px; height: 70px; margin: -35px 0 0 -35px;}
#fiche .steps .step>img							{ height: auto;}
#fiche .steps .step .row						{ padding: 40px; min-height: inherit;}
#fiche .steps .step .titre						{ margin: -10px 0 10px 0;}
#fiche .steps .step .link_cta					{ margin-top: 25px;}
}
@media (max-width:1000px) {
#fiche .steps 									{ padding: 0; max-width: 580px; margin: 0 auto;}
#fiche .steps .line	 							{ top: -32px; bottom: 0; margin-left: -1px;}
#fiche .steps .item .icone 						{ z-index: 100; top: -100px; margin: 0 0 0 -35px;}
#fiche .steps .item 							{ display: block; margin: 130px 0 0 0;}
#fiche .steps .step .link_cta					{ width: 100%;}
}
@media (max-width:700px) {
#fiche .steps_wrap 								{ margin: 0 auto 40px;}
#fiche .steps .item .icone 						{ width: 60px; height: 60px; top: -90px; margin: 0 0 0 -30px;}
#fiche .steps .item 							{ display: block; margin: 120px 0 0 0;}
#fiche .steps .step>img							{ border-radius: 8px 8px 0 0;}
#fiche .steps .step .row						{ padding: 25px; border-radius: 0 0 8px 8px;}
#fiche .steps .step .titre						{ margin: -5px 0 10px 0;}
#fiche .steps .step .link_cta					{ margin-top: 20px;}
#fiche .steps_wrap center img   				{ width: 100%; height: auto; margin: 40px auto 0;}
}






#fiche .partenaires .titre						{ text-align: center; margin-bottom: 50px;}
#fiche .partenaires .listing 					{ display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; text-align: center; margin-top: 25px;}
#fiche .partenaires .listing .item				{ padding: 25px; border: 1px solid #ccc; border-radius: 10px;}
#fiche .partenaires .listing .item img			{ filter: grayscale(100); width: 100%; height: auto; display: block;}

@media (max-width:1200px) {
#fiche .partenaires .titre						{ margin-bottom: 30px;}
#fiche .partenaires .listing 					{ grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px;}
#fiche .partenaires .listing .item				{ padding: 20px;}
}
@media (max-width:1000) {
#fiche .partenaires .listing 					{ grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
#fiche .partenaires .listing .item				{ padding: 15px;}
}
@media (max-width:700px) {
#fiche .partenaires .titre						{ margin-bottom: 20px;}
#fiche .partenaires .listing 					{ grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 20px;}
}


#fiche .partenaires .grid						{ display: grid; grid-template-columns: 1fr 1fr;}
#fiche .partenaires .grid .titre				{ margin-bottom: 30px;}
#fiche .partenaires .grid .listing 				{ display: block; font-size: 0;}
#fiche .partenaires .grid .listing .item		{ display: inline-block; width: 30%; margin: 0 10px;}

@media (max-width:1200px) {
#fiche .partenaires .grid .listing .item		{ width: 40%;}
}
@media (max-width:700px) {
#fiche .partenaires .grid .titre				{ margin-bottom: 20px;}
#fiche .partenaires .grid						{ display: grid; grid-template-columns: 1fr; grid-gap: 40px;}
#fiche .partenaires .grid .listing 				{ display: grid;grid-template-columns: 1fr 1fr; grid-gap: 10px;}
#fiche .partenaires .grid .listing .item		{ display: block; width: auto; margin: 0;}
}




/*
#fiche .etapes                              { margin: 100px auto; }
#fiche .etapes .sous_titre                  { text-align: center;}
#fiche .etapes .grid                        { margin: 20px auto 100px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
#fiche .etapes.deux .grid                   { justify-content: center; grid-template-columns: minmax(auto, 600px) minmax(auto, 600px); grid-gap: 20px;}
#fiche .etapes .item           	            { position: relative;}
#fiche .etapes .item .content 	            { position: relative;}
#fiche .etapes .item .content .sous_titre	{ padding-top: 15px;}
#fiche .etapes .item .icone 			    { width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; padding: 5px; z-index: 20;}
#fiche .etapes .icone img 		            { position: relative; filter: brightness(200);}
#fiche .etapes .icone:before                { width: 100%; height: 100%; background: #6aa82f; border-radius: 50%; position: absolute; left: 0; top: 0; content: "";}
#fiche .etapes .item img                    { display: block; width: 100%; height: auto;}
@media (max-width:1200px) {
#fiche .etapes                              { margin: 80px auto; }
#fiche .etapes .grid                        { margin: 20px auto 80px;}
}
@media (max-width:1000px) {
#fiche .etapes                              { margin: 60px auto; }
#fiche .etapes .grid                        { margin: 20px auto 70px; grid-template-columns: 1fr;}
}
@media (max-width:700px) {
#fiche .etapes                              { margin: 35px auto; }
#fiche .etapes .grid                        { margin: 20px auto 35px; grid-gap: 10px;}
#fiche .etapes.deux .grid                   { grid-template-columns: minmax(auto, 600px); grid-gap: 10px;}
#fiche .etapes .item .icone 			    { width: 60px; height: 60px;}
}    






#fiche .partenaires .listing 				{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; text-align: center; margin-top: 25px;}
#fiche .partenaires .listing .item			{ padding: 25px; border: 1px solid #ccc;}
#fiche .partenaires .listing .item	img		{ filter: grayscale(100); }

@media (max-width:1200px) {
#fiche .partenaires .listing 				{ grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px;}
#fiche .partenaires .listing .item			{ padding: 20px;}
}
@media (max-width:1000) {
#fiche .partenaires .listing 				{ grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
#fiche .partenaires .listing .item			{ padding: 15px;}
}
@media (max-width:700px) {
#fiche .partenaires .listing 				{ grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 20px;}
}




#fiche .videos .listing 					{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; text-align: center; margin-top: 25px;}
#fiche .videos .listing .item				{ padding-bottom: 56%; position: relative;}
#fiche .videos .listing .item iframe		{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

@media (max-width:700px) {
#fiche .videos .listing 					{ grid-template-columns: 1fr; grid-gap: 10px; margin-top: 20px;}
}
*/



#fiche .etapes .wrap                	    { position: relative;}
#fiche .etapes .wrap .line                	{ width: 2px; height: 110px; background: #514639; position: absolute; left: 50%; top: -70px; bottom: 0; margin-left: -1px; z-index: 20;}
#fiche .etapes .final                	    { max-width: 800px; margin: 0 auto;}
#fiche .etapes .final img              	    { display: block; width: 100%; height: auto;}
@media (max-width:1200px) {
#fiche .etapes .final                	    { max-width: 600px;}
}
@media (max-width:1000px) {
#fiche .etapes .final                	    { max-width: inherit;}
}
@media (max-width:700px) {
#fiche .etapes .wrap .line                	{ height: 70px; top: -35px;}
}    


#fiche .bloc_texte.videos .link,
#fiche .bloc_texte.boutons .link            { margin-right: 8px; }
@media (max-width:700px) {
#fiche .bloc_texte.videos .link,
#fiche .bloc_texte.boutons .link            { display: block; width: 100%; margin: 0 0 10px 0;}
}    





/*** fiche summary ***/
#fiche.summary .partenaires .titre 					{ text-align: left; margin-bottom: 25px;}
#fiche.summary .partenaires .listing 				{ grid-template-columns: 1fr 1fr; text-align: left;}
#fiche.summary .partenaires .listing .item			{ padding: 0; overflow: hidden;}
#fiche.summary .partenaires .listing a 				{ display: grid; grid-template-columns: 150px 1fr; grid-gap: 20px; align-items: center; padding: 0 20px;}
#fiche.summary .partenaires .listing a:after		{ width: 25px; height: 100%; background: url("../images/arrow_green.svg") 50% no-repeat; position: absolute; right: 20px; top: 0; content: "";}
#fiche.summary .partenaires .listing a img			{ transition: all 300ms ease-in-out;}
#fiche.summary .partenaires .listing a span			{ font-weight: 500;}

@media (min-width:1201px) {
#fiche.summary .partenaires .listing a:hover img	{ filter: grayscale(0);}
}    
@media (max-width:1200px) {
#fiche.summary .partenaires .listing a 				{ grid-template-columns: 140px 1fr;}
}    
@media (max-width:1000px) {
#fiche.summary .partenaires .listing 				{ grid-template-columns: 1fr; grid-gap: 15px;}
}    
@media (max-width:700px) {
#fiche.summary .galerie .logos 						{ padding: 0;}
#fiche.summary .intro 								{ margin: 40px auto;}
#fiche.summary .partenaires .titre 					{ margin-bottom: 15px;}
#fiche.summary .partenaires .listing 				{ grid-template-columns: 1fr 1fr; grid-gap: 10px;}
#fiche.summary .partenaires .listing a 				{ grid-template-columns: 1fr; padding: 20px;}
#fiche.summary .partenaires .listing a:after		{ width: 25px; height: 14px; right: 15px; top: auto; bottom: 15px;}
#fiche.summary .partenaires .listing a span			{ display: none;}
}