/* CSS Document */

html, body {
	height: 100%;
	margin: 0;
	}

html {
	background: #ddd url(images/background_global.gif) left repeat;
	}
	
body
{
	font: 76% arial,sans-serif;
	color:#454444;
	background: url(images/background_global2.gif) top no-repeat;
}

a {
	/*display:block;*/
	color: #990026;
	text-decoration:none;
}
a.cartes {
	/*display:block;*/
	color: #990026;
	text-decoration:none;
	font-weight: bold;
}

h2{font-size: 16px;}
h3{	font-size: 14px; color: #990026;}
h4{font-size: 12px;margin:0 10px 10px;}
h5{font-size: 12px;color: #990026;margin:0 10px 10px;}
p
{
margin:0 10px 10px;
}  

div#boxactu {
	padding: 8px;
	border: 1px solid #979797;
	background-color: #CCCCCC;
	margin: 0px;
}

p#box {
	padding-bottom: 8px;
	margin: 0px;}

/*Affichage lien page courante */

body#presentation a#presnav, 
body#organisation a#organav,
body#domaines a#domnav,
body#cartes a#cartesnav,
body#pub a#pubnav,
body#projets a#projnav,
body#contact a#ctcnav,
body#liens a#lienav
{
color: #990026;
}

div#global {
	min-height: 100%;
	width: 955px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	/*background-color:white;*/
	background: url(images/background_border_global.png) center repeat-y;
	/*border: 1px solid grey;*/
	}

/*lettrine */

.lettrine 
{
margin-right:10px;
margin-top:5px;
margin-left:0;
float:left;
background-color:#FFFFFF;
border:1px solid #D7DCE4;
font-size:80px!important;
line-height:60px;
padding:3px;
font-family:times;

}

/* fin lettrine*/





/* ********* */
/* EN TETE ***/	
/* ********* */
div#header {
	border-bottom: 8px solid #990026;	
	}
		
div#header h1 {
	margin: 0;
	}

div#logo{
	float: left;
	width: 477px;
	height:74px;
	padding:0 0 0 0px; /*haut, droite, bas, gauche (Si ajout de marges et padding, soustraire la valeur de la largeur initiale)*/
	margin:0 0px 0 0px;
}

div#accessibilite{
	float: right;
	text-align:right;
	width: 463px;
	height:24px;
	margin: 0;
	padding:0;
	padding:50px 15px 0 0; /*haut, droite, bas, gauche (Si ajout de marges et padding, soustraire la valeur de la largeur initiale)*/
	/*margin:20 20px 0 0px;*/
}

#accessibilite b 
{
	display: inline;
	background-image:url(images/separateurB.gif);
	background-position: center;
	background-repeat:no-repeat;
	padding: 15px;
}
	
/* ************* */
/* FIN EN TETE ***/	
/* ************* */







div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-top:10px;
	padding-bottom: 50px; 
	overflow: auto;
	}
div#footer {
	/*clear:both;*/
	position: absolute;
	width: 955px;
	height:37px;
	bottom: 0;
	background: #003976 url(images/background_footer.gif) repeat-x;
	color: #fff;
	text-align:center;
	}	






/* ************* */
/*   CONTENU   ***/	
/* ************* */

div#content {
	float: left;
	width: 592px;
	/*overflow: auto;*/
	border-left:solid 1px #ebeef2;
	border-right:solid 1px #ebeef2;
	/*background-color:#CCCC00;*/
	}
	

div#content a.hypertexte
{
	display: inline;
	color: #990026;
	text-decoration:none;
}

div#content p{
line-height:1.4;
clear:both;
}
	
div#content p, div#content ul, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6{
margin-left:10px;
margin-right:10px;
}

div#content li {
padding: 5px;	

}
/*div#content h2{ margin-top:0;}*/
	
div#actu {
	padding:0;
	margin:0;
	float: left;
	width: 322px;
	margin-top:10px;
	margin-left:10px;
	/*border-left:solid 1px #ebeef2;
	border-right:solid 1px #ebeef2;*/
	border-top:solid 1px #ebeef2;
	}	

div#actulongue {
	padding:0;
	margin:0;
	float: left;
	margin-top:10px;
	margin-left:0px;
	/*border-left:solid 1px #ebeef2;
	border-right:solid 1px #ebeef2;*/
	border-top:solid 1px #ebeef2;
	}
	
