body {
background:#474c4f url(img/body_bg.png) center repeat-y ;
color:#000;
padding:0;
margin:0;
}

#conteneur {
background:url(img/cont_bg.png) no-repeat;
width:800px;
height:622px;
margin: 0 auto;
}

/*Bloc du menu*/
#nav {
width:500px;
height:450px;
float:left;
}

#nav ul{
position:relative;
top:230px;
left:80px;
list-style-type: none;
}


#nav ul li.blog a{
display:block;
width: 100px;
height: 48px;
}
#nav ul li.forum a{
background:transparent;
display:block;
width: 115px;
height: 38px;
}
#nav ul li.wiki a{
display:block;
width: 160px;
height: 47px;
}
#nav ul li.demos a{
display:block;
width: 270px;
height: 45px;
}

/*hover sur le menu*/
#nav ul li.blog a:hover{
background:url(img/nav_hover_bg.png) -19px 1px no-repeat;
}
#nav ul li.forum a:hover{
background:url(img/nav_hover_bg.png) -19px -47px no-repeat;
}
#nav ul li.wiki a:hover{
background:url(img/nav_hover_bg.png) -19px -85px no-repeat;
}
#nav ul li.demos a:hover{
background:url(img/nav_hover_bg.png) -19px -132px no-repeat;
}


/*bloc horloge et porte carte*/

#bloc_droit{
margin-left:500px;
width:280px;
height:500px;
}

.horloge {
position:relative;
top:75px;
left:80px;
width:120px;
height:80px;
color:#000;
text-align:center;

}

#heure{
margin-top:10px;
font-size:1.8em;
}

.date{
margin-top:10px;
font-size:0.8em;
}


.pcartes{
position:relative;
top:230px;
left:81px;
width:170px;
height:150px;
text-align:right;
font-size:0.7em;
font-family: arial;
}

.c1{
position:absolute;
width: 165px;
height: 28px;
margin-top:6px;
background:url(img/carte1_bg.png) no-repeat;
color:#000;
}

.c1 p 
{
margin-top:68px;
padding-right:3px;
text-align:right;
}

.pcartes a,.pcartes a:visited
{
color:#000;
text-decoration:none;
}
.pcartes a:hover
{
color:#e67109;
text-decoration:underline;
}

.c2{
position:absolute;
background:url(img/carte2_bg.png) no-repeat;
width: 165px;
height: 28px;
margin-top:55px;
padding-top:7px;

}
.c2 p 
{
margin-top:68px;
padding-right:3px;
}


.c3{
position:absolute;
background:url(img/carte3_bg.png) no-repeat;
width: 165px;
height: 28px;
margin-top:110px;
padding-top:5px;
}

.c3 p 
{
margin-top:67px;
padding-right:3px;
font-size:90%;
}

/*validateur*/

.valid {
color:#fff;
font-size:0.8em;
text-align:right;
margin-top:100px;
padding-right:20px;
}

.valid a{
color:#fff;
text-decoration:none;
}

.valid a{
color:#fff;
text-decoration:underline;
}

/***********************
Specification IE
************************/

.sepfIE{display:none;}

.suite2 {display:none;}

.suite {
background:#f2e121 url(img/info.png) right top no-repeat;
width:250px;
height:25px;
cursor:pointer;
}

.fermer {
background:#f2e121 url(img/fermer.png) right top no-repeat;
width:250px;
height:25px;
padding-top:3px;
margin-top:10px;
cursor:pointer;
display:none;
}

.sepfIE a{
color:#e67109;
}

.sepfIE a:hover
{
color:#0c0;
}