body, html {height:100%;
margin:0;
  padding:0;}
body{
    font-family:arial;
background-color:#20468A;
 background:-webkit-gradient(radial, 64 200, 575, 300 0, 0, from(#20468A), to(#326DD6)); 
 background:-moz-radial-gradient( 64px 200px, circle farthest-corner, #326DD6 0%,#20468A 100%);  
}


img{vertical-align:middle;
padding-right:5px;
padding-bottom:5px;}

.inner{
  padding-top:80px;
}

.window{
margin:auto;
-webkit-box-shadow: black 0 0 30px ;
-moz-box-shadow: black 0 0 30px ;
vertical-align: center;
width:70%;
}

.yui-gd{
background-color:white;
}
.yui-gd .yui-u{
margin-left:1px;
}

.vcard{
border-left: solid 1px #CBCBCB;
min-height:190px;
margin-left:1px;
padding-left:10px;
}

.yui-gd .yui-u {
width:65%;
}


#onglet ul,#onglet li{
cursor:pointer;
list-style:none;
margin:0;
padding:0;
}

#onglet li{
margin:0 1px 0 0;
}

#onglet a{
display:block;
}

#onglet h2{
font-size:100%;
margin:0;
text-align:left;
padding-left:10px;
padding:5px 0 5px 5px;
}

.off{

}

.on{
color:white;
text-shadow: 1px 1px 1px #000000;
background-color:#6FA6DB;
background: -moz-linear-gradient(-90deg, #6FA6DB, #206DB7); 
background: -webkit-gradient(linear,  0% 0%, 0% 100%, from(#6FA6DB),  to(#206DB7));
border:solid 1px #5594CF;
}




.panneau{
padding:10px 0 10px 0;
text-align:left;
}

h1{
font-size:100%;
margin:0;
display:inline;
}

.top-toolbar{
border: solid 1px #CBCBCB;
border-bottom:solid 1px #515151;
-moz-border-radius: 5px 5px 0 0; 
-webkit-border-radius: 5px 5px 0 0;          
}

.icon-vcard{
padding-right:10px;
float:right;
}

.top-toolbar a {
color:#303030;
text-shadow: 1px 1px 1px #999; 
text-decoration:none;
}
.links-toolbar{
overflow:hidden;
padding-right:69px;
padding-top:5px;
height:20px;
background-color:#EDEDED;
background: -moz-linear-gradient(-90deg, #EDEDED, #D9D9D9); 
background: -webkit-gradient(linear,   0% 0%, 0% 100%, from(#EDEDED),  to(#D9D9D9));
border-bottom:solid 1px #BFBFBF;
}


.links-toolbar ul,.links-toolbar li{
list-style:none;
margin:0;
padding:0;
}
.links-toolbar a {
color:#303030;
text-shadow: 1px 1px 1px #999; 
text-decoration:none;
font-weight:bold;
}
/*
color:#303030;
padding:2px 10px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
}


.links-toolbar a:hover {
text-shadow: 1px 1px 1px black; 
color:white;
background-color:#BFBFBF;
}
.links-toolbar a.active{
background-color:#9C9C9C;
}
*/
.bottom-toolbar{
border: solid 1px #CBCBCB;
border-top:solid 1px #515151;
 -moz-border-radius: 0 0 5px 5px; 
-webkit-border-radius: 0 0 5px 5px;   
-webkit-border-top-left-radius: 5px; /* pour Chrome */ 
-webkit-border-top-right-radius: 5px; /* pour Chrome */ 
}

.content-window{
background-color:white;
text-shadow:rgb(234, 234, 235) 0px 1px 1px;
}

.top-toolbar, .bottom-toolbar{
height:22px;
background-color:#E2E2E2;
background: -moz-linear-gradient(-90deg, #E2E2E2, #A7A7A7); 
background: -webkit-gradient(linear,  0% 0%, 0% 100%, from(#E2E2E2),  to(#A7A7A7));
}