html, body{background-color: #000000; height:100%;}
html{overflow-y:scroll;}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.container {
	width:1000px;
	background-color : black;
	margin-left:auto;
	margin-right:auto;
}

.container {
	width:1000px;
	background-color : black;
	margin-left:auto;
	margin-right:auto;
}

a{
	color: #98989C;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a.on {
	color: #FFFFFF;
	text-decoration: none;
}

a.off {
	color: #98989C;
	text-decoration: none;
}

a.off:hover {
	color: #FFFFFF;
	text-decoration: none;
}

a.contact {
	color: #FFFFFF;
	text-decoration: none;
}

a.contact:hover {
	color: #98989C;
	text-decoration: none;
}

.home {
	position:relative;
	width:343px;
	height:35px;
	margin-top:250px;
	background-color:#000000;
	margin-left:auto;
	margin-right: auto;
}

.on {
	font-size: 10px;
}

.off {
	font-size: 10px;
}

img {
	border : 0px;
}

p {
	margin: 0px;
	padding: 0px;
}


    /**
 * Slideshow style rules.
    */
    #slideshow {
        margin:0 auto;
        width:640px;
        height:263px;
        background:transparent url(/images/img/bg_slideshow.jpg) no-repeat 0 0;
        position:relative;
    }
    #slideshow #slidesContainer {
        margin:0 auto;
        width:560px;
        height:263px;
        overflow:auto; /* affiche une scrollbar au cas ou */
        position:relative;
    }
    #slideshow #slidesContainer .slide {
        margin:0 auto;
        width:540px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
        height:263px;
    }

    /**
     * Slideshow controls style rules.
    */
    .control {
        display:block;
        width:39px;
        height:263px;
        text-indent:-10000px;
        position:absolute;
        cursor: pointer;
    }
    #navDiapo{
        display:block;
        width:20px;
        height:20px;
        position:absolute;
        right:25px;
        bottom:10px;
        cursor:pointer;

    }
    #leftControl {
        top:0;
        left:0;
        background:transparent url(/images/img/control_left.jpg) no-repeat 0 0;
    }
    #rightControl {
        top:0;
        right:0;
        background:transparent url(/images/img/control_right.jpg) no-repeat 0 0;
    }

    /**
     * Style rules for Demo page
    */
    /* {
        margin:0;
        padding:0;
        font:normal 11px Verdana, Geneva, sans-serif;
        color:#ccc;
    }*/
    a {
        color: #fff;
        font-weight:bold;
        text-decoration:none;
    }
    a:hover {
        text-decoration:underline;
    }
    /*body {
        background-color: #000000;
    }*/

    #pageContainer {
        /*margin:0 auto;*/
        width:500px;
        background-color: red;
    }
    /*#pageContainer h1 {
        display:block;
        width:748px;
        height:114px;
        margin:auto;
        background:transparent url('/images/www/guillaumeriviere.gif') no-repeat center;
        text-indent: -10000px;
    }*/
    /*.slide h2, .slide p {
        margin:15px;
    }
    .slide h2 {
        font:italic 24px Georgia, "Times New Roman", Times, serif;
        color:#ccc;
        letter-spacing:-1px;
    }*/
    .slide img {
        float:right;
        margin:0 15px;
    }