/* ---- Setting up the base for our map ----  */
/* Stripping out any margin or padding */
/*ul, li {
   margin: 0;
   padding: 0;
}
/* Removing the bullet points */
/*ul li {
   list-style: none;
}
/*
Setting the dimensions to match the image.
Change to a block element, and set the position as relative
for a base for our absolution positioning math
*/
/*ul {
   display: block;
   width: 700px;
   height: 400px;
   background: url(images/world.gif) no-repeat;
   position: relative;
}

ul li a {
   display: block;
   position: absolute;
   border: none;
   color: #000000;
   text-decoration: none;
}
/* Setting up our text content to only show on hover */
/*ul li a span {
   display: none;
}
ul li a:hover span {
   display: block;
   position: absolute;
   width: 160px;
}

/* Positioning and dimensions, based off of image size of overlay and position in relative to base map  */
/*a#north-america {
   top: 44px;
   left: 25px;
   width: 190px;
   height: 110px;
   cursor: pointer;
}

/* Sets up our region for display on hover  */
/*a#north-america:hover {
   width: 190px;
   height: 110px;
   background: url(images/north-america.gif) no-repeat;
}

/* Sets up our text for display on hover positioning based off of parent element  */
/*a#north-america:hover span{
   top: cpx;
   left: 0px;
   visibility: hidden;
}

a#central-america {
   top: 131px;
   left: 82px;
   width: 66px;
   height: 52px;
   cursor: pointer;
   border: 1px solid yellow;
}

a#central-america:hover {
   background: url(images/central-america.gif) no-repeat;
}

a#central-america:hover span{
   top: 0px;
   left: 0px;
   visibility: hidden;
}

a#south-america {
   top: 182px;
   left: 147px;
   width: 111px;
   height: 170px;
   cursor: pointer;
   border: 1px solid grey;
}

a#south-america:hover {
   background: url(images/south-america.gif) no-repeat;
}

a#south-america:hover span{
   top: 0px;
   left: 0px;
   visibility: hidden;
}

a#europe {
   top: 57px;
   left: 320px;
   width: 113px;
   height: 75px;
   cursor: pointer;
   border: 1px solid green;
}

a#europe:hover {
   background: url(images/europe.gif) no-repeat;
}

a#europe:hover span{
   top: 0px;
   left: 0px;
   visibility: hidden;
}

a#asia {
   top: 53px;
   left: 396px;
   width: 243px;
   height: 199px;
   cursor: pointer;
   border: 1px solid blue;
}

a#asia:hover {
   background: url(images/asia.gif) no-repeat;
}

a#asia:hover span{
   top: 0px;
   left: 0px;
   visibility: hidden;
}

a#africa {
   top: 127px;
   left: 283px;
   width: 150px;
   height: 189px;
   cursor: pointer;
   border: 1px solid red;
}

a#africa:hover {
   background: url(images/africa.gif) no-repeat;
}

a#africa:hover span{
   top: 0px;
   left: 0px;
   visibility: hidden;
}

a#south-africa {
   top: 295px;
   left: 320px;
   width: 86px;
   height: 21px;
   cursor: pointer;
}

a#south-africa:hover {
   background: url(images/south-africa.gif) no-repeat;
}

a#south-africa:hover span{
   top: 0px;
   left: 0px;
   visibility: hidden;
}
*/

/*la carte de Mimi*/
div#carte {
   width: 700px;
   height: 400px;
   background: url(images/world.gif) no-repeat;
   z-index: 200;
}
#carte a#north-america, #carte a#central-america, #carte a#south-america, #carte a#europe, #carte a#asia, #carte a#africa, #carte a#south-africa {    
	position: absolute;
	display: inline;
   cursor: pointer;
   text-decoration: none;
}
#carte a#north-america {    
   width: 190px;
   height: 110px;
}
#carte a#central-america {    
   width: 126px;
   height: 72px;
}
#carte a#south-america {    
   width: 111px;
   height: 170px;
}
#carte a#europe {    
   width: 307px;
   height: 90px;
}
#carte a#asia {    
   width: 249px;
   height: 252px;
}
#carte a#africa {    
   width: 150px;
   height: 189px;
}
#carte a#south-africa {    
   width: 107px;
   height: 64px;
}
#carte a:hover#north-america {
   background: url(images/north-america.gif) no-repeat;
}
#carte a:hover#central-america {
   background: url(images/central-america.gif) no-repeat;
}
#carte a:hover#south-america {
   background: url(images/south-america.gif) no-repeat;
}
#carte a:hover#europe {
   background: url(images/europe.gif) no-repeat;
}
#carte a:hover#asia {
   background: url(images/asia.gif) no-repeat;
}
#carte a:hover#africa {
   background: url(images/africa.gif) no-repeat;
}
#carte a:hover#south-africa {
   background: url(images/south-africa.gif) no-repeat;
}
#north-america {
	margin-left: 25px;
	margin-top: 44px;
}
#central-america {
	margin-left: 81px;
	margin-top: 131px;
}
#south-america {
	margin-left: 147px;
	margin-top: 182px;
}
#europe {
	margin-left: 320px;
	margin-top: 52px;
}
#asia {
	margin-left: 426px;
	margin-top: 109px;
}
#africa {
	margin-left: 283px;
	margin-top: 127px;
}
#south-africa {
	margin-left: 320px;
	margin-top: 252px;
}
a#north-america span, a#central-america span, a#south-america span, a#europe span, a#asia span, a#africa span, a#south-africa span  {
   visibility: hidden;
}