*
{
border:0px solid #eee;
margin:0;
padding:0;
}

html,body
{
padding: 0px;
margin: 0px;
overflow: hidden;
}

body
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana;
font-size: 36px;
line-height: 34px;
/* background: url('images/bkg_01.jpg'); */
}

#motif
{
position: absolute;
z-index: 0;
top: 100px;
left: 506px;
}

#motif2
{
position: absolute;
z-index: 0;
top: 300px;
left: 798px;
}

#bkg
{
/*display: none;*/
position: absolute;
z-index: 10;
top: 0px;
left: 0px;
width: 646px;
height: 100%;
background-color: white;
overflow: none;
}

#cache
{
position: absolute;
z-index: 20;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: auto;
}

#border
{
position: absolute;
z-index: 30;
bottom: 0px;
left: 0px;
width: 646px;
height: 80px;
background-color: white;
overflow: none;
/* color: #a6bd35; */
color: #cacaca;
}

#border p
{
font-family: Arial;
font-size: 10px;
margin-left: 60px;
}

#border a
{
color: #cacaca;
}

#border a:hover
{
color: black;
}

.content em
{
display: block;
margin: 0px;
margin-top: 5px;
padding: 0px;
font-family: Arial, Helvetica, Verdana;
font-weight: normal;
font-size: 12px;
line-height: 15px;
margin-top: 10px;
margin-bottom: 10px;
}

p
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana;
font-size: 30px;
line-height: 32px;
}

h10
{
display: block;
margin: 0px;
margin-top: 5px;
padding: 0px;
font-family: Arial, Helvetica, Verdana;
font-weight: normal;
font-size: 12px;
line-height: 15px;
}

.article
{
display: block;
margin-top: 0px;
margin-bottom: 0px;
}

.article img
{
width: 72px;
height: 30px;
margin-right: 3px;
margin-top: 5px;
}

/*
.photos img
{
width: 72px;
height: 30px;
margin-right: 5px;
margin-top: 5px;
}
*/

a
{
text-decoration: none;
outline: none;
}

h1, h2, h3
{
font-size: 30px;
line-height: 32px;
cursor: pointer;
}

.activite
{
display: none;
}

.content
{
display: none;
}

#massage
{
margin-top: 60px;
margin-left: 60px;
width: 540px;
}

#colors
{
margin-left: 60px;
width: 540px;
}

#massage h1, #massage h1 a
{
/* color: #4c496b; */
color: #113c40;
}

#massage h2, #massage h2 a
{
/* color: #b2238c;*/
color: #0c7a8d;
}

#massage h3, #massage h3 a
{
/* color: #fd2600; */
color: #5aabd8;
}

#massage .content, #massage .content a
{
font-size: 30px;
line-height: 32px;
font-weight: bold;
color: #5aabd8;
}

#massage .content .subsection, #massage .content .subsection a
{
font-size: 30px;
line-height: 32px;
font-weight: bold;
color: #b5d7f5;
}

#colors h1, #colors h1 a
{
color: #6e090d;
}

#colors h2, #colors h2 a
{
color: #d91006;
}

#colors h3, #colors h3 a
{
color: #971467;
}

#colors .content, #colors .content a
{
font-size: 30px;
line-height: 32px;
font-weight: bold;
color: #fe0000;
}

#colors .content .subsection, #colors .content .subsection a
{
font-size: 30px;
line-height: 32px;
font-weight: bold;
color: #f49086;
}



/*** GALERIE ***/

.gallery {
	background-color: none;
	padding: 0px;
	width: 450px;
}
.gallery ul { list-style: none; }
.gallery ul li { display: inline; }
.gallery ul img {
	border: 0px solid #3e3e3e;
	/*border-width: 5px 5px 20px;*/
	border-width: 0px;
	height: 30px;
}
.gallery ul a:hover img {
	border: 5px solid #fff;
	/*border-width: 5px 5px 20px;*/
	border-width: 0px;
	color: #fff;
}
.gallery ul a:hover { color: #fff; }
.gallery ul img {
margin-right: 2px;
}





/*** BACKGROUNDS ***/

#cercle_urbancolors
{
/*display: none;*/
position: absolute;
z-index: 0;
bottom: -30%;
left: 620px;
height: 500px;
width: 500px;
background-image: url(../images/cercle_urbancolors.jpg);
}

#cercles_urbanmassage
{
display: none;
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
}

#cercles_urbanmassage #cercle_1
{
/*display: none;*/
position: absolute;
left: 640px;
top: -100px;
height: 283px;
width: 283px;
background-image: url(../images/cercle_urbanmassage.jpg);
}

#cercles_urbanmassage #cercle_2
{
/*display: none;*/
position: absolute;
left: 1000px;
top: 160px;
height: 283px;
width: 283px;
background-image: url(../images/cercle_urbanmassage.jpg);
}

#cercles_urbanmassage #cercle_3
{
/*display: none;*/
position: absolute;
left: 750px;
top: 420px;
height: 283px;
width: 283px;
background-image: url(../images/cercle_urbanmassage.jpg);
}