@font-face { 	font-family: "RomansCap"; 	src: url('../fonts//Roman-Caps/Roman_SD.ttf'); }

body{
padding:0;
margin:0;
width:100%;
/*background-color:#f0edda;
background-color:#2b6f7e;
background-image:url("http://creative.myspace.com/profiles/instyle-profile/css/Themes/clouds/bg_clouds.jpg");*/
background-image:url("http://creative.myspacecdn.com/profiles/themes/cardbox/bg.jpg");
background-repeat:repeat;
background-attachment:fixed;
font-family:serif,Purisa;
font-size:18px;
}

h1{
font-family:purisa;
}

a:active,
a:visited,
a:hover,
a:link{ color:#dedede;font-family:Purisa,serif;font-size:12px; font-weight:bold;text-decoration: none; }

table{
position:relative;
width:700px;
}

td.photo{
background-color:#f2eeea;
width:100px;
}

td.photo:hover{
background-color:#000;
width:100px;
}

#banniere{
z-index:100;
background-image:url("../backgrounds/drapeau.auvergnat.gif");
background-repeat:no-repeat;
background-position:center right;
/* border:6px inset orange; */
font-family:RomansCap;
font-size:90px;
margin-left:85px;
padding-top:50px;
height:150px;
left:200px;
top:25px;
width:690px;
text-align:center;
}

.titre 
{
position:relative;
top:45px;
opacity:0.85;
}

.titre a:active,
.titre a:visited,
.titre a:hover,
.titre a:link{color:#e3d453; font-size:60px;text-decoration: none;font-family:arial,times}

.flag{
position:absolute;
background-image:url("../backgrounds/flag.gif");
background-repeat:no-repeat;
padding-top:0px;
height:80px;
left:832px;
top:45px;
width:130px;
opacity:0.85;
}


.scotch{
background-image:url("../images/scotch.gif");
color:#ae1313;
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px;
padding-bottom:3px;
}

.scroll_left{
padding-right:50px;
padding-top:240px;
width:150px;
}

.scroll_right{
padding-left:50px;
padding-top:240px;
width:150px;
}

.scroll_top{
position:relative;
background-image:url("../backgrounds/scroll_t_fine.gif");
background-repeat:no-repeat;
padding-top:0px;
height:64px;
left:0px;
top:0px;
width:150px;
}

.scroll_middle{
position:relative;
background-image:url("../backgrounds/scroll_m_fine.gif");
background-repeat:repeat-y;
padding-top:0px;
height:600px;
left:0px;
top:0px;
width:150px;
}

.scroll_bottom{
position:relative;
background-image:url("../backgrounds/scroll_b_fine.gif");
background-repeat:no-repeat;
padding-top:0px;
height:64px;
left:0px;
top:0px;
width:150px;
}



.principal{
left:180px;
width:900px;
font-family:times,arial,Sans;
font-size:18px;

padding-bottom:15px;
text-align:left;
}

.main{
float:left;
text-align:left;
padding:16px;
margin-bottom:20px;
/*background-image:url("../backgrounds/Leaves.jpg");
background-position:right top;
background-repeat:repeat-y;
background-color:#f0edda;*/
background-color:aliceblue;
color:green;
font-size:18px;
width:870px;
-moz-border-radius-bottomright : 5px;
-webkit-border-radius-bottomright : 5px;
-webkit-border-radius-topright : 5px;
-moz-border-radius-topright : 5px;
-moz-box-shadow: 8px 8px 12px peru; 
-webkit-box-shadow: 8px 8px 12px peru; 
box-shadow: 8px 8px 12px peru; 
z-index: 50;

}

#fond{
/* background:url("http://creative.myspace.com/profiles/instyle-profile/css/Themes/spring/bg.jpg") no-repeat fixed left top #ABA75E;*/
 background:url("http://creative.myspacecdn.com/profiles/themes/splatters/bg.jpg") no-repeat fixed left top burlywood;
 padding-top:10px  
}  

#marge{
position:relative;
top:80px;
margin-left:30px;
height:40px;
white-space: nowrap;
width:810px;
z-index: 30;
}

.tab{
float:left;
padding:10px 10px 0px 10px;
background-color:#8dacd2;
border:1px solid black;
border-bottom:1px solid #daae43;
text-align:center;
cursor: pointer;
font-size:15px;
font-weight:bold;
-moz-border-radius-topright : 5px;
-webkit-border-radius-topright : 5px;
z-index: 30;
height:20px;
bottom:0px;
color:#143d5a;

}

#margeup{
top:0px;
position:relative;
margin-left:30px;
height:80px;
white-space: nowrap;
width:710px;
z-index: 20;
}

.tabup{
float:right;
padding:10px 10px 0px 10px;
background-color:#8dacd2;
border:1px solid black;
border-bottom:2px solid #bd792e;
text-align:center;
cursor: pointer;
font-size:15px;
-moz-border-radius-topright : 5px;
-webkit-border-radius-topright : 5px;
z-index: 20;
bottom:0px;
height:58px;
color:#143d5a;
font-weight:bold;

}

