/****************************
* POUR GENEVE.CH/statistique*
* AUTEUR : ocstat           *
* CREATION : 03.09.2007     *
* MISE A JOUR : 16.01.2013  *
****************************/

/*Logo Ocstat centré à droite*/
.img_droit {
	MARGIN: 0px 0px 0px 40px}


/*Menu d'entrée 21 domaines*/

dl, dt, dd{
margin: 3px;
padding: 0;
list-style-type: none;
}


#menu {
	color: #64A0B4;
}
dl#menu {
width: 500px;
}

dl#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: left;
border: 0;
background: #FFFFFF;
}
dl#menu dd {
border: 0;
}
dl#menu li {
text-align: left;
background: #fff;
}
dl#menu li a, dl#menu dt a {
color: #64A0B4;
text-decoration: none;
display: block;
border: 0 none;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #FFFFFF;
}

/*Menu in-line 21 domaines*/



#navlist ul
{
white-space: nowrap;
margin: 0;
display: inline;
}

#navlist li
{
display: inline;
list-style-type: none;
margin: 0;
}

#navlist a
{
padding: 1px 5px 1px 10px;
border: 0;
background-color: #FFFFFF;
background-image: url(../images/separateur.gif);
background-repeat: no-repeat;
margin: 0;
}

#navlist a:link, #navlist a:visited
{
color: #666666;
text-decoration: none;
margin: 0;
}

#navlist a:hover
{
border: 0;
text-decoration: underline;
background-image: url(../images/separateur.gif);
background-repeat: no-repeat;
color: #64A0B4;
margin: 0;
}

#active a:link, #active a:visited, #active a:hover
{
border: 0;
text-decoration: underline;
background-image: url(../images/separateur.gif);
background-repeat: no-repeat;
color: #666666;
margin: 0;
}
/* Menu dropdown */
#main {color: #0C1B52; margin-left:0; padding: 1px 0 1px 0;  
border-top: 2px solid;}

 input
{
background-color: #FFFFFF;
border: 1px solid #C0D8E0;
}
/*Images newsletter*/

.txt_bleuclair	{
	color: #64A0B4;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;}

.pagination {
_padding-right:17px;
}	
	
	
	
	
	
/* CSS page d'accueil par DAF */



#newsslider p {
background-color: white;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
float: right;
width: 232px;
_width: 242px;
padding-left:8px;
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #e5e5e5;
border-left:6px solid #d0d0d0;
margin: 0;
clear:both;

}


.spacer {
clear: both;
}

#newsslider img{
position: relative;
left:0px;
float:left;
margin-left:-31px;
_margin-left:-34px;
}

#newsslider a:active {
	color: #666;
	text-decoration: none;}

#newsslider a:active {
	color: #666;
	text-decoration: none;}

#newsslider a:link {
	color: #666;
	text-decoration: none;}

#newsslider a:visited {
	color: #666;
	text-decoration: none;}

#newsslider a:hover {
	color: #3D88A1;
	text-decoration: underline;}


/*Actus 3 colonnes*/

.float {
  float: left;
  width: 188px;
  margin: 15px 10px 0 0;
  _margin: 15px 8px 0 0;
}

.float2 {
  float: left;
  width: 188px;
  margin: 1.3em 0;
}



.actu_w_nav_suite {
	margin: 0px;
	width: 576px;
	_width: 583px;
	padding-right: 8px;
	background-color:#64A0B4;
	color:#F3F7F9;
	font-weight: bold;
	float: right;
	text-align: right;
}

.actu_w_nav_suite a:active {
	color:#F3F7F9;
	font-weight: bold;
	text-decoration:none;
}
.actu_w_nav_suite a:link {
	color:#F3F7F9;
	font-weight: bold;
	text-decoration:none;
}
.actu_w_nav_suite a:visited {
	color:#F3F7F9;
	font-weight: bold;
	text-decoration:none;
}
.actu_w_nav_suite a:hover {
	color:#F3F7F9;
	font-weight: bold;
	text-decoration:underline;
}

/*CSS APERCU*/
#conteneurBOX{
	height:160px;	
}

#hrClear{
clear:both;
}

.floatApercu {
  float: left;
  width: 277px;
  margin: 15px 10px 0 0;
  _margin: 15px 7px 0 0;
}

#tableauSommaire {
	width:564px;
	border-bottom:1px solid #cccccc;
	}