div#actu h4 {
	padding:0;
	margin:0;
	padding:3px 0px 3px 10px;
	font-size: 12px;
	font-weight:bold;	
	color:#FFFFFF;
	background-color:#003976; 
	text-align:left;
	}
div#actulongue h4 {
	padding:0;
	margin:0;
	padding:3px 0px 3px 10px;
	font-size: 12px;
	font-weight:bold;	
	color:#FFFFFF;
	background-color:#003976; 
	text-align:left;
	}
	
div#actu h5 {
	padding:0;
	margin:0;
	padding:3px 0px 3px 0px;
	font-size: 12px;
	font-weight:bold;	
	color:#003976;
	text-align:left;
	}	

div#actulongue h5 {
	padding:0;
	margin:0;
	padding:3px 0px 3px 0px;
	font-size: 12px;
	font-weight:bold;	
	color:#003976;
	text-align:left;
	}	
	
	div#actu div {
	padding:0;
	margin:0;
	padding:3px 0px 3px 0px;
	margin:0px 0px 7px 0px;
	font-size: 12px;
	font-weight:normal;	
	/*color:#003976;*/
	text-align:right;
	border-bottom:dotted 1px #9a9a99;
	}	
	
div#actu2 {
	padding:0;
	margin:0;
	float: right;
	width: 237px;
	margin-top:10px;
	margin-right:12px;
	}	
	
div#actulongue div {
	padding:0;
	margin:0;
	padding:3px 0px 3px 0px;
	margin:0px 0px 7px 0px;
	font-size: 12px;
	font-weight:normal;	
	/*color:#003976;*/
	text-align:right;
	border-bottom:dotted 1px #9a9a99;
	}	
	
div#chiffres,div#websites {
	padding:0 0 0 0;
	margin:0 0 15px 0;
	width: 100%;
	border:solid 1px #ebeef2;
	}	
	
div#chiffres h4,div#websites h4 {
	padding:0;
	margin:0;
	padding:3px 10px 3px 0;
	font-size: 12px;
	font-weight:bold;	
	color:#FFFFFF;
	background-color:#990026;
	background-image: url(images/effet_page.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-align:right;
	}	
	
	div#chiffres h5,div#websites h5 {
	padding:0;
	margin:0;
	padding:3px 10px 3px 0;
	font-size: 10px;
	font-weight:normal;	
	color:#454444;
	background-color:#f1f3f5;
	text-align:right;
	}		

.float_right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;}

/* Menu déroulant uniquement pour le texte centrale*/
#texte_bordure .lien_deroulant {
	padding-bottom: 0.2em;
	padding-left: 10px;
	margin-left: 1px;
	background: transparent url(https://statistique.ge.ch/images/global/ic_fleche.gif) no-repeat top left;
	display: block;}

#texte_bordure .lien_deroulant_ouvert {
	font-weight: bold;
	padding-bottom: 0.2em;
	padding-left: 10px;
	margin-left: 1px;
	background: transparent url(https://statistique.ge.ch/images/global/ic_fleche_ouverte.gif) no-repeat top left;
	display: block;}

#texte_bordure li.lien_deroulant {
	list-style: none;
	list-style-image: none;
	margin-left: -12px;}
	
#texte_bordure li.lien_deroulant a{
	padding-left: 2px;}

#texte_bordure li.lien_deroulant_ouvert {
	font-weight: bold;
	margin-left: -12px;
	list-style: none;
	list-style-image: none;}
	
#texte_bordure li.lien_deroulant_ouvert ul {
	font-weight: normal;
	margin-left: 20px;}
	
#texte_bordure li.lien_deroulant_ouvert ul li {
	padding: 0px;}


/* ***************** */
/*   FIN CONTENU   ***/	
/* ***************** */








/* ************* */
/* Menu GAUCHE ***/	
/* ************* */

/*********************************************************************************** VALIDE****************************************************/

div#sidebar-left {
	float: left;
	width: 184px;
	padding:0 0 0 0px; /*haut, droite, bas, gauche (Si ajout de marges et padding, soustraire la valeur de la largeur initiale)*/
	margin:0 10px 0 0px;
	/*background-color:#CCFF33;*/
	}
	
	#sidebar-left h4 {
	padding: 0 10px;
	margin:0 0 0 0;
	background: #D7DCE4;
	color:#990026;
	font-size: 14px;
	font-weight:100;
}
	
