/* CSS Document */


body {
font-family : Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
background-color : #00cccc;
}
#contenant {
margin : 0 auto;
padding : 0;
width : 940px;
position : relative;
top : 50px;
height : 1000px;
background-color : #00cc66;
border-color : #cc6633;
}
#banniere {
background : url(http://www.cartemonde.net/carte-geographique/banniere.jpg) no-repeat top left;
position : absolute;
width : 930px;
left : 5px;
top : 5px;
height : 100px;
background-color : #00cc66;
border-color : #cc6633;
}
#banniere1 {
position : absolute;
width : 730px;
left : 200px;
top : 80px;
height : 20px;
}
#im {
position : absolute;
width : 80px;
height : 20px;
}



#sommaire {
background : url(http://www.cartemonde.net/carte-geographique/sommaire.jpg) no-repeat top left;
height : 695px;
width : 180px;
position : absolute;
top : 220px;
left : 4px;
margin : 0;
padding-bottom : 2px;
background-color : #99cccc;
}
#sommaire1 {
height : 680px;
width : 160px;
position : absolute;
top : 5px;
left : 10px;
margin : 0;
}
#pubgauche {
background : url(http://www.cartemonde.net/carte-geographique/pubgauche.jpg) no-repeat top left;
height : 100px;
width : 180px;
position : absolute;
top : 115px;
left : 4px;
margin : 0;
background-color : #99cccc;
}

#banniere2 {
position : absolute;
width : 180px;
left : 4px;
top : 400px;
height : 100px;
}

#pubgauche1 {
height : 90px;
width : 170px;
position : absolute;
top : 5px;
left : 5px;
margin : 0;
background-color : #99cccc;
}
ul#menu li ul {
display : none;
}
ul#menu li:hover > ul {
display : block;
}
ul#menu {
float : left;
}
ul#menu, ul#menu ul {
background-color : #99cccc;
list-style : none;
margin : 0;
padding : 0;
width : 160px;
color : #ffffff;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
text-align : center;
}
.step1 {
border : 1px solid;
border-top-color : #ffffff;
border-left-color : #ffffff;
border-right-color : #ffffff;
border-bottom-color : #ffffff;
background-color : #0066cc;
height : 20px;
font-weight : bold;
color : #ffffff;
}
.step2 {
border : 1px solid;
border-top-color : #ffffff;
border-left-color : #ffffff;
border-right-color : #ffffff;
border-bottom-color : #ffffff;
width : 100px;
}
.step3 {
width : 100px;
}
ul#menu ul {
position : absolute;
top : -2px;
left : 148px;
width : 100px;
}
ul#menu li {
position : relative;
margin : 5px;
padding : 0;
display : block;
}
ul#menu a {
display : block;
width : 100%;
color : #ffffff;
text-decoration : none;
}
ul#menu a:hover {
background : #66cccc;
color : #0066cc;
}
#centre {
background : url(http://www.cartemonde.net/carte-geographique/centre.jpg) no-repeat top left;
position : absolute;
top : 115px;
left : 190px;
width : 580px;
height : 800px;
margin : 0;
color : #3366cc;
font-size : 13px;
text-indent : 12px;
padding : 10px;
}
#centrescroll {
background : url(http://www.cartemonde.net/carte-geographique/centre.jpg) no-repeat top left;
position : absolute;
top : 115px;
left : 187px;
width : 575px;
height : 780px;
margin : 0;
color : #3366cc;
font-size : 13px;
text-indent : 12px;
padding : 10px;
overflow:scroll;
}
#drapeau {
position : absolute;
top : 20px;
left : 20px;
width : 100px;
height : 50px;
margin : 0;
color : #3366cc;
font-size : 11px;
padding : 2px;
}
#menudroit {
background : url(http://www.cartemonde.net/carte-geographique/menudroit.jpg) no-repeat top left;
position : absolute;
top : 115px;
left : 785px;
width : 150px;
height : 800px;
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : #99cccc;
font-size : 13px;
}
#zoom {
position : absolute;
top : 10px;
left : 5px;
width : 140px;
height : 200px;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #3366cc;
}
#footer {
background : url(http://www.cartemonde.net/carte-geographique/footer.jpg) no-repeat top left;
position : absolute;
top : 925px;
width : 930px;
height : 50px;
left : 5px;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
background-color : #99cccc;
font-size : 13px;
}
h1 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #0099cc;
background-color : transparent;
text-decoration : underline;
text-align : center;
}
h2 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #339999;
background-color : transparent;
text-align : left;
margin-left : 10px;
margin-right : 10px;
}
h3 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #3399cc;
background-color : transparent;
text-align : left;
margin-left : 10px;
}
a:link {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #0099cc;
background-color : transparent;
text-decoration : none;
}
a:visited {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #0099cc;
background-color : transparent;
text-decoration : none;
}
a:hover {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #0099cc;
background-color : transparent;
text-decoration : underline;
}