body {
	margin: 0;
	padding: 0px 0px;
	font: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	background-color:#555;
	font-size: 70%;
  }


.blockcontenu {
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size:1.1em;
	color: #330066;
}


h2 {
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size: small;
	color: #330066;
}

a:link {
  color:#880000;
  text-decoration:none;
  }
a:visited {
  color:#880000;
  text-decoration:none;
  }
a:hover {
  color:#880000;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
.form {
	font-size:11px;
	color:#52280F;
	font-family:Tahoma, arial, verdana, courier;
	width:123px;
	height:19px;
	padding:0px 0px 0px 5px;
	margin:0px 4px 0px 0px;
	background-color:#DDCE8F;
	border:#775B33 solid 1px;
	vertical-align:top;
}
#splashpage p {
	text-align: center;
}
#splashpage_exemple1 p, #splashpage_exemple2 p {
	text-align: center;
}
.bgtissus {
	background-image: url("images/canvas-01-50.jpg");
}


#splashpage_exemple2 {
	background-image: url("images/vague.jpg");
}
#splashpage_exemple3 {
	background-image: url("images/nuages.jpg");
}

.center {
	margin: auto;
    width: 100%;
    max-width: 1310px;
	height: 0px;
}

.bg-bio {

}

#conteneur {
	position: relative;
    width: 500px;
    height: 460px;
    z-index: 1;
    left: 230px;
    top: -670px;
    overflow: auto;
}

#contenu {
	position: absolute;
    width: 480px;
    height: 50px;
    z-index: 2;
    left: 0px;
    top: 0px;
}

#hilite {
	position: relative;
    width: 32px;
    height: 23px;
    z-index: 11;
    left: 4px;
}

#copyright {
	position: relative;
	left: 450px;
}
#cr-bio {
	color: antiquewhite;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 200;
	position: relative;
    width: 380px;
    height: 20px;
    z-index: 10;
    left: 100px;
	top: -520px;
}
#cr-black {
	color: black;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	/*font-weight: 200;*/
	position: relative;
    width: 380px;
    height: 20px;
    z-index: 10;
    left: 100px;
	top: -520px;
}

#conteneur #contenu p {
	text-align: justify;
}




/* SCROLLBAR WEBKIT */

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px #33006688;
    border-radius: 10px;
}

/* Track NOT covered by thumb */
/*::-webkit-scrollbar-track-piece {
	background: #a56f5c22;
}*/
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #33006688; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #330066dd; 
}

/* OLD FF SCROLLBAR */
/*.blockcontenu {
  scrollbar-base-color: #CC947C;
  scrollbar-arrow-color: #306;
  scrollbar-DarkShadow-Color: #306;
}*/


/* À TESTER AVEC IE */

/*
body{
  scrollbar-base-color: #33006688;
  scrollbar-face-color: #33006688;
  scrollbar-3dlight-color: #ddd;
  scrollbar-highlight-color: #fff;
  scrollbar-track-color: #33006688;
  scrollbar-arrow-color: #33006688;
  scrollbar-shadow-color: #aaa;
  scrollbar-dark-shadow-color: #000;
}
*/