#sidebox1 ul {
	margin: 0;
  	padding: 0;
	list-style: none;
	margin: 0px 10px 0px 0; 
	padding: 10px 0px 10px 10px; /* Marges extérieurs des listes */
}

#sidebox1 ul li {
  padding:5px 0 0 15px;  /* Interlignage des éléments des listes */
  background: url(images/list_off.gif) left 7px no-repeat; /* Afin d'ajuster la hauteur des puces, paramétrer les "px" */
}

#sidebox1 ul ul{
padding:0 0 0 15px;
/padding:0 0 0 7px;
margin:0;
}

#sidebox1 a {
	text-decoration: none;
	background: #F1F3F5;
}

#sidebox1 a:link, #sidebox1 a:visited {
	color: #244686;
}

#sidebox1 a:hover{
	color: #990026;
	background: #D7DCE4;
}

#sidebox1{
	background: #F1F3F5;
	width: 100%;
}


#sidebox2
{
position: relative;
background: #F1F3F5;
width: 100%;
/*top: 30px;*/
margin-top:30px;
padding-bottom: 12px;
}

#sidebox2 h4
{
margin-bottom:12px;
}

#sidebox2 a
{
margin:0px 10px 0px 10px;
}


#sidebox3
{
position: relative;
background: #F1F3F5;
width: 100%;
margin-top:30px;
padding-bottom: 3px;
}
/********************************************************************************************************Fin VALIDE***********************************************/	
a.noLink
{
color: #89A8C7 !important;
cursor: not-allowed;
}

a.noLink: hover
{
color: #89A8C7 !important;
cursor: not-allowed;
background: #F1F3F5;
}
  
a.noLink: visited
{
color: #89A8C7 !important;
cursor: not-allowed;
} 

	
/* ***************** */
/* FIN Menu GAUCHE ***/	
/* ***************** */










/* ***************** */
/*   MENU DROIT    ***/	
/* ***************** */
div#sidebar-right {
/*clear:both;*/
	float: right;
	width: 146px;
	margin:0 10px 0 10px;
	/*background-color:#CCFF33;	*/
	}
	
	
/*Début du bloc Affiche*/

#affiche h3
{
padding: 0 0.55em;
border-bottom-style: .1em solid solid; 
border-bottom: .1em solid  #EBEEF2; 
border-top-style:.1em solid solid; 
border-top: .1em solid  #EBEEF2; 
color:#990026;
font-size: 14px;
font-weight:100;
}

#affiche
{
text-align: left;
list-style: none; 
margin-top: 0; 
padding: 0 0 2em;
width: 100%;
}

#affiche h3, #affiche ul 
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin-top:0;
}

#affiche li 
{
padding: 0.5em 0;
line-height: 1em;
}
  
#affiche a 
{
margin-left: 0 em;
text-decoration: none;
}
#affiche_old a 
{
margin-left: 0 em;
text-decoration: none;
padding: 0 0.95em;
background-image: url(images/puce.gif);
background-repeat: no-repeat;
}

#affiche a:link 
{
color: #244686;
}

#affiche a:visited 
{
color: #244686;
}

#affiche_old a:hover 
{
color: #990026;
background-image: url(images/puce.gif);
background-repeat: no-repeat;
}

#affiche a:hover 
{
color: #990026;
}

/*FIN du bloc Affiche*/

/*Début bande titre Synthese*/

#synthese h3 
{
padding: 0 0.55em;
border-bottom-style: .1em solid solid; 
border-bottom: .1em solid  #EBEEF2; 
border-top-style:.1em solid solid; 
border-top: .1em solid  #EBEEF2; 
color:#990026;
font-size: 14px;
font-weight:100;
}

/*Fin bande titre Synthese*/

/*Début bande titre Cartes*/

#carte h3
{
padding: 0 0.55em;
border-bottom-style: .1em solid solid; 
border-bottom: .1em solid  #EBEEF2; 
border-top-style:.1em solid solid; 
border-top: .1em solid  #EBEEF2; 
color:#990026;
font-size: 14px;
font-weight:100;
}
/*style pour aligner les liens des cartes pop-up*/

.lien_carte {
padding-left: 22px;
}
/*Fin titre Cartes*/
	
