body{
margin: 0;
/*padding: 0;*/
}

form{
margin:0;
padding:0;
}

/* COLOR */
.CDScol1   { color: #ffffff; }
.CDSbgcol1 { background-color: #ffffff; }
.CDScol2   { color: #000000; }
.CDSbgcol2 { background-color: #000000; }

/* grey */
/*
.CDScol3   { color: yellow; }
.CDSbgcol3 { background-color: #f5f5f5; }
.CDScol4   { color: #696969; }
.CDSbgcol4 { background-color: #696969; }
.CDScol5   { color: #083c91; }
.CDSbgcol5 { background-color: #083c91; }
.CDScol6   { color: #CCCCCC;}
.CDSbgcol6 { background-color: #CCCCCC; }
*/

/* white */
/*
.CDScol1   { color: #CCCCCC; }
.CDSbgcol1 { background-color: #CCCCCC; }
.CDScol3   { color: #ffffff; }
.CDSbgcol3 { background-color: #ffffff; }
.CDScol4   { color: #999999; }
.CDSbgcol4 { background-color: #999999; }
.CDScol5   { color: #083c91; }
.CDSbgcol5 { background-color: #083c91; }
*/

/* blue */

.CDScol3   { color: #f2effb; }
.CDSbgcol3 { background-color: #f2effb; }
.CDScol4   { color: #9c9bd5; }
.CDSbgcol4 { background-color: #9c9bd5; }
.CDScol5   { color: #083c91; }
.CDSbgcol5 { background-color: #083c91; }
.CDScol6   { color: #CCCCCC;}
.CDSbgcol6 { background-color: #CCCCCC; }


/* obs strasbg */
/*
.CDScol1   { color: #FFFFFF; }
.CDSbgcol1 { background-color: #FFFFFF; }
.CDScol3   { color: #FBFDE8; }
.CDSbgcol3 { background-color: #FBFDE8; }
.CDScol4   { color: #797C73; }
.CDSbgcol4 { background-color: #797C73; }
.CDScol5   { color: #083c91; }
.CDSbgcol5 { background-color: #083c91; }
*/


/* CDS header */
#CDShead {
min-width:810px;
margin-bottom:0.2em;
/*min-width:800px;*/
}
#CDShead .fond {
background-image: url(/CDS/CDSfond.jpg);
background-repeat:no-repeat;
background-position: left;
}

#CDShead .itemcds {
height: 70px;
width: 10.5em;
cursor: pointer;
}

#CDSicon {
position: absolute;
top:0; right:0;
}
#CDShead table {
/*border-spacing:0; IE no support it */
width:100%;
}
#CDShead td {
vertical-align: bottom;
margin:0;
padding:0;
}

#CDShead .menu a {
text-decoration: none;
color: #083c91 ; /* CDScol5 */
}
/*#CDShead .menu img {
border: none;
}*/

#CDShead .menu {
width:640px;
}

#CDShead .tabmenu {
/*border-bottom: 1px solid white;*/
}

#CDShead .tdicon {
width: 80px;
height: 35px;
}
#CDShead .tdmenu {
width: 75px;
}
#CDShead .tdmenu table td{
padding:0.1em;
font-size: small;
}
#CDShead .menu .iconOFF img {
border:none;
}
#CDShead .menu .iconON  img {
border:none;
}
#CDShead .menu .iconOFF {
opacity: 0.75;
text-align: center;
display: block;
}
#CDShead .menu .iconON {
background: white;
opacity: 0.85;
text-align: center;
display: block;
}


#CDShead .title {
float:left;
font-weight: bold;
font-size: larger ;
text-align: center;
padding-left:2em;
margin-left:10.5em
}

#CDShead .portal{
float:right;
width:20em;
font: bold  smaller Verdana, sans-serif;
text-align: right;
padding-right:0.5em;
padding-left:0.5em;
padding-top: 0.1em;
padding-bottom: 0.1em;
}

#CDShead .portal form {
display: inline;
}
#CDShead .portal input {
border: 1px solid black;
width: 10.5em;
height: 1.4em;
}

