/* Propriétées générales */

*{
padding:0;
margin:0;
}
body{
margin:auto 0;
text-align:left;

font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#383838;

background:url(images/background.jpg) repeat-x top left;
}
p{
margin:0;
padding:0;
}
a{
color:#000000;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#000000;
font-style:italic;
border-bottom:1px dotted #000000;
}
.clear{
clear:both;
}
#milieu_textarea input{
border:0;
background:none;
}
#login input{
border:0;
background:#FFFFFF;
}
#degrade{
background:transparent url(images/degrade.png) no-repeat;
height:257px;
left:540px;
margin-top:471px;
position:absolute;
right:100px;
width:1012px;
z-index:98;
}

#id{
margin-left:60px;
}

#conteneur{
width:100%;
height:1050px;

background:url(images/header.jpg) no-repeat top left;
}

#droite{
margin-top:550px;
padding-left:550px;

width:1000px;
height: 35%;
text-align:left;

position:absolute;
}


.twitter{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
background:url("http://t3.gstatic.com/images?q=tbn:EOcLVJc2XYXQAM:http://blog.aheritier.net/wp-content/uploads/2009/11/1258503718_icontexto-inside-twitter.png") no-repeat scroll 0 0 #FFFFFF;
border:5px solid #000000;
color:#18181B;
display:block;
font-weight:bold;
height:80px;
left:215px;
opacity:0.8;
padding:20px 20px 20px 100px;
position:absolute;
top:266px;
width:300px;
z-index:97;
}
.apercu{
width:100%;
height:1183px;
background:url(images/flash_bg.jpg) no-repeat;
z-index:50;
position:absolute;
}

#parallax{
-moz-border-radius:250px 250px 250px 250px;
-webkit-border-radius: 250px 250px 250px 250px;
background:url(images/flash_bg.jpg) no-repeat scroll -225px -96px #FFFFFF;
border:5px solid #000000;
color:#18181B;
display:none;
font-weight:bold;
left:220px;
opacity:0.7;
padding:20px;
position:absolute;
top:91px;
z-index:98;
width:400px;
height:400px;
cursor:move;

}

.about{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
background:none repeat scroll 0 0 #FFFFFF;
border:5px solid #000000;
display:none;
left:220px;
opacity:0.8;
padding:20px;
position:absolute;
top:91px;
width:400px;
z-index:97;
}

#titre{
height:95px;
margin:25px 215px 0;
position:absolute;
z-index:99;
cursor:pointer;
}

.barre{
text-align:left;
}

.haut_barre{
width:100%;
height:8px;

background:url(images/barre_haut.png) no-repeat top left;
}
.milieu_barre{
width:100%;

background:url(images/barre_bg.png) repeat-y top left;
}
.bas_barre{
width:100%;
height:14px;

background:url(images/barre_bas.png) no-repeat top left;
}

.admin{
font-style:italic;
font-size:10px;
color:#0099CC;
font-variant:normal;
}
.identite{
float:left;
width:280px;
text-align:center;
opacity : 0.5; 
filter : alpha(opacity=50);
font-variant:small-caps;
}
.message{
float:left;
width:690px;
opacity : 0.5; 
filter : alpha(opacity=50);
}

#tchat{
height:100%;
overflow: auto;
}
#textarea{
margin-top:7%;
text-align:left;
}
#haut_textarea{
width:100%;
height:8px;

background:url(images/barre_haut.png) no-repeat top left;
}
#milieu_textarea{
width:100%;
background:url(images/barre_bg.png) repeat-y top left;
}
#bas_textarea{
width:100%;
height:14px;

background:url(images/barre_bas.png) no-repeat top left;
}
#pseudo{
float:left;
width:280px;
text-align:center;
opacity : 0.9; 
filter : alpha(opacity=90);
}
#message{
float:left;
width:690px;
opacity : 0.9; 
filter : alpha(opacity=90);
}

#foot{
margin:0 auto;
text-align:center;
padding-left:350px;
}

#rss{
float:left;
}
#rss:hover{
opacity:0.5;
filter : alpha(opacity=50);
}

#contact{
float:left;
}
#contact:hover{
opacity:0.5;
filter : alpha(opacity=50);
}