<html>
<head>
<title>Ordre des Ingénieurs-Conseils du Mali [OICM]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">

        
#doc{margin:auto;text-align:left;width:57.69em;width:36em;
min-width:750px;
        height: 198px;
    }
    
.yui-t7{margin:auto;text-align:left;width:57.69em;*width:36em;
min-width:750px;
        height: 198px;
    }

#hd{
	font-size: 11px;	
}

.container {
  width: 575px;
  margin: 0 auto 0 0px;
        height: 175px;
    }




#manchette-services{
            margin-bottom: 0px;
        }
       
.column {
  float: left;
  margin-right: 10px;
}


.span-38 { width: 509px; 
margin: 0; }


.span-24 { width: 500px;
        height: 166px;
    }

#manchette{
	border:1px solid #ccc;
	padding: 1px;
	height: 157px;
}


.manchette-image{
	width: 310px;
	height: 155px;
	float: left;	
	overflow: hidden;
}

.manchette-links{
	margin-left: 5px;
	width: 150px;
	float: left;	
}

.manchette-titre{
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 10px;
	color: #444;
	background: url('../web2/images/buttons.gif') no-repeat 0px -137px;
	text-align: left;
	padding-left: 17px;
}


.manchette-chapeau{
	height: 95px;
	font-size: 11px;
	font-weight: normal;	
}

.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
				
.carousel-component { 
	background:#e2edfa;
	padding:0px;
	-moz-border-radius:6px;
	color:#618cbe;
}

.carousel-component { 
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
	-moz-border-radius:0px;
	background-color: white;
	clear:both;
}

#manchette-nav{
	height: 25px;
	position: relative;
	margin-top: -15px;
}

#manchette-prev{
	background: url('../web2/images/buttons.gif') no-repeat 0px -1945px;
	margin-top: -10px;
	width: 22px;
	height: 20px;
	margin-left: 380px;
	position: absolute;
	cursor: pointer;
	z-index: 10;
}

#manchette-pause{
	background: url('../web2/images/buttons.gif') no-repeat 0px -2065px;
	margin-top: -7px;
	width: 22px;
	height: 20px;
	margin-left: 403px;
	position: absolute;
	cursor: pointer;
	z-index: 10;
}

#manchette-next{
	background: url('../web2/images/buttons.gif') no-repeat 0px -2180px;
	margin-top: -9px;
	width: 22px;
	height: 20px;
	margin-left: 425px;
	position: absolute;
	cursor: pointer;
	z-index: 10;
}


#bd{
	font-size: 11px;	
}

#bd{zoom:1;}







        .menutitle{
            cursor: pointer;
            margin-bottom: 5px;
            background-color: #EFEFEF;
            color: #336600;
            width: 150px;
            padding: 3px;
            text-align: center;
            font-weight: bolder;
            border: 1px solid #669900;

            font-size: small;
            font-style: normal;
            font-variant: small-caps;
            text-transform: none;
        }
        .submenu{
            padding: 0px;
            margin-bottom: 0.5em;
            font-size: 14px;
            font-weight: lighter;
        }
        
        #Table_2
        {
            height: auto;
        }
        .style2
        {
            height: auto;
        }
        
        .style2
        {
            height: auto;
        }
        .style1
        {
            height: auto;
        }
        .style1
        {
            height: auto;
            width: 745px;
        }
        .style5
        {
            font-family: Verdana;
            font-weight: bold;
        }
    

        .style5
        {
            font-family: Verdana;
            font-weight: bold;
        }
        .style9
        {
            border: 1px dotted #CCCCCC;
            width: 760px;
            padding-left: 0px;
        }
         .style13
        {
            width: 100%;
        }
        .style14
        {
            text-align: left;
        }
        .style16
        {
            text-align: left;
            height: auto;
        }
        .style19
        {
            color: #333300;
            font-weight: bold;
        }
        .style21
        {
            font-family: Verdana;
        }
        .style10
        {
            font-weight: bold;
            text-align: left;
        }
        .style22
        {
            font-size: x-large;
        }
        .style23
        {
            font-family: Verdana;
            font-size: x-large;
        }
        .style24
        {
            font-weight: bold;
            font-size: x-large;
        }
        </style>
