<html>
<head>


		                    <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" />
<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: 14px;
	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;
            width: 753px;
        }
        .style2
        {
            height: auto;
        }
        
        .style2
        {
            height: auto;
        }
        .style13
        {
            width: 100%;
        }
        .style14
        {
            text-align: left;
        }
        .style16
        {
            text-align: left;
            height: auto;
        }
        .style17
        {
            height: auto;
        }
        .style18
        {
            font-family: Verdana;
        }
        .style19
        {
            color: #333300;
            font-weight: bold;
        }
        </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" style="font-family: Verdana">
<!-- 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" 
            class="style16">
			</td>
		<td width="760" bgcolor="White" class="style17">
    <table id="Table_2" align="center" bgcolor="White" border="0" cellpadding="0" 
        cellspacing="0">
        <tr>
            <td class="style2" valign="top" bgcolor="White" 
                style="border: 1px solid #C0C0C0;">
                       <o:p></o:p>
                <table class="style13">
                    <tr>
                        <td class="style14" bgcolor="White" 
                            
                            style="border-width: 0px; border-style: none; background-image: url('images/Titlebg.jpg')">
                            <o:p>
                            <span class="style18" lang="FR" style="font-size: 13pt;">
                            <span class="style19">DOCUMENTS</span></span></o:p></td>
                    </tr>
                    </table>
                       <ul>
                           <li><a href="Oicm_reglement.pdf">REGLEMENT DE L' ORDRE</a></li>
                           <li><span lang="FR"><a href="INSCRIPTION.HTM">INSCRIPTION A L' ORDRE</a></span></li>
                           <li><a href="DISCOURSMET.HTM">DISCOURS DU MINISTRE DE L' EQUIPEMENT ET DU TRANSPORT</a></li>
                       </ul>
                       <p>
                           &nbsp;</p>
                       <p>
                           &nbsp;</p>
                       <p>
                           &nbsp;</p>
                       <p>
                           &nbsp;</p>
                       <p>
                           &nbsp;</p>
                       <p>
                           &nbsp;</p>
                       <p>
                           &nbsp;</p>
                       <p>
                           &nbsp;</p>
            </td>
        </tr>
    </table>
        </td>
		<td colspan="2" 
            
            style="background-image: url('images/index_7.jpg'); background-repeat: repeat-y" 
            class="style17">
			</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>