#tableauSommaire td {
	background-color:#e0e0e0;
	border-top:1px solid #cccccc;
	}

#tableauSommaire ul {
	list-style-image: url(../domaines/puce.gif);		
	}

.invisible {visibility: hidden;}
	
/*menu déroulant "Nos 21 domaines"*/

/*Menu simple*/
div#menuDeroulant{
margin-top:-5px;
}

div#menuDeroulant ul.menuSimple,
div#menuDeroulant ul.menuSimple li,
div#menuDeroulant ul.menuSimple li:hover,
div#menuDeroulant ul.menuSimple li.sfhover{
	padding: 0;
	margin: 0;
	width: 147px;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 9px;
	_margin:0 0 0 9px;
	/margin:0 0 0 9px;
	padding: 0px; 
	list-style: none;
	list-style-image: url(/statistique/images/global/welcome/puce.gif);
}

div#menuDeroulant ul.menuSimple li a:hover {
	color: #666;
	text-decoration: underline;}
	
div#menuDeroulant p{
	margin-bottom:5px;
	margin-top:5px;
}	

 /*Pour la gestion du "hover" par IE 6 */
div#menuDeroulant {
	width: 165px;
}

/* fond blanc pour le menu */ 
div#menuDeroulant ul {
	padding: 0; 
	width: 165px; 
	margin:0px; 
	background: white; 
	list-style-image:none;
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menuDeroulant li.sousmenu1:hover,
div#menuDeroulant li.sousmenu2:hover,
div#menuDeroulant li.sousmenu3:hover{
	background:#0c6a89
} 

div#menuDeroulant li.sousmenu1,
div#menuDeroulant li.sousmenu2,
div#menuDeroulant li.sousmenu3 {
	color: #666666;
}

div#menuDeroulant li.sousmenu1 a,
div#menuDeroulant li.sousmenu2 a,
div#menuDeroulant li.sousmenu3 a {
	color: #666666;
}

/*Gestion du rollover sur les liens du menu/sous-menu*/
div#menuDeroulant ul li.sousmenu1:hover a.aNiv01{
	color: white;
	font-weight:bold;
}
div#menuDeroulant ul ul li.sousmenu2:hover a.aNiv02{
	color: white;
	font-weight:bold;
}
div#menuDeroulant ul ul ul li.sousmenu3:hover a.aNiv03 {
	color: white;
	font-weight:bold;
}



div#menuDeroulant ul li {
	position:relative;
	margin: 5px 0px 5px 19px; 
	_margin:0 0 0 19px;
	/margin:0 0 0 19px;
	padding:0; 
	list-style: none;
	_border:white 1px solid; 
	list-style-image:url(/statistique/images/global/ic_menu_fleche.gif)
}
div#menuDeroulant ul ul,
div#menuDeroulant ul ul ul{
	padding: 0;
	margin:0;
	BORDER: #d0d0d0 6px solid;
}
div#menuDeroulant ul ul ul li,
div#menuDeroulant ul ul li{
	padding: 2px 0 2px 3px;
	margin:0;
	position:relative; 
	border-bottom:#d0d0d0 1px solid;
	list-style-image:none;
}

div#menuDeroulant ul ul {
	padding:0;
	margin:0;
	position: absolute; 
	top: -3px; 
	left: 145px; 
	_left:145px; 
	display:none; 
	width:300px;
	_width:312px;
}
div#menuDeroulant ul ul ul {
	padding:0;
	margin:0;
	position: absolute; 
	top: -3px; 
	left: 300px; 
	_left:296px; 
	display:none; 
	width:303px;_width:309px;
}

/* on rajoute une bordure a gauche et des padding */ 
div#menuDeroulant li a {
	padding: 0;
	margin:0;
	text-decoration: none; 
	padding: 0px 0 0px 0px; 
	display:block; 
}
div#menuDeroulant ul.niveau1 li.sousmenu1:hover ul.niveau2, 
div#menuDeroulant ul.niveau2 li.sousmenu1:hover ul.niveau3,
div#menuDeroulant ul.niveau1 li.sousmenu2:hover ul.niveau2, 
div#menuDeroulant ul.niveau2 li.sousmenu2:hover ul.niveau3{
	padding: 0;
	margin:0;
	display:block;
}

div#menuDeroulant ul.niveau1{ 
	margin-bottom:-5px; 
	margin-top:-5px;
	_margin:0;
	/margin:0;
}


/*IE*/
div#menuDeroulant li.sfhover{
	background:#0c6a89
}

