html{
height:100%;
}

a img {
border:0;
}

body {background-color:#000000;
background-repeat:repeat-y;
background-repeat:repeat-x;

background-image:url(../../interface/background.jpg);
background-position: top center; 
background-attachment: fixed;
}

#main{
width:770px;
border:1px solid #000000;
background-image:url(../graphisme/hy-spec-degrade.gif);
margin:15px auto;
}

#main #banniere {
text-align:right;
font-family: verdana; 
font-size:10px;
color:white;
padding-top:10px;

background-image:url(../graphisme/hy-spec-banniere_English.gif);
width:768px; 
height:125px;
background-repeat:no-repeat;
}

#main #banniere #boutonlogonational{
float:right;
margin-top:20px;
margin-right: 10px;
}

#menu {
width:770px;
height:30px;
position:absolute;
}

.menuIE {
    display:none !important;
    display:block;
	position:absolute;
}

a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
    color:#ffffff;
    width:123px; 
    height:18px; 
    display:block; 
    background:#3b9bd2; 
    border:2px solid #000;
	border-color:#ffffff;
    margin-right:1px; 
    text-align:center; 
    float:left; 
    text-decoration:none; 
    font-family: verdana; 
    font-size:14px; 
    line-height:18px; 
    overflow:hidden;
}

a.boutonIE:hover {
    color:#fff; 
    background:#000; 
    overflow:visible;}

a.boutonIE:hover table {
    display:block; 
    background:#eee; 
    border-collapse:collapse;
}

.boutonFF {
    color:#ffffff; 
    width:123px; 
    height:18px; 
    display:block !important; 
    display:none; 
    background:#3b9bd2; 
    border:2px solid #000;
	border-color:#ffffff;	
    margin-right:1px; 
    text-align:center; 
    float:left; 
    text-decoration:none; 
    font-family: verdana; 
    font-size:14px; 
    line-height:18px; 
    overflow:hidden;
 }

.boutonFF:hover {
    height:auto; 
    cursor:pointer;
    color:#fff; 
    background:#000;
 }


a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
    display:block; 
    width:123px !important; 
    width:118px; 
    height:18px; 
    border-bottom:1px solid #000; 
    text-decoration:none; 
    color:#000;
    font-family: verdana; 
    font-size:12px; 
    text-align:center;
    background:#ffffff;
}


a.SousMenu:hover {background:#BCCCD2;}

#contenu{
}

#contenu #deroulant{
padding-top:40px;
font-family:arial;
color: #ffffff;
font-size:24px;
}

#contenu #cadre{
background-image:url(../graphisme/hy-spec-cadre.gif);
width:700px;
height:700px;
background-repeat:no-repeat;
margin-left:40px;
}

#contenu #cadre #titrepage{
font-family: arial black;
font-size:24px;
color:#ffed00;
padding-top: 25px;
}

#contenu #cadre #langue {
text-align:right;
margin-right:20px;
padding-top:0px;
}

#contenu #cadre #bouton{
margin-left: 30px;
}

#contenu #cadre #image{
padding-top:20px;
}

#contenu #cadre #soustitre{
font-family:arial black;
font-size:18px;
color:#ffed00;
margin-left:50px;
padding-top:20px;
}

#contenu #cadre #texte{
font-family:verdana;
font-size:15px;
color:#FFFFFF;
margin-left:50px;
margin-top:10px;
}

#contenu #copyright{
margin:0px 0px 10px 30px;
font-family:arial;
font-size:11px;
color:#ffffff;
}

#contenu #copyright a{
color:#ffffff;
text-decoration:none;
font-size:11px;
}

#contenu #copyright a:hover active visited link{
color:#ffffff;
text-decoration:underline;
font-size:11px;
}