Conflitti librerie

[Andrea_CT]

In pratica utilizzo nella pagina HTML un template scaricato che utilizza le seguenti librerie:

    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="templategestione/css/reset.css"> <!-- CSS reset -->
    <link rel="stylesheet" href="templategestione/css/style.css"> <!-- Resource style -->
    <script src="templategestione/js/modernizr.js"></script> <!-- Modernizr -->
<script src="templategestione/js/jquery-2.1.4.js"></script>
<script src="templategestione/js/jquery.menu-aim.js"></script>
<script src="templategestione/js/main.js"></script>

Nella parte centrale della pagina ho un div che contiene una datatable, che per funzionare ha bisogno di queste librerie:

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    <script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js"></script>
    <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>

Se nella pagina metto solo il template o solo la datatable funziona tutto correttamente, se li metto insieme nascono i problemi perché a quanto ho capito le librerie jquery vanno in contrasto.