/* ********************* */
/*   FIN MENU DROIT    ***/	
/* ********************* */	
	
	
	
	/*Menu de navigtion 2eme niveau*/

#navcontainer ul
{
margin: 0;
padding: 0;
background-color: #003976;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
}

#navcontainer ul li 
{ 
display: inline; 
}

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #003976;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
color: #990026;
}

/*Fin du menu de navigation 2eme niveau*/
	
/**********NEW Slider***********/	
div#mynewsdis{
position:relative;
}

.news_style{
display:none;
}
.news_show
{
background-color: white;
color:black;
width:592px;
height:240px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
overflow: hidden;	

}
.news_border
{
background-color: white;
width:592px;
height:240px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border-top: 1px solid #ebeef2;
border-bottom: 1px solid #ebeef2;
padding: 0px 0px 0px 0px;
overflow: hidden;	

}
.news_mark{
position:absolute; /*rajout DAF superposition de calques*/
font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
width:580px;
height:35px;
padding: 5px 0px 0 0px;
color:black;
text-align:right;
z-index:108;
}
.news_title{/*titre */
position: relative;
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
padding: 0px 5px 9px 5px;
color:white;

}
.news_show img{

margin-left: 0px;
margin-right: 0px;

}
.buttondiv
{
/*position: absolute;*/
/*position: relative;*/
/*float: right;*/
/*top: 169px;*/
padding: 0px 0px 0px 0px;
margin: 0 5px 0 10px;
/*border-top-color: white;*/
border-top:none;
/*height:120px;*/
/*background-color:#3399CC;*/
z-index:140;
}

.titre_slider{
position:absolute;
padding:5px 100px 5px 10px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:482px;
/*height:25px;*/
background-color: #888888;
filter: alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
z-index:4;
}

.titre_slider span{
font: normal 10px "Arial", "Lucida Grande",Verdana,  Sans-Serif;
}
.tableslider h4,.tableslider h5{
color:#454444;
margin:0;
}

.tableslider h4{
font-size:12px;
}

.tableslider h5{
font-size:10px;
margin-bottom:5px;
}
.tableslider div{
margin-top:45px;
}

.paddingTD{
padding:0 0px 0 10px;
color:#454444;
}

/******FIN NEW Slider***********/

.lien_pdf {
	padding-bottom: 0.2em;
	padding-left: 22px;
	padding-right:15px;
	background: transparent url(images/img_pdf.gif) no-repeat top left;
	/*clear:both;*/
}
	
#content .lien_pdf, #content .lien_xls{
	/*float:none;*/
    display: inline;
}

.lien_xls {
	padding-bottom: 0.2em;
	padding-left: 22px;
	padding-right:15px;
	background: transparent url(images/img_xls.gif) no-repeat top left;
	/*clear:both;*/
}

.lien_atlas {
	padding-bottom: 0.2em;
	padding-left: 22px;
	padding-right:15px;
	background: transparent url(images/img_carte_atlas.gif) no-repeat top left;
	/*clear:both;*/
}

.lien_fleche {
	
	padding-bottom: 0.2em;
	padding-left: 22px;
	float:left;
	background: transparent url(images/img_fleche.gif) no-repeat top left;
	
}

.lien_flecheTableau {
	padding-bottom: 0.2em;
	padding-left: 22px;
	margin-left:10px;
	/*float:left;*/
	background: transparent url(images/img_fleche.gif) no-repeat top left;
	font-weight: bold;
}

.lien_transparent {
	padding-bottom: 0.2em;
	padding-left: 22px;
	float:left;
	background: transparent url(images/img_transp.gif) no-repeat top left;
}
/*style pour aligner les liens des cartes pop-up*/

.lien_carte {
padding-left: 22px;
padding-bottom:0px;
}
/*style pour sommaire projections*/
.lien_petit {
	display: inline;
	color: #990026;
	text-decoration:none;
	font-size: 11px;
}

/*avertissement */

.avertissement 
{
	margin-right:10px;
	margin-top:5px;
	/*float:left;*/
	background-color:#FFFFFF;
	border:1px dotted #990026;
	font-size:10px;
	line-height:20px;
	padding:3px;
	font-family:arial;
	padding-left:12px;
}

/* fin avertissement*/
/*style pour aligner les textes sous les num dans le dossier publication*/

.txt_pub {
padding-left: 22px;
}

