/*
html {
    background: #afdde5;
}
*/


body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #FFFFFF;
    /*background: #afdde5;*/
    background: #05262C url(../images/fond.bg.png) top center repeat-x;
	padding: 0;
	margin: 0;
}

#wrapper {
    color: #FFFFFF;
    width: 864px;
    /*height: 767px;*/
    background: /*#05262C url*/ url(../images/main.bg.png) top center repeat-x;
    padding: 0;
    margin: 0 auto;
    /*overflow: hidden;*/
}

a img{
	border: 0px;
}


#menu a:link{
	color: #FFFFFF;
	text-decoration:none;
}
#menu a:active{
	color: #FFFFFF;
	text-decoration:none;
}
#menu a:visited{
	color: #FFFFFF;
	text-decoration:none;
}
#menu a:hover {
	color: #33CCFF;
	text-decoration:none;
}

a:link{
	color: #FFFFFF;
	text-decoration:underline;
}
a:active{
	color: #FFFFFF;
	text-decoration:underline;
}
a:visited{
	color: #FFFFFF;
	text-decoration:underline;
}
a:hover {
	color: #33CCFF;
	text-decoration:underline;
}





#page {
	/*width: 507px;
	height: 428px;
	margin: 100px auto 0 auto;
	padding: 0 10px;*/
    width: 507px;
    height: 710px;/*428*/
    margin: 0 auto;
    position: relative;
    top: 99px;
	overflow: hidden;
}



#menu {
	position: absolute;
	left: 3px;
	top: 10px;
	width: 355px;/*305*/
	font-weight: bold;
}

#menu2 {
    position: absolute;
    left: 152px;
    top: 40px;
    width: 305px;

}

#contenu {
	/*width: 400px;
	height: 320px;
	margin: 80px auto 0 auto;
	overflow: auto;
	text-align: justify;
	padding: 0 10px;*/
	width: 500px;/*460*/
    /*height: 400px;*/
    position: absolute;
    top: 70px;/*100*/
    left: 0px;/*17*/
   	overflow: auto;
    text-align: justify;
    padding: 0 10px;

}

/*#realisations {
	margin: 3em 0 0 0;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
}

#liste_realisations {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
	margin-top: 10px;
}

#liste_realisations a {
    text-decoration: none;
    display: block;
    width: 300px;
    height: 50px;
	margin: 0 auto;
}

#liste_realisations #jackiegouba a {
    background: url( ../images/realisations/lastprojet.gouba.normal.png ) top left no-repeat;
}

#liste_realisations #jackiegouba a:hover {
    background: url( ../images/realisations/lastprojet.gouba.hover.png ) top left no-repeat;
}

#liste_realisations #bannieres a {
    background: url( ../images/realisations/lastprojet.bannieres.normal.jpg ) top left no-repeat;
}

#liste_realisations #bannieres a:hover {
    background: url( ../images/realisations/lastprojet.bannieres.hover.jpg ) top left no-repeat;
}

#liste_realisations #print a {
    background: url( ../images/realisations/lastprojet.print.normal.jpg ) top left no-repeat;
}

#liste_realisations #print a:hover {
    background: url( ../images/realisations/lastprojet.print.hover.jpg ) top left no-repeat;
}

#liste_realisations a .text {
    position:relative;
    z-index: -1;
    top: 5px;
    left: 5px;

}*/

/* Menu à mettre ailleurs */
                                #menu ul, #menu li {
                                    padding: 0;
                                    margin: 0;
                                }

                                #menu ul { /* all lists */
                                    list-style: none;
                                }

                                #menu li { /* all list items */
                                    float: left;
                                    position: relative;
                                    margin-right: 1em;
                                }

                                #menu li li { /* all list items */
                                    margin-right: 0;
									margin-left: 10px;
                                }

                                #menu li ul { /* second-level lists */
                                    display: none;
                                    position: absolute;
                                    top: 1em;
                                    left: 0;
                                }

                                #menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
                                    top: auto;
                                    left: auto;
                                }

								#menu li:hover ul, li.hover ul { /* lists nested under hovered list items */
									display: block;
									z-index: 10;
								}