*,::after,::before{padding:0;margin:0;box-sizing:border-box}div#conteneur{width:100%;padding-bottom:50px;display:flex;flex-direction:column;justify-content:center;align-content:center;background:url(https://www.isoc.ml/image/fond_pub.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;top:50px;z-index:-1}div.titre{width:100%;padding-bottom:10px;display:flex;flex-direction:column;justify-content:center;align-content:center;background:url(https://www.isoc.ml/image/fond_pub.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;top:50px;z-index:-1}section{display:flex;border-bottom:1px solid #0c1c2c;justify-content:baseline}section.old_pub .titre_new_pub{width:100%;display:flex;align-items:center;justify-content:center;padding:10px}div#conteneur h1{color:#0c1c2c;font-size:30px;font-weight:bold;padding:10px;margin-top:50px;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#eccb46}div.titre h1.titre_page{color:#0c1c2c;font-size:30px;font-weight:bold;padding:10px;margin-top:50px;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#eccb46}div#conteneur .info .titre_new_pub{width:100%;display:flex;align-items:center;justify-content:center;padding:10px}div.titre form{width:100%}div.titre input{width:15%;height:35px;border-radius:5px;border:1px solid rgba(0,0,0,.2);outline:none;margin:10px}div.titre input:focus{border-bottom:2px solid #0c1c2c}div.titre form input.submit{background-color:#0c1c2c;width:35px;height:35px;color:#128aff}div#conteneur .info{width:100%;display:flex;margin:auto;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center}div#conteneur div.tableau_principale{width:250px;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:wrap;border-radius:15px;margin:10px;box-shadow:0 0 6px #128aff;background-color:rgba(14,28,44,1);overflow:hidden;position:relative;z-index:10}div#conteneur div.tableau_principale::before{content:"";position:absolute;top:-10%;left:0%;width:50%;height:80%;background:linear-gradient(60deg,transparent,#45f3ff,#45f3ff);transform-origin:bottom right;animation:animate 6s linear infinite;animation-delay:-3s;z-index:-10}div#conteneur div.tableau_principale::after{content:"";position:absolute;top:-10%;left:0%;width:50%;height:80%;background:linear-gradient(60deg,transparent,#ee3e36,#ee3e36);transform-origin:bottom right;animation:animate 6s linear infinite;z-index:-10}@keyframes animate{

	%0
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}div#conteneur div.tableau_principale .anim{width:246px;height:346px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;inset:1px;border-radius:15px;background-color:rgba(14,28,44,1);z-index:10;left:0;right:0;top:0;bottom:0}div#conteneur div.tableau_principale p img{width:150px;height:150px;z-index:30;border-radius:10px}div#conteneur div.tableau_principale p.span{font-size:12px;color:#fff;text-transform:uppercase;display:flex;flex-direction:row;padding:0}div#conteneur div.tableau_principale p span{font-size:14px;font-weight:bold;width:35px;height:35px;padding:10px;border-radius:50%;border:2px solid #ee3e36;display:flex;justify-content:center;align-items:center;margin-bottom:5px;margin-left:5px}div#conteneur div.tableau_principale p{font-size:12px;padding:6px;color:#fff;text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center}div#conteneur div.tableau_principale a{text-decoration:none;color:#fff;padding:10px;background-color:rgba(14,28,44,1);border-radius:5px;transition:.2s ease}div#conteneur div.tableau_principale a:hover{background-color:#ee3e36;color:#0c1c2c;font-weight:bold}@media screen and (max-width:960px){*,::after,::before{padding:0;margin:0;box-sizing:border-box}div#conteneur{width:100%;padding-bottom:50px;display:flex;flex-direction:column;justify-content:center;align-content:center;background:url(https://www.isoc.ml/image/fond_pub.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;top:50px;z-index:-1}div#conteneur h1.titre_page{color:#0c1c2c;font-size:25px;font-weight:bold;padding:10px;margin-top:50px;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#eccb46}section{display:flex}div.titre h1.titre_page{color:#0c1c2c;font-size:30px;font-weight:bold;padding:10px;margin-top:50px;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#eccb46}div#conteneur .info .titre_new_pub{width:100%;display:flex;align-items:center;justify-content:center}div#conteneur h1{color:#0c1c2c;font-size:25px;font-weight:bold;padding:10px;margin-top:50px;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#eccb46}div.titre form{width:100%}div.titre input{width:60%;height:35px;border-radius:5px;border:1px solid rgba(0,0,0,.2);outline:none;margin:10px}div.titre input:focus{border-bottom:2px solid #0c1c2c}div.titre form input.submit{background-color:#0c1c2c;width:35px;height:35px;color:#128aff}div#conteneur .info{width:100%;display:flex;margin:0;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-between}div#conteneur div.tableau_principale p.span{font-size:12px;color:#fff;text-transform:uppercase;display:flex;flex-direction:row;padding:0}div#conteneur div.tableau_principale p span{font-size:14px;font-weight:bold;width:35px;height:35px;padding:10px;border-radius:50%;border:2px solid #ee3e36;display:flex;justify-content:center;align-items:center;margin-bottom:5px;margin-left:5px}div#conteneur div.tableau_principale{width:250px;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;border-radius:15px;margin:10px;box-shadow:0 0 6px #128aff;background-color:rgba(14,28,44,1);overflow:hidden;position:relative;z-index:10}div#conteneur div.tableau_principale::before{content:"";position:absolute;top:-10%;left:0%;width:50%;height:80%;background:linear-gradient(60deg,transparent,#45f3ff,#45f3ff);transform-origin:bottom right;animation:animate 6s linear infinite;animation-delay:-3s;z-index:-10}div#conteneur div.tableau_principale::after{content:"";position:absolute;top:-10%;left:0%;width:50%;height:80%;background:linear-gradient(60deg,transparent,#ee3e36,#ee3e36);transform-origin:bottom right;animation:animate 6s linear infinite;z-index:-10}@keyframes animate{

		%0
		{
			transform: rotate(0deg);
		}
		100%
		{
			transform: rotate(360deg);
		}
	}div#conteneur div.tableau_principale .anim{width:246px;height:346px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;inset:1px;border-radius:15px;background-color:rgba(14,28,44,1);z-index:10;left:0;right:0;top:0;bottom:0}div#conteneur div.tableau_principale p img{width:150px;height:150px;z-index:30}div#conteneur div.tableau_principale p{font-size:16px;padding:10px;color:#fff;text-transform:uppercase}div#conteneur div.tableau_principale a{text-decoration:none;color:#fff;padding:10px;background-color:rgba(14,28,44,1);border-radius:5px;transition:.2s ease}div#conteneur div.tableau_principale a:hover{background-color:#ee3e36;color:#0c1c2c;font-weight:bold}}*{margin:0;padding:0;box-sizing:border-box}html#menu_html{font-size:16px;height:145px}body#menu_body{height:145px;font-family:sans-serif;font-family:Helvetica,poppins,Time\ New\ Roman}body{height:145px;font-family:sans-serif;font-family:Helvetica,poppins,Time\ New\ Roman}header#menu_header{position:fixed;width:100%;height:75px;top:0;left:0;background:#0c1c2c;box-shadow:0 0 4px rgba(0,0,0,.4);color:#fff;padding:0 2rem;z-index:100;border-bottom:1px solid #f1f1f1;font-family:sans-serif}nav#menu_nav{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}nav#menu_nav .logo{font-size:2rem}nav#menu_nav .logo{width:195px;height:45px}nav#menu_nav .logo img{width:195px;height:auto}nav#menu_nav .toggle{display:none}.ouvrir{width:45px;height:45px}.fermer{width:45px;height:45px}.menu{display:flex;justify-content:space-between;align-items:center;list-style:none;width:80%;color:#f1f1f1;font-size:16px;font-weight:bold}.menu-item{color:#f1f1f1;font-size:15px;font-weight:bold}.menu li a{color:#f1f1f1;font-size:15px;font-weight:bold;text-decoration:none}.menu li a:hover{padding-bottom:8px;border-bottom-radius:5px;border-bottom:3px solid #eeca4a}li a.btn{border:0;background:#04b7b6;font-size:.7em;padding:.5rem 1rem;border-radius:20px;color:#f1f1f1}li a.btn .btn-secondary{background:transparent;border:2px solid #04b7b6;color:#f1f1f1}.menu .menu-item ul{position:absolute;visibility:hidden;z-index:20;opacity:0;text-align:left;list-style:none}.menu .menu-item:hover ul{font-size:16px;font-weight:bold;list-style:none;color:#ffa500;background-color:#0c1c2c;visibility:visible;transition:.3s;opacity:1;text-align:left}.menu .menu-item ul li a{width:170px;height:45px;background-color:#0c1c2c;color:#f1f1f1;top:10px;padding:10px;position:relative;font-size:16px;display:block;border-bottom:1px solid rgba(0,0,0,.1)}.menu .menu-item ul li a:hover{width:170px;height:45px;background-color:#04b7b6;color:#fff;top:10px;padding:10px;position:relative;font-size:16px;display:block;border-bottom:1px solid rgba(0,0,0,.1)}@media all and (max-width:991px){header#menu_header{width:100%;position:fixed;top:0;background:#0c1c2c;z-index:120}header#menu_header #menu_nav .toggle{display:block;font-size:2rem;cursor:pointer;position:relative;z-index:20;border-radius:5px;border:1px solid #fff}.logo{position:relative;z-index:20;margin-left:-30px}.logo img{width:45px;height:45px}.ouvrir{display:block}.fermer{display:none}.open .ouvrir{display:none}.open .fermer{display:block}#menu_nav .menu{position:absolute;top:0;left:0;width:100%;height:110vh;background:#000;flex-direction:column;padding:2rem;justify-content:space-around;transform:translateX(-100%);transition:transform 1s;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)) , url(https://www.isoc.ml/image/xfond_isoc1.jpg.pagespeed.ic.ngeh3VStH9.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}li a.btn .btn-secondary{background:transparent;border:2px solid #04b7b6;color:#fff;margin-top:30px}.menu#menu_nav li a{font-size:20px;color:#fff}li a.btn{border:0;background:#04b7b6;font-size:1rem;padding:.5rem 1rem;border-radius:10px;color:#fff}.btn{border-radius:5px;font-size:20px}.open #menu_nav .menu{transform:translateX(0)}#menu_nav.menu .menu-item{font-size:20px;color:#fff;margin:10px}#menu_nav .menu .menu-item:hover ul{font-size:16px;font-weight:bold;list-style:none;background-color:#0c1c2c;visibility:visible;transition:.3s;opacity:1;text-align:left}#menu_nav .menu .menu-item ul li a{width:170px;height:45px;background-color:#0c1c2c;color:#fff;top:10px;padding:10px;position:relative;font-size:16px;display:block;border-bottom:1px solid rgba(0,0,0,.1)}#menu_nav .menu .menu-item ul li a:hover{width:170px;height:45px;background-color:#04b7b6;color:#fff;top:10px;padding:10px;position:relative;font-size:16px;display:block;border-bottom:1px solid rgba(0,0,0,.1)}}*,::before,::after{margin:0;padding:0;box-sizing:border-box}body{background:#fff;font-family:Arial,Helvetica,sans-serif;height:100vh;display:flex;flex-direction:column}h1{font-size:10vw;text-align:center;margin-top:20px;color:#f1f1f1}#conteneur{flex:1 0 auto}.contenu-footer{width:100%;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;font-size:16px;padding:10px 0 8px}.bloc{width:25%;margin:0 30px}.footer-services h3,.footer-contact h3,.footer-logo h3,.footer-reseaux h3{font-size:16px;padding-bottom:20px}.footer-reseaux{width:1200px}.footer-reseaux h3{text-align:center;padding-bottom:4px}.liste-reseaux{display:flex;flex-direction:row;justify-content:center;align-items:center}.liste-contact img{width:35px;margin-right:10px}.footer-logo .liste-logo .img_logo{width:370px;height:auto}.footer-newslatter p{padding:15px}.footer-newslatter input{width:100%;height:35px;border:1px solid rgba(0,0,0,.5);margin-top:10px;margin-bottom:10px;outline:none;border-radius:5px}.footer-newslatter input:focus{border-bottom:3px solid #efca4a}.footer-newslatter input#submit{color:#fff;font-family:sans-serif;font-weight:bold;background-color:#40b1a3}.footer-newslatter{display:flex;flex-direction:column;justify-content:center;align-items:center}.liste-services,.liste-contact,.liste-logo,.liste-reseaux{list-style-type:none}.liste-contact li.li_footer{padding:2px 0;display:flex;flex-direction:row}.liste-contact li.li_footer img{display:flex;justify-content:center;align-items:center}.liste-services li.li_footer{padding:2px 0}.liste-services a{text-decoration:none;color:#f1f1f1}.liste-services a:hover{color:#128aff}.footer-reseaux{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px}.footer-reseaux .info{width:50%;display:flex}.footer-reseaux .img_badge{width:30%;display:flex;align-items:flex-start;cursor:pointer}.footer-reseaux .img_badge img{width:75px;height:75px}.footer-reseaux .info{position:relative;left:80px}.footer-reseaux .info img{width:35px;margin:10px 10px;cursor:pointer}.liste-reseaux .info a{text-decoration:none;color:#f1f1f1;display:flex;align-items:center;font-size:16px}img{width:20px}footer{flex-shrink:0;border-top:2px solid #efca4a;width:100%;background:#0c1c2c;color:#f1f1f1}footer img{width:25px}@media screen and (max-width:900px){*,::before,::after{margin:0;padding:0;box-sizing:border-box}body{background:#fff;font-family:Arial,Helvetica,sans-serif;height:100vh;display:flex;flex-direction:column}h1{font-size:10vw;text-align:center;margin-top:20px;color:#f1f1f1}#conteneur{flex:1 0 auto}.contenu-footer{width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:16px;padding:10px 0 8px}.bloc{width:100%;margin:10px}.footer-services h3,.footer-contact h3,.footer-logo h3,.footer-reseaux h3{text-align:center;font-size:16px;padding-bottom:20px}.footer-reseaux{width:100%}.footer-reseaux h3{text-align:center;padding-bottom:4px}.liste-reseaux{display:flex;flex-direction:row;justify-content:center;align-items:center}.liste-contact img{width:35px;margin-right:10px}.footer-logo .liste-logo .img_logo{width:250px;height:100px}.footer-newslatter p{padding:15px}.footer-newslatter input{width:98%;height:35px;border:1px solid rgba(0,0,0,.5);margin-top:10px;margin-bottom:10px;outline:none;border-radius:5px}.footer-newslatter input:focus{border-bottom:3px solid #efca4a}.footer-newslatter input#submit{color:#fff;font-family:sans-serif;font-weight:bold;background-color:#40b1a3}.footer-newslatter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0}.liste-services,.liste-contact,.liste-logo,.liste-reseaux{list-style-type:none}.liste-contact li.li_footer{padding:2px 0;display:flex;flex-direction:row}.liste-contact li.li_footer img{display:flex;justify-content:center;align-items:center;width:25px}.liste-services li.li_footer{padding:2px 0}.liste-services a{text-decoration:none;color:#f1f1f1}.liste-services a:hover{color:#128aff}.footer-reseaux{width:100%;margin:0;display:flex;flex-direction:row;justify-content:center;align-items:center}.footer-reseaux .info{width:65%;display:flex}.footer-reseaux .img_badge{width:30%;display:flex;align-items:flex-start;cursor:pointer}.footer-reseaux .img_badge img{width:45px;height:45px}.footer-reseaux .info{position:relative;left:0}.footer-reseaux .info img{width:25px;margin:4px 4px;cursor:pointer}.liste-reseaux .info a{text-decoration:none;color:#f1f1f1;display:flex;align-items:center;font-size:16px}img{width:20px}footer{flex-shrink:0;border-top:2px solid #efca4a;width:100%;background:#0c1c2c;color:#f1f1f1}footer img{width:25px}}