/* CDS menu */
.itemout {
font-size: smaller;
margin: 0.1em;
}
#CDShead .itemout{
border:1px solid white;
border-bottom: none;
margin-bottom:-1px;
text-align: center;
}
#CDSmenuappli .itemout {
padding-left:0.5em;
}
.itemover {
font-size: smaller;
margin: 0.1em;
cursor: pointer;
}
#CDShead .itemover{
text-align: center;
border:1px solid;
margin-bottom:-1px;
border-bottom: none;
}
#CDSmenuappli .itemover {
padding-left:0.5em;
}
.itemcrt {
font-size: smaller;
margin: 0.1em;
cursor: pointer;
}
#CDShead .itemcrt{
text-align: center;
border:1px solid white;
border-bottom: none;
margin-bottom:-1px;
}
#CDSmenuappli .itemcrt {
padding-left:0.5em;
margin: 0.1em;
}
.itemcrt2 {
font-size: smaller;
cursor: pointer;
}
#CDShead .itemcrt2{
text-align: center;
}
#CDSmenuappli .itemcrt2{
padding-left:0.5em;
margin: 0.1em;
}

/* APPLI */
.withmenu{
padding-left:10.9em;
}
.full {
padding-left:0.5em;
}


/* Note: by default, ie doesn't understand 
 * "position: fixed".
 * to be compatible, we can add:
 * <!DOCTYPE html
 *      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 *     "DTD/xhtml1-strict.dtd">
 */ 

html>body #CDSmenuappli {
position: fixed;
top: 0em;
width: 10.5em;
height:100%;
z-index:1;
}
#CDSmenuappli {
position: absolute;
top: 0;
left:0;
width: 10.5em;
height:100%;
z-index:1;
}

#CDSnomenuappli {
display:none;
}

#CDSmenuappli .title {
font-weight: bold;
font-size: larger ;
}
.CDSmenubutton {
cursor: pointer;
position: absolute;
top:70;left:0;
border: 2px solid orange;
/*z-order:1;*/
z-index:1;
}
#CDSmenuappli .itemcds {
cursor: pointer;
height: 70px;
width: 10.5em;
}

/* CDScore */
html>body #CDScore {
width: auto;
}

#CDScore {
width:100%;
}


/* CDStail */
#CDStail {
padding-left:10.5em;
text-align: right;
}
#CDStail img{
vertical-align: middle;
}


.head{
  background-image:url(/vizier/CDS/CDSbarre0.png);
  /*background-image:url(/vizier/coronelli.png);*/
  /*background-image:url(/vizier/head-coupole.png);*/
  height:80px;
  /*height:100px;*/
  /*background-size: 100%;*/
  background-repeat: repeat;
}
.head .menu {padding-top: 1em;}

.head .menu a {font-weight: bold; font-size:small; margin-left:1em;}
/*temporaire*/
.head .menu {
  background-image:url(/vizier/surprise.png);
  background-repeat:no-repeat;
  background-position:right 5px;
}

.head ul {list-style: none} 
.head ul li{  
  display: inline;   
  padding:0.5em;
  padding-left: 1em;
  padding-right: 1em;
  
}

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.cds li { background-color: #4c5d7c; color:white ; text-decoration: underline; }
.cds:hover li{ background-color: white; color: #4c5d7c; text-decoration: underline; }

.cdsportal li{ background-color: #4c5d7c; color: white;  text-decoration: underline;}
.cdsportal:hover li{ background-color: white; color: #4c5d7c; text-decoration: underline;}

.simbad li { background-color: #49767b; color: yellow; text-decoration: underline;}
.simbad:hover li { background-color: yellow; color: #49767b; text-decoration: underline;}

.vizier li { background-color: orange; color: black; text-decoration: underline;}
.vizier:hover li { background-color: black; color:orange;  text-decoration: underline;}

.aladin li { background-color: purple; color:white; text-decoration: underline;}
.aladin:hover li { background-color: white; color: purple; text-decoration: underline;}

.xmatch li { background-color: #b9770e; color: white; text-decoration: underline;}
.xmatch:hover li { background-color: white; color: #b9770e; text-decoration: underline;}

.dic li { background-color: #FAFAD2; color: brown; text-decoration: underline;}
.dic:hover li { background-color: #d35400; color:#FAFAD2; text-decoration: underline;}

.vsearch li {background-color:white; color:black; text-decoration: underline;}
.vsearch:hover li {background-color:black; color:white; text-decoration: underline;}

.assocdata li {background-color:white; color:black; text-decoration: underline;}
.assocdata:hover li {background-color:black; color:white; text-decoration: underline;}

.vizhelp li {background-color:transparent; color:white; text-decoration: underline;}
.vizhelp:hover li {background-color:black; color:white; text-decoration: underline;}