/*style simple en rouge*/
.txt_rouge
{
	color: #990026;
}

/*style pour les liens du plan de site*/
.lien_fleche_plan {
	display:block;
	padding-bottom: 0.2em;
	padding-left: 22px;
	background: transparent url(images/img_fleche.gif) no-repeat top left;
	font-weight: normal;
	text-decoration: none; 
	color: #244686; 
}
.lien_fleche_plan_sousmenu {
	display:block;
	padding-bottom: 0.2em;
	padding-left: 22px;
	background: transparent url(images/img_fleche.gif) no-repeat top left;
	font-weight: normal;
	text-decoration: none; 
	color: #244686; 
	margin-left: 20px;
}
.note 
{
	font-size:10px;
}


/* Style pour les tableaux*/
/* Nathalie Chabert 15 mars 2011 */ 
/* http://heg-lti-1/statregio-francosuisse/tabdetail/tableaux.asp */ 
.titreTableau
{	
	font-size: 14px; 
	color: #990026;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;	
}
#tableau
{
	margin:10px;
	padding:0px;
	width:570;
	border-spacing:0px;
	color:#003976;
	text-align:right;
	text-indent:1px;
}

.titreTabLig
{
	background-color :#003976;
	color:#FFFFFF;
	font-weight:normal;
	height:25px;
	vertical-align:middle;
	text-align:right;
	border-bottom:	1px solid #003976;
}
.titreTabCol
{
	color:#003976;
	font-weight:normal;
	padding-left: 10px;
	text-align:left;
	border-bottom:	1px solid #003976;
}
.titreTabColTot
{
	font-weight:bold;
	color:#003976;
	padding-left: 2px;
	text-align:left;
	height:25px;
	border-bottom:	1px solid #003976;
}

.titreTabColItalic
{
	font-weight:normal;
	font-style:italic;
	color:#003976;
	padding-left:10px;
	text-align:left;
	border-bottom:	1px solid #003976;
}
.donneesTab
{
	border: 0px solid white;
	border-bottom:	1px solid #003976;
	padding-right: 2px;
	margin: 0px;
	width:65px;
}
.donneesTabTot
{
	border: 0px solid white;
	font-weight:bold;
	border-bottom:	1px solid #003976;
	padding-right: 2px;
	margin: 0px;
	width:65px;
}
.note
{
	font-weight:lighter;
	font-size:10px;
	color:#708090;
	padding-left: 2px;
	text-align:left;
	height:5px;
	padding-top:2px;

}

.source
{
	font-weight:lighter;
	font-size:10px;
	color:#990026;
	padding-left: 2px;
	text-align:left;
	padding-top:2px;
	font-style:italic;


}
.unite
{
	font-weight:lighter;
	color:#003976;
	text-align:left;
	padding-bottom:3px;
	
}

/*style pour les chiffres cles*/

table#chiffrescles {background: #CCCCCC; height:100%;}
 td#fondgris {background: #dcddde;}
 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;
  } 
  
  .clestxtgris {
   color: #808285; 
   font-weight: bold; 
   font-size: 18px; 
   padding-left: 5px;
   padding-top: 7px; 
   padding-bottom: 7px; 
   border-bottom: 1px solid white;
   }
   
   .clestxtgrisgd {
   color: #808285; 
   text-align: right;
   font-weight: bold; 
   font-size: 23px; 
   padding-right: 5px; 
   border-bottom: 1px solid white;
   }
   
   .clestxtgrispt { 
   color: #808285; 
   font-weight: bold;
   font-size: 14px; 
   padding-left: 5px;
   padding-top: 7px; 
   padding-bottom: 7px; 
   border-bottom:1px solid white;
   }
   
   .clestxtgrislight {
	color: #939598; 
	font-size: 13px; 
	padding-left: 5px; 
	border-bottom:1px solid white;
	}
   .clestxtgrislightpt {
	color: #939598; 
	font-size: 11px; 
	padding-left: 5px; 
	border-bottom:1px solid white;
	}
	
	.clestxtgrisptchiffres {
     color: #808285;
	 text-align: right; 
	 font-weight: bold; 
	 font-size: 15px; 
	 padding-right: 5px; 
	 border-bottom: 1px solid white;
	}

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

.noteactu {
	padding: 6px;
	border: 1px solid #CCCCCC;
	background-color: #e3e3e3;}