
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

#bloc_partenaires_container .flip-container 												{ display:inline-block; margin:10px; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; z-index:700; }
#bloc_partenaires_container .flip-container:hover .back, .flip-container.hover .back 		{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
#bloc_partenaires_container .flip-container:hover .front, .flip-container.hover .front 		{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
#bloc_partenaires_container .flip-container, .front, .back 									{ width:300px;	height:280px; border-radius:5px; }
#bloc_partenaires_container .flipper 														{ -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; }
#bloc_partenaires_container .front, .back 													{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; }
#bloc_partenaires_container .front 															{ -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); border:solid 1px #373b43; z-index: 2; }
#bloc_partenaires_container .back 															{ background:#000000; border:solid 1px #000000; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
	
#bloc_partenaires_container .front_container												{ display:inline-block; width:300px; height:280px; overflow:hidden; cursor:pointer; }
#bloc_partenaires_container .front_container img											{ width:100%; min-height:280px; border-radius:5px; }

#bloc_partenaires_container .back_container													{ display:inline-block; padding:20px; width:260px; height:240px; overflow:hidden; }
#bloc_partenaires_container .back_container h3												{ display:inline; color:#ffffff; font-size:24px; line-height:28px; font-weight:300; text-transform:uppercase; }
#bloc_partenaires_container .back_container .line_titre										{ display:inline-block; width:90%; height:1px; overflow:hidden; background:; }
#bloc_partenaires_container .back_container .texte											{ display:inline-block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:18px; font-weight:400; color:#ffffff; text-align:left; }
#bloc_partenaires_container .back_container .btns_detail									{ display:inline-block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:18px; font-weight:400; color:#ffffff; text-align:left; }

	
#footer_partenaires_container .flip-container 												{ display:inline-block; margin:10px 0; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; z-index:700; }
#footer_partenaires_container .flip-container:hover .back, .flip-container.hover .back 		{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
#footer_partenaires_container .flip-container:hover .front, .flip-container.hover .front 	{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
#footer_partenaires_container .flip-container, .front, .back 								{ width:300px; height:280px; border-radius:5px; }
#footer_partenaires_container .flipper 														{ -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; }
#footer_partenaires_container .front, .back 												{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; }
#footer_partenaires_container .front 														{ -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); border:solid 1px #373b43; z-index: 2; }
#footer_partenaires_container .back 														{ background:#000000; border:solid 1px #000000; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
	
#footer_partenaires_container .front_container												{ display:inline-block; width:300px; height:280px; overflow:hidden; cursor:pointer; }
#footer_partenaires_container .front_container img											{ width:100%; min-height:280px; border-radius:5px; }

#footer_partenaires_container .back_container												{ display:inline-block; padding:20px; width:260px; height:240px; overflow:hidden; }
#footer_partenaires_container .back_container h3											{ display:inline; color:#ffffff; font-size:24px; line-height:28px; font-weight:300; text-transform:uppercase; }
#footer_partenaires_container .back_container .line_titre									{ display:inline-block; width:90%; height:1px; overflow:hidden; background:; }
#footer_partenaires_container .back_container .texte										{ display:inline-block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:18px; font-weight:400; color:#ffffff; text-align:left; }
#footer_partenaires_container .back_container .btns_detail									{ display:inline-block; font-family: 'Roboto', sans-serif; font-size:14px; line-height:18px; font-weight:400; color:#ffffff; text-align:left; }