.tabbook{
position:relative;
z-index: 30;
padding:0px 0px 0px 0px;
left:890px;
height:100px;
width:30px;
top:10px;

cursor: pointer;
background-image:url("../backgrounds/cooltext425975549.png");
background-repeat:no-repeat;
background-color:#f0edda;
background-position:center 10px; 
border:1px solid black;
-moz-border-radius-bottomright : 5px;
-webkit-border-radius-bottomright : 5px;
}



#frame{	
height:0px;
}


.photo{
border:1px solid #161661;
padding:10px;
text-align:center;
}

a.info{position: relative;text-decoration: none;}

a.info span{ display: none;
	font-size:100%;
	position: absolute;
	top: -20px; 
	left: 40px;
	background: #f0edda;
	color: #161661;
	padding: 4px;
	margin:5px;
	border: 1px solid #161661;
	border-left: 2px solid #161661;
	border-radius : 15px;
   	-moz-border-radius : 15px;
	-webkit-border-radius : 15px;
   	z-index: 50;
	opacity:0.9;
	filter: alpha(opacity=90);
 }

a.info:hover {background: none; z-index: 75; }

a.info:hover span,.bulle {display: inline; }

div.hr {
  height: 35px;
  background: #f0edda url(../backgrounds/pen.gif) no-repeat scroll center;
}

div.hr hr {
  display: none;
}

.free{
	text-align:right;
	position:absolute;
	left:755px;
	display:none;
}



.book{
height:482px;
width:647px;
left:110px;
font-size:16px;
background-image:url("../backgrounds/livre,divers-172.jpg");
background-repeat:no-repeat;
-moz-border-radius-topleft : 10px;
-moz-border-radius-topright : 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
position:relative;
}

.book hr{
width:25%;
color:#ccc;
}
.pageleft{
position:relative;
text-align:justify;
height:380px;
width:253px;
left:40px;
top:18px;
line-height:20px;
float:left; 
color:black;
}

.pageright{
position:relative;
text-align:justify;
height:380px;
width:253px;
left:90px;
top:18px;
line-height:20px;
float:left; 
color:black;
}

#throwleft{
position:absolute;
height:20px;
width:107px;
top:450px;
left:45px;
display:none;
cursor:pointer;

}

#throwright{
position:absolute;
height:auto;
width:auto;
top:450px;
left:492px;
display:none;
cursor:pointer;

}


#stylo{
position:relative;
height:32px;
width:32px;
top:10px;
left:30px;
cursor:pointer;

}

.bulle {
	display: none; 
	position: absolute;
	top: 0px; 
	left:70px;
	background: #f0edda;
	color: #161661;
	padding: 4px;
	margin:5px;
	border: 1px solid #161661;
	border-left: 2px solid #161661;
   	-moz-border-radius : 15px;
	-webkit-border-radius : 15px;
    	z-index: 50;
}

#contenerPhoto{
height:auto;
width:auto;
}

#texteIntegral,#m0 { 
padding:0px;
visibility:hidden; 
position:absolute; 
top:0px; 
left:0px; 
line-height:20px;
text-align:justify; 
width:253px; 
}

#m0 { 
padding:0px;
visibility:hidden; 
position:absolute; 
top:0px; 
left:0px; 
line-height:20px;
text-align:justify; 
width:253px; 
}

#txt {
display:none;
} 

#lecteur{
position:relative;
visibility:hidden;
z-index:5;
}

.corps{
font-family:times,serif,Purisa;
font-size:18px;
color:#1e3342;

}


#filter
{
	display: none;
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:100;
	opacity:0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=50); 
}

#formpop{
	display: none;
	position: absolute;
	top: 42%;
	left: 35%;
	width: auto;
	height: auto;
	padding: 48px;
	margin:0;
	border: 1px ridge #ccc;
	background-color:#f0edda;
	z-index:200;
}

#titlepop{
	position:absolute;
	top:0;
	left:0;
	width:98%;
	height:24px;
	padding:0;
	padding-top:4px;
	padding-left:8px;
	font-family:Purisa;	
	margin:0;
	border-bottom:4px solid #daae43;
	background-color: #bd792e;
	color:white;
	text-align:left;
	z-index:101;

}

#closeimg{
	position:absolute;
	float:right;
	top:0;
	right:0;
	width:40px;
	height:24px;
	padding:0;
	padding-top:4px;
	padding-left:8px;
	margin:0;
	border-bottom:4px solid #daae43;
	background-color: #bd792e;
	background-image:url("../images/close.gif");
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:102;

}

#corps{
position:absolute;
top:0;
left:0;
width:100%;
}
input{
margin:10px;
}

#clientLivre{color:#161661;font-family:Purisa;font-size:15px;}