/*******
Date : 14/01/2012
Conception : Id2latoile
projet : Jean-Michel Agopian
Version : 1.0 
*/

html, body, div
{
margin:0px;
padding:0px;

}

body
{
background:url(../images/fond.jpg) top center no-repeat;

color:#454545;
font-family:verdana, arial, sans-serif;
}

#page-gnl
{
background:url(../images/fond2.jpg) top center no-repeat;
}


.tag-txt
{
text-align:right;
}

img, a
{
outline:none;
border:none;
text-decoration:none;
}

#content#title #player1 p a
{
list-style:none;
text-decoration:none;
}

h1
{
text-indent:-10000px;
}

h1
{
margin:0px;
padding:0px;
}

#nav a:hover
{
color:#b30000;
}

.first-style:hover, .second-style:hover
{
text-decoration:underline;
}

#page
{
width:940px;
margin:0 auto 0 auto;
position:relative;
}

#header
{
width:940px;
height:339px;
}

#logo
{
width:430px;
height:170px;
position:absolute;
top:15px;
left:88px;
}

#lecteur-amb
{
position:absolute;
width:60px;
height:20px;
top:303px;
left:288px;
}

#nav 
{
font-size:1.4em;
list-style:none;
width:200px;
height:160px;
margin:0px;
padding:0px;

}

#nav li a
{
color:#aab6a3;
}

#nav .current a
{
color:#b30000;
}

#content
{

width:980px;
margin:0 auto;
}

#content h2
{
color:#393939;
font-size:0.9em;
word-spacing:2px;
}

#content p
{
font-size:0.9em;
text-align:justify;
letter-spacing:1px;
word-spacing:-1px;
margin-top:20px;
}

#txt
{
width:640px;
margin-top:20px;/*50px*/
margin-left:250px;
}

#txt h4
{
font-size:0.9em;
}

#txt p
{
font-size:0.8em;
}

h3
{
color:#92949c;
font-size:1em;
word-spacing:2px;
font-variant:small-caps;
}

#item-prod 
{
color:#92949c;
font-size:0.9em;
word-spacing:1px;
text-align:center;
margin:0px;
padding:0px;
}

#item-prod a
{
color:#92949c;
}

#item-prod a:hover
{
color:#b30000;
}

#item-dsc
{

color:#92949c;
font-size:0.9em;
font-weight:bold;
word-spacing:1px;
text-align:center;
margin:0px;
padding:0px;
}

#item-dsc a
{
color:#808288;
}

#item-dsc a:hover
{
color:#b30000;
}

#item-ut p
{
margin:0px;
padding:0 0 0 185px;
color:#92949c;
font-style:italic;
font-size:0.8em;
}

#item-ut strong
{
font-style:normal;
}

#tags-v
{
width:174px;
height:36px;
margin:0 0 0 260px;
}

#music-player
{
width:240px;
height:200px;
margin:12px 0 0 250px;
border:3px solid #c7c3c4;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
} 

#content #block-list
{
float:right;
width:450px;
margin:30px 0 0 0!important;
}

#block-list p
{
color:#4c4c4c;
font-size:11px;
letter-spacing:-1px;
word-spacing:1px;
font-weight:bold;
}

#block-list strong
{
font-weight:normal;
font-style:italic;
}

#player1
{
width:854px;
height:480px;
margin-left:90px;
border:6px solid #c7c3c4;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
}

.tag2 img
{
position:absolute;
margin-top:80px;
margin-left:180px;
}

#footer 
{
width:940px;
height:344px;
margin:0 auto;
padding-bottom:80px;
}

#image-footer
{
background:url(../images/footer.png) no-repeat;
width:940px;
height:344px;
}

#logo-rsf
{
position:absolute;
bottom:60px;
right:75px;
}

#logo-rst
{
position:absolute;
bottom:60px;
right:20px;
}

#nav-footer
{
text-align:center;
margin:0 0 13px 0;
padding:0px;
}

#nav-footer li
{
list-style:none;
display:inline;
text-decoration:none;
font-size:0.8em; 
}

#nav-footer .first-style
{
color:#660000;
}

#nav-footer .second-style
{
color:#7f7f7f;
}

#icone-sep1, #icone-sep2
{
margin:0px;
padding:0 0 0 4px;
}

#contact p
{
color:#7f7f7f;
font-size:0.9em;
word-spacing:2px;
}

#form-contact p
{
color:#7f7f7f;
font-size:0.9em;
}

#form-contact .fond-style
{
border: 1px solid #c3bebf;
background:#e6e3e4;
}