/*Gestion du rollover sur les liens du menu/sous-menu*/
div#menuDeroulant li.sfhover a.aNiv01{
	color: white;
	font-weight:bold;
}
div#menuDeroulant ul ul li.sfhover a.aNiv02{
	color: white;
	font-weight:bold;
}
div#menuDeroulant ul ul ul li.sfhover a.aNiv03 {
	color: white;
	font-weight:bold;
}


div#menuDeroulant ul.niveau1 li.sfhover ul.niveau2,
div#menuDeroulant ul.niveau2 li.sfhover ul.niveau3,
div#menuDeroulant ul.niveau1 li.sfhover ul.niveau2, 
div#menuDeroulant ul.niveau2 li.sfhover ul.niveau3{
	padding: 0;
	margin:0;
	display:block;
}

/*styles box pages domaines/apercu "chiffres clés"*/

 table#chiffrescles {background: #CCCCCC; height:100%;}
 td#fondbleu {background: #3d88a1;}
 td#fondblanc {background: #FFFFFF;}
 
 .clestxtblanc {
 color: #FFFFFF; 
 font-weight: bold; 
 font-size: 18px; 
 padding-left: 5px; 
 padding-top: 10px; 
 padding-bottom: 10px; 
 border-bottom: 2px solid white;
 }

 .clestxtblancgd{
  color: #FFFFFF; 
  text-align: right;
  font-weight: bold; 
  font-size: 29px; 
  border-bottom: 2px solid white;
  } 
   
  .clestxtblancpt{
  color: #FFFFFF; 
  font-weight: bold; 
  font-size: 14px; 
  padding-left: 5px; 
  padding-right: 5px; 
  padding-top: 10px; 
  padding-bottom: 10px; 
  border-bottom: 2px solid white;
  } 
  
  .clestxtblanclong{
  color: #FFFFFF; 
  font-weight: bold; 
  font-size: 12px; 
  padding-left: 5px; 
  padding-right: 5px; 
  padding-top: 10px; 
  padding-bottom: 10px; 
  border-bottom: 2px solid white;
  } 
  
  .clestxtblanclong2{
  color: #FFFFFF; 
  font-weight: bold; 
  font-size: 12px; 
   padding-left: 5px; 
  padding-right: 5px; 
  padding-top: 10px; 
  padding-bottom: 10px;

  } 
  
    .clestxtblanclongssgras{
  color: #FFFFFF; 
  font-weight: normal;
  font-size: 12px; 
  padding-left: 5px; 
  padding-right: 5px; 
  padding-top: 10px; 
  padding-bottom: 10px; 
  
  } 
 
  .clestxtblancchiffreslongs{
  color: #FFFFFF; 
  text-align: right;
  font-weight: bold; 
  font-size: 18px; 
  padding-right: 5px; 
  border-bottom: 2px solid white;
  } 
  
  .clestxtbleu {
   color: #3d88a1; 
   font-weight: bold; 
   font-size: 18px; 
   padding-left: 5px;
   padding-top: 7px; 
   padding-bottom: 7px; 
   border-bottom: 1px solid white;
   }
   
   .clestxtbleugd {
   color: #3d88a1; 
   text-align: right;
   font-weight: bold; 
   font-size: 23px; 
   padding-right: 5px; 
   border-bottom: 1px solid white;
   }
   
   .clestxtbleupt { 
   color: #3d88a1; 
   font-weight: bold;
   font-size: 14px; 
   padding-left: 5px;
   padding-top: 7px; 
   padding-bottom: 7px; 
   border-bottom:1px solid white;
   }
   
   .clestxtbleulight {
	color: #3d88a1; 
	font-size: 13px; 
	padding-left: 5px; 
	border-bottom:1px solid white;
	}
   .clestxtbleulightpt {
	color: #3d88a1; 
	font-size: 11px; 
	padding-left: 5px; 
	border-bottom:1px solid white;
	}
	
	.clestxtbleuptchiffres {
     color: #3d88a1;
	 text-align: right; 
	 font-weight: bold; 
	 font-size: 15px; 
	 padding-right: 5px; 
	 border-bottom: 1px solid white;
	}

	.clestxtbleuchiffreslongs {
     color: #3d88a1;
	 text-align: right; 
	 font-weight: bold; 
	 font-size: 12px; 
	 padding-right: 5px; 
	 border-bottom: 1px solid white;
	}