</head>

<script type="text/javascript">

    /***********************************************
    * Switch Menu script- by Martial B of http://getElementById.com/
    * Modified by Dynamic Drive for format & NS4/IE4 compatibility
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    var persistmenu = "yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
    var persisttype = "sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

    if (document.getElementById) { //DynamicDrive.com change
        document.write('<style type="text/css">\n')
        document.write('.submenu{display: none;}\n')
        document.write('</style>\n')
    }

    function SwitchMenu(obj) {
        if (document.getElementById) {
            var el = document.getElementById(obj);
            var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
            if (el.style.display != "block") { //DynamicDrive.com change
                for (var i = 0; i < ar.length; i++) {
                    if (ar[i].className == "submenu") //DynamicDrive.com change
                        ar[i].style.display = "none";
                }
                el.style.display = "block";
            } else {
                el.style.display = "none";
            }
        }
    }

    function get_cookie(Name) {
        var search = Name + "="
        var returnvalue = "";
        if (document.cookie.length > 0) {
            offset = document.cookie.indexOf(search)
            if (offset != -1) {
                offset += search.length
                end = document.cookie.indexOf(";", offset);
                if (end == -1) end = document.cookie.length;
                returnvalue = unescape(document.cookie.substring(offset, end))
            }
        }
        return returnvalue;
    }

    function onloadfunction() {
        if (persistmenu == "yes") {
            var cookiename = (persisttype == "sitewide") ? "switchmenu" : window.location.pathname
            var cookievalue = get_cookie(cookiename)
            if (cookievalue != "")
                document.getElementById(cookievalue).style.display = "block"
        }
    }

    function savemenustate() {
        var inc = 1, blockid = ""
        while (document.getElementById("sub" + inc)) {
            if (document.getElementById("sub" + inc).style.display == "block") {
                blockid = "sub" + inc
                break
            }
            inc++
        }
        var cookiename = (persisttype == "sitewide") ? "switchmenu" : window.location.pathname
        var cookievalue = (persisttype == "sitewide") ? blockid + ";path=/" : blockid
        document.cookie = cookiename + "=" + cookievalue
    }

    if (window.addEventListener)
        window.addEventListener("load", onloadfunction, false)
    else if (window.attachEvent)
        window.attachEvent("onload", onloadfunction)
    else if (document.getElementById)
        window.onload = onloadfunction

    if (persistmenu == "yes" && document.getElementById)
        window.onunload = savemenustate

</script>

<!--END MENU---->
<body bgcolor="#fbfbfb" leftmargin="0" topmargin="0" marginwidth="0" 
    marginheight="0">
<!-- ImageReady Slices (oicm.psd) -->
<table id="Table_01" width="810" border="0" cellpadding="0" 
        cellspacing="0" align="center">
	<tr>
		<td colspan="5">
			<img src="images/index_01.jpg" width="810" height="5" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_02.jpg" width="5" height="184" alt=""></td>
		<td colspan="3">
			<img src="images/index_03.jpg" width="800" height="184" border="0" alt="" usemap="#index_03_Map"></td>
		<td>
			<img src="images/index_04.jpg" width="5" height="184" border="0" alt="" usemap="#index_04_Map"></td>
	</tr>
	<tr>
		<td colspan="2" 
            style="background-image: url('images/index_5.jpg'); background-repeat: repeat-y">
			</td>
		<td width="760" height="395" bgcolor="White">
    <table id="Table_2" align="center" bgcolor="White" border="0" cellpadding="0" 
        cellspacing="0" width="759">
        <tr>
            <td class="style2" valign="top">
                &nbsp;</td>
            <td class="style2" valign="top" width="760">
                <table align="center" bgcolor="White" class="style1">
                    <tr valign="top">
                               <td align="center" class="style5" colspan="2" valign="top">
<!---------------------------------------Caroussel------------------------------>


		                    <link href="scripts/js/reset-fonts-grids/reset-fonts-grids.css?v=0.1" 
                                rel="stylesheet" type="text/css" />
                            <link href="scripts/js/carousel/carousel.css?v=0.1" rel="stylesheet" 
                                type="text/css" />
                            <link href="scripts/js/container/assets/skins/sam/container.css?v=0.1" 
                                rel="stylesheet" type="text/css" />
                            <link href="scripts/js/custom3.css?v=0.1" rel="stylesheet" type="text/css" />
                            <div id="doc" align="center" class="yui-t7">
			<script type="text/javascript" src="scripts/js/utilities/utilities.js?v=0.1"></script>

			                    <div id="hd" class="style16">
                                    <table style="width: 108%; height: 12px;">
                                        <tr>
                                            <td class="style10">
                                                Actualités</td>
                                            <td>
                                                &nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td align="justify" class="style17">
<script type="text/javascript">

    /***********************************************
    * IFRAME Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    //specify path to your external page:
    var iframesrc = "news.htm"

    //You may change most attributes of iframe tag below, such as width and height:
    document.write('<iframe id="datamain" src="' + iframesrc + '" width="150px" height="150px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>')

</script>
                                            </td>
                                            <td>
                                               <div align="center" class="container">
                                                    <div id="manchette-services" align="center" class="column span-38">
                                                        <div id="aujourdhui" align="left" class="column span-24" 
                                                            style="border-style: ridge; border-width: 0px">
                                                            
                                                            <div id="manchette-nav" align="left" style="display: block;top:-10px;">
                                                                <div id="manchette-prev">
                                                                </div>
                                                                <div id="manchette-pause">
                                                                </div>
                                                                <div id="manchette-next">
                                                                </div>
                                                            </div>
                                                            <span class="style24" lang="en-us">site en construction...</span></div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="style17">
                                                &nbsp;</td>
                                            <td>
                                                &nbsp;</td>
                                        </tr>
                                    </table>
                                </div>
                                <div id="bd" align="center">
                                </div>
                            </div>



		<script type="text/javascript" src="scripts/js/custom1.js?v=0.1"></script>
		<script type="text/javascript" src="scripts/js/container/container-min.js?v=0.1"></script>
		<script type="text/javascript" src="scripts/js/carousel/carousel.js?v=0.1"></script>
		<script type="text/javascript" src="scripts/js/menus.js"></script>
		<!--script type="text/javascript" src="http://98.130.36.90/scripts/js/custom22.js?v=0.1"></script-->




<!-- end -->
                        </td>
                    </tr>
                    <tr style="padding-top: 5px">
                        <td align="left" bgcolor="#999999" class="span-8-with-border-pad" 
                            style="border-width: 0px; background-color: #FFFFFF; padding-right: 5px;" 
                            valign="top">

                   <!--- INSERTING MENU --->
                   
                   <!-- Keep all menus within masterdiv-->
                            <div id="masterdiv" 
                                style="border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #C0C0C0; margin-bottom: 5px;">
                                <div class="menutitle" onclick="SwitchMenu('sub1')">
                                    Assemblée Générale</div>
                                <span id="sub1" class="submenu">
                                - <a href="prerogatives.htm">Prérogatives de l'AG</a><br/>
                                - <a href="">Recommendations</a><br />
                                </span>
                                <div class="menutitle" onclick="SwitchMenu('sub2')">
                                    <span lang="en-us"><a href="membres.htm">Le Conseil</a></span></div>
                                <div class="menutitle" onclick="SwitchMenu('sub3')">
                                    <span lang="en-us">Chambre Disciplinaire</span></div>
                                <div class="menutitle" onclick="SwitchMenu('sub4')">
                                    <span lang="en-us"><a href="/database/memberlist.php">Tableau de l'Ordre</a></span></div>
                                                     
                            
                            <div class="menutitle" onclick="SwitchMenu('sub5')">
                                <a href="reglement.pdf">Textes Réglementaires</a></div>
                                                      
                            
                                <div class="menutitle" onclick="SwitchMenu('sub6')">
                                <span lang="en-us">Annonces</span></div>
                                <span id="sub6" class="submenu">
                                -<a href="http://appel-d-offre.dgmarket.com/tenders/SearchResult.do~~ml~~" 
                                    target="_blank">Appel D'Offres</a> (Mali)
                                <br />
                                -<a href="http://www.jeuneafrique.com/annonces/appel_offres.asp" 
                                    target="_blank">Appel D'Offres</a> (Afrique)<br />
                                </span>
                                <div class="menutitle" onclick="SwitchMenu('sub7')">
                                    <span lang="en-us">L<span class="style19">iens Utiles</span></span></div>
                                <span id="sub7" class="submenu" lang="FR" style="font-family: Tahoma;">-<a 
                                    href="http://www.met.gov.ml">M.E.T</a><br />
                                -<a href="http://www.mlafu.gov.ml">Ministère Logement</a><br />
                                -<a href="http://www.mmee.gov.ml">Ministère des Mines</a><br />
                                -<a href="http://www.afdb.org">BAD</a><br />
                                -<a href="http://www.boad.org">BOAD</a><br />
                                -<a href="http://www.banquemondiale.org">Banque Mondiale</a></span><br />
                                <br />
                            </div>


                   <!-- END MENU ------->


                            &nbsp;
                            <embed allowfullscreen="true" allowscriptaccess="always" 
                                
                                    
                                flashvars="file=scripts/imagerotator/imagerotator.xml&amp;transition=random amp;backcolor=FFFFFF&amp;shownavigation=false;" src="scripts/imagerotator/imagerotator.swf" 
                                style="width: 147px; height: 135px; text-align: center;"></embed></td>
                        <td class="style9"
                            valign="top" 
                            style="border: 1px dotted #C0C0C0; margin-right: 5px; margin-left: 5px;">
                            <p>
                                <span class="style14"><b><br 
                                    class="style21" />
                                </b>
                                <table class="style13">
                                    <tr valign="top">
                                        <td align="center" class="style22" valign="middle">
                                            &nbsp;</td>
                                        <td>
                                            <span class="style21">
                                            <br class="style22" />
                                            <br class="style22" />
                                            <span class="style22">Chers visiteurs, </span> </span>
                                <br class="style23" />
                                <br class="style23" />
                                            <span lang="en-us"><span class="style22">Le site web de L'OICM est en 
                                            construction.</span><br class="style22" />
                                            <span class="style22">Veuillez revisiter plus tard.</span><br class="style22" />
                                            <span class="style22">Merci !</span></span></td>
                                    </tr>
                                </table>
                                <br />
                                </span></p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
        </td>
		<td colspan="2" 
            style="background-image: url('images/index_7.jpg'); background-repeat: repeat-y">
			</td>
	</tr>
	<tr>
		<td>
			<img src="images/index_08.jpg" width="5" height="21" alt=""></td>
		<td colspan="3">
			<img src="images/index_09.jpg" width="800" height="21" alt=""></td>
		<td>
			<img src="images/index_10.jpg" width="5" height="21" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/index_11.jpg" width="810" height="5" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="5" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="760" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="19" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="5" height="1" alt=""></td>
	</tr>
</table>
<map name="index_03_Map">
<area shape="rect" alt="Contact" coords="694, 136, 776, 164" href="Contact.htm" 
        target="_self">
<area shape="rect" alt="Documents" coords="592, 134, 692, 165" 
        href="Documents.htm" target="_self">
<area shape="rect" alt="Partenaires" coords="490, 136, 588, 164" 
        href="Partenaires.htm" target="_self">
<area shape="rect" alt="Membres" coords="399, 135, 484, 165" href="membres.htm" 
        target="_self">
<area shape="rect" alt="Mission" coords="301, 136, 380, 163" href="mission.htm" 
        target="_self">
<area shape="rect" alt="Accueil" coords="204, 136, 285, 162" href="index.htm" 
        target="_self">
</map>
<map name="index_04_Map">
<area shape="rect" alt="Contact" coords="0,177,5,184" href="Contact.htm" target="_self">
</map>
<map name="index_07_Map">
<area shape="rect" alt="Contact" coords="0,0,24,28" href="Contact.htm" target="_self">
</map>
<!-- End ImageReady Slices -->

</body>
</html>