body
{ 
background-color: #647030;
color: black;
}

#page
{
	width : 980px;
	margin-left : auto;
	margin-right : auto;
	border-width: 3px ;
	border-style: solid ;
	border-color : white;
	background-color: #e6f3fe;
}

#haut
{
	height: 250px ;
	background: url("images/top.jpg") no-repeat;
}

#texte
{
	height: 596px ;
	background: url("images/blabla1.jpg") no-repeat;
	background-color: #e6f3fe;
	color: black;
	padding : 00px;
}

#bas
{
	position: relative ;
	height: 150px ;
	background: url("images/bottom.gif") no-repeat;
	background-color: #e6f3fe;
	color: black;
}

#validate
{
	position: relative ;
	width: 196px ;
	height: 31px ;
	left: 2px ;
	top: 117px;
}

#creator
{
	position: relative ;
	width: 330px ;
	height: 15px ;
	left: 650px ;
	top: 124px;
	font-size: 90%;
	background-image:none;
	color:black;
	
}
#creator a, a:hover, a:visited
{
	text-decoration:none ;
	background-image:none;
	color:black;
}

#menu
{
	position: relative ;	
	width: 210px ;
	height: 110px ;
	left: 700px ;
	top: 120px ;
}

#bouton1
{
	position: relative ;
	width: 100px ;
	height: 52px ;
	left: 0px ;
	top: 0px ;
}

#bouton1 a
{
	position: absolute ;	
	left: 0px ;
	top: 0px ;
	background: url("images/bouton.gif") no-repeat;
}

#bouton1 a:hover
{
	position: absolute ;	
	left: 0px ;
	top: 0px ;
	background: url("images/boutonb.gif") no-repeat;
}

#bouton2
{
	position: relative ;
	width: 100px ;
	height: 52px ;
	left: 110px ;
	top: -52px ;
}

#bouton2 a
{
	position: absolute ; 
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-act.gif") no-repeat;
}

#bouton2 a:hover
{
	position: absolute ; 
	left: 0px ;
	top: 0px ;
	background: url("images/boutonb-act.gif") no-repeat;
}

#bouton3
{
	position: relative ;	
	width: 100px ;
	height: 52px ;
	left: 0px ;
	top: -45px ;
}

#bouton3 a
{
	position: absolute ; 
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-acc.gif") no-repeat;
}

#bouton3 a:hover
{
	position: absolute ; 
	left: 0px ;
	top: 0px ;
	background: url("images/boutonb-acc.gif") no-repeat;
}

#bouton4
{
	position: relative ;	
	width: 100px ;
	height: 52px ;
	left: 110px ;
	top: -97px ;
}

#bouton4 a
{
	position: absolute ; 
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-gal.gif") no-repeat;
}

#bouton4 a:hover
{
	position: absolute ; 
	left: 0px ;
	top: 0px ;
	background: url("images/boutonb-gal.gif") no-repeat;
}

#google
{
	position: relative ;
	left: 0px ;
	background-color: #e6f3fe;
	color: black;
}

#google2
{
	position: relative ;
	left: 0px ;
	background-color: #e6f3fe;
	color: black
}

#floth
{
	position: relative ;
	width: 960px ;
	height: 90px ;
	left: 0px ;
	top: 10px ;
	color: black;
}
#floth a, a:hover, a:visited
{
	text-decoration:none ;
	background-color:transparent;
	color:black;
}

#flotl
{
	position: relative ;
	width: 480px ;
	height: 300px ;
	left: 30px ;
	top: 0px ;
	color: black;
}
#flotl a, a:hover, a:visited
{
	text-decoration:none ;
	background-color:transparent;
	color:black;
}

#flotr
{
	position: relative ;
	width: 460px ;
	height: 300px ;
	left: 500px ;
	top: -302px ;
	background-color:transparent;
	color:black;
}
#flotr a, a:hover, a:visited
{
	text-decoration:none ;
	background-color:transparent;
	color:black;
}

#flotlimgindex
{
	position: relative ;
	width: 400px ;
	height: 300px ;
	left: 45px ;
	top: 0px ;
	border-width: 1px ;
	border-style: solid ;
	border-color : #022416;
}
#flotlimgindex a
{
	position: absolute ; 
	left: 0px ;
	top: 0px ;
	background-image: url("images/maison.jpg");
	display:block;
}
#flotlimgindex a:hover
{
	position: absolute ; 
	left: 0px ;
	top: 0px ;
	background-image: url("images/maisonb.jpg");
	display:block;
}

#flotlimgacc
{
	position: relative ;
	width: 400px ;
	height: 300px ;
	left: 55px ;
	top: 0px ;
	border-width: 1px ;
	border-style: solid ;
	border-color : #022416;
}

#flotrimgactiv
{
	position: relative ;
	width: 400px ;
	height: 300px ;
	left: 545px ;
	top: -302px ;
	border-width: 1px ;
	border-style: solid ;
	border-color : #022416;
}

#flotb
{
	position: relative ;
	width: 800px ;
	height: 80px ;
	left: 80px ;
	top: -270px ;
	color:black;
}
#flotb a, a:hover, a:visited
{
	text-decoration:none ;
	background-color:transparent;
	color:black;
}

/* --------------------------------------------------------------- */
/* css de la gal photo */
#infogal
{
	position: absolute;
	width: 600px;
	height: 20px;
	top: 200px;
	left: 50px;
	text-decoration:none;
	color: black;
	background-color: transparent;
}
#container {
    position:relative; 
    width:950px; 
    height:550px; 
    margin:0px auto 0 auto; 
    border:1px solid #aaa; 
    text-align:right;
    }
	/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
 	background-color:#fff;
	color: black
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
	background-color:transparent;
   text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container ul {
    width:225px; 
    height:500px;
    }
#container li {
    float:left;
    }
	/* move the thumbnails into the correct position */
#container ul {
    margin:5px; 
    margin-top:20px;
    float:right;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:700px; 
    height:500px; 
    top:20px; 
    left:10px; 
    color:#000; 
    background:#fff;
    }
#container a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }	
#lienpage{
    position:absolute; 
    width:900px; 
    height:30px; 
    margin-right:5px;
    margin-left:5px;
    top:0px; 
    left:0px; 
}
#lienpage a, a:hover, a:visited
{
	text-decoration:none ;
	background-color:transparent;
	color:black;
}