html, body {margin: 0; padding: 0; border: 0;}
html {font-size: 100%;}
body
	{
	background-color: #F5F5F5;
	color: #000;
	min-width: 954px;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 0.71em;
	}

u {text-decoration: none;}
b {font-weight: normal;}
i {font-style: normal;}

#conteneur
	{
	background-color: #fff;
	display: table;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	width: 954px;
	position: relative;
	}

#entete
	{
	height: 154px;
	width: 954px;
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

#entete-logorecherche {height: 81px;}

.logo img, .logo {float: left; margin: 5px 0 0 5px; padding: 0;}

/* Boutons des 7 rubriques */

#entete-navigationprincipale {clear: both;}

ul.boutons-liste
	{
	width: 100%;
	float: left;
	font-size: 1.05em;
	margin: 20px 0 0 0;
	padding: 0;
	}

ul.boutons-liste li
	{
	list-style: none;
	float: left;
	background-image: none;
	height: 30px;
	margin: 0 4px 0 0;
	padding: 4px 0 4px 5px;
	line-height: 1.1em;
	border-radius: 5px;
	box-shadow: 4px 4px 5px #999;
	}

ul.boutons-liste li a
	{
	display: block;
	height: 34px;
	color: #000;
	margin: -6px 0 0 -5px !important;
	padding: 6px 0 0 5px !important;
	}
	
ul.boutons-liste li a:hover {text-decoration: none;}

.bouton-accueil {width: 60px; padding: 4px 0 4px 8px !important; margin-right: 13px !important;}

.bouton-themes {width: 85px;}
.bouton-bases-de-donnees {width: 126px;}
.bouton-publications {width: 88px;}
.bouton-regions {width: 88px; margin-right: 13px !important;}
.bouton-methodes {width: 136px; border-left: 1px solid #3D5B77;}
.bouton-stat-pub {width: 137px; margin-right: 20px !important;}
.bouton-services {width: 111px; margin-right: 0px !important;}

.bouton-publics {width: 117px;} /* À garder pour l'instant pour la version anglaise */

.bouton-accueil 
	{
	border: 2px solid #494949;
	height: 34px !important;
	}

/* Si nécessaire, "réglage" différent de la largeur des boutons pour la partie anglaise, "boutons-liste-en" est défini dans le fichier /en/haut_bas.xml */
.boutons-liste-en .bouton-accueil {width: 60px;}
.boutons-liste-en .bouton-themes {width: 85px;}
.boutons-liste-en .bouton-bases-de-donnees {width: 126px;}
.boutons-liste-en .bouton-publications {width: 88px;}
.boutons-liste-en .bouton-regions {width: 88px;}
.boutons-liste-en .bouton-methodes {width: 140px;}
.boutons-liste-en .bouton-stat-pub {width: 137px;}
.boutons-liste-en .bouton-services {width: 107px;}
/* ------------ */

.bouton-themes, 
.bouton-bases-de-donnees, 
.bouton-publications, 
.bouton-regions  {border-top: 4px solid #A00F3C; border-bottom: 4px solid #A00F3C; border-left: 1px solid #A00F3C; border-right: 1px solid #A00F3C;}

.bouton-methodes, 
.bouton-stat-pub {border-top: 4px solid #3D5B77; border-bottom: 4px solid #3D5B77; border-left: 1px solid #3D5B77; border-right: 1px solid #3D5B77;}

.bouton-services {border-top: 4px solid #696969; border-bottom: 4px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #696969;}

.bouton-publics {border-top: 4px solid #696969; border-bottom: 4px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #696969;}/* À garder pour l'instant pour la version anglaise */

body.page-accueil .bouton-accueil {background-color: silver;}

body.themes .bouton-themes, 
body.bases-de-donnees .bouton-bases-de-donnees, 
body.publications-et-services .bouton-publications, 
body.regions .bouton-regions  {background-color: #A00F3C;}

body.methodes .bouton-methodes, 
body.insee-statistique-publique .bouton-stat-pub {background-color: #3D5B77;}

body.services .bouton-services {background-color: #696969;} 

body.portails-par-public .bouton-publics {background-color: #696969;} /* À garder pour l'instant pour la version anglaise */
	
body.page-accueil .bouton-accueil a {color: #000;}

body.themes .bouton-themes a, 
body.bases-de-donnees .bouton-bases-de-donnees a, 
body.publications-et-services .bouton-publications a, 
body.regions .bouton-regions a, 
body.methodes .bouton-methodes a, 
body.insee-statistique-publique .bouton-stat-pub a, 
body.services .bouton-services a {color: #fff;}

body.portails-par-public .bouton-publics a {color: #fff;} /* À garder pour l'instant pour la version anglaise */

li.bouton-themes a:hover, 
li.bouton-bases-de-donnees a:hover, 
li.bouton-publications a:hover, 
li.bouton-regions a:hover, 
li.bouton-methodes a:hover,  
li.bouton-stat-pub a:hover, 
li.bouton-services a:hover
	{
	margin: -6px 0 0 -5px !important;
	padding: 6px 0 0 5px !important;
	}
	
li.bouton-publics a:hover
	{
	margin: -6px 0 0 -5px !important;
	padding: 6px 0 0 5px !important;
	} /* À garder pour l'instant pour la version anglaise */

li.bouton-accueil a:hover 
	{
	background-color: silver;
	margin: -4px 0 0 -8px !important;
	padding: 4px 0 4px 8px !important;
	}

li.bouton-themes a:hover, 
li.bouton-bases-de-donnees a:hover, 
li.bouton-publications a:hover, 
li.bouton-regions a:hover 	{background-color: #A00F3C;}

li.bouton-methodes a:hover, 
li.bouton-stat-pub a:hover {background-color: #3D5B77;}

li.bouton-services a:hover {background-color: #696969;}

li.bouton-publics a:hover 	{background-color: #696969;} /* À garder pour l'instant pour la version anglaise */
	
ul.boutons-liste li  a:hover {color: #fff;}
ul.boutons-liste li.bouton-accueil  a:hover {color: #000;}

/* Menu gauche */

#navigation-gauche {float: left; width: 212px; margin: 21px 0 0 0; padding: 0;}
#navigation-gauche h3 {font-size: 1.1em; font-style: normal;}
#navigation-gauche h4 {background: none;}
#navigation-gauche ul.liens {margin: 0 0 0 8px; font-weight: bold;}
#navigation-gauche ul.liens li
	{
	background: url(/fr/css/images/menu-gauche-1.png) left 0.3em no-repeat !important;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	}
#navigation-gauche ul.liens li.parent
	{
	background: url(/fr/css/images/menu-gauche-2.png) left 0.3em no-repeat !important;
	padding: 0 0 0 15px;
	}
#navigation-gauche ul.liens li.parent ul li.parent
	{
	background: url(/fr/css/images/menu-gauche-3.png) left 0.1em no-repeat !important;
	padding: 0 0 0 15px;
	}

/* Fil d'ariane */

div#fil-ariane {margin: 21px 0 25px 235px; padding: 0; width: 719px;}
div#fil-ariane ul {margin: 0; padding: 5px 10px 0 0;}
div#fil-ariane ul li
	{
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	}

	/*CY (2012/09/05) : pour mettre des chevrons en CSS (et pas sur le premier)*/
div#fil-ariane ul li:nth-child(n+2):before {content: "> ";}

/* Contenu */

#contenu
	{
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	position: relative;
	max-width: 719px;
	float: left;
	}

#pleine-page {font-size: 105%;}
#col-centre {font-size: 105%; float: left; width: 484px; margin: 0 0 25px 0; padding: 0;}
#col-centre p {line-height: 150%;}
#col-centre p {clear: left;} /*Pour remettre à la ligne un paragraphe suivant un bloc graphique */
#col-droite {font-size: 95%; float: left; max-width: 210px; width: 210px; margin-left: 23px;}

/* Pied de page */

#piedepage
	{
	background-color: #fff;
	float: left;
	margin: 10px 0 0 0;
	padding: 40px 0 0 0;
	width: 954px;
	clear: both;
	}

.pdp-francais {background: url(/fr/css/images/deco-menu-bas.png) 0 0 no-repeat;}
.pdp-anglais {background: url(/en/css/images/deco-menu-bas.png) 0 0 no-repeat;}

#piedepage-liensbas {margin: 0; padding: 0;}

/* Styles communs */

/*q{quotes: "« " " »" '" ' ' "'}*/
q {quotes: "\00AB\00A0" "\00A0\00BB" "\201C" "\201D";}
p {margin: 0.5em 0;}
img {border: 0;}
/* à priori plus de H6, on conserve quand même */
h6 {display: none;}

@media screen {p.acces-rapide {display: none;}}

/* Retour haut de page */

.top
	{
	background: url(/fr/css/images/puce_hautdepage.gif) center right no-repeat;
	padding: 0 12px 3px 0;
	text-align: right;
	}

/* Titres */

h1, h2, h3, h4 {color: #3a3c3b;}

h1
	{
	font-size: 1.3em;
	margin: 0 0 20px 0;
	padding: 2px 0 0 20px;
	}

body.themes h1, body.bases-de-donnees h1, body.publications-et-services h1, body.regions h1 {background: url(/fr/css/images/picto_titre_rouge.gif) 0em 0.3em no-repeat;}
body.insee-statistique-publique h1, body.methodes h1 {background: url(/fr/css/images/picto_titre_bleu.gif) 0em 0.3em no-repeat;}
body.services h1 {background: url(/fr/css/images/picto_titre_services.gif) 0em 0.3em no-repeat;}

body.portails-par-public h1 {background: url(images/picto_titre_bleu.gif) 0em 0.3em no-repeat;} /* À garder pour l'instant pour la version anglaise */


h2
	{
	font-size: 1.3em;
	margin: 20px 0;
	padding: 4px 0 0 15px;
	border-top: dotted 1px gray;
	line-height: 22px;
	background: url(/fr/css/images/picto_soustitre_gris.gif) 0.1em 0.7em no-repeat;
	}

h3
	{
	font-size: 1.2em;
	margin: 1em 0 1em 0;
	padding: 0.5em 0 0.3em 1em;
	font-style: italic;
	}

body.themes h3, body.bases-de-donnees h3, body.publications-et-services h3, body.regions h3 {background: url(/fr/css/images/h3-rouge.gif) 0 0.8em no-repeat;}
body.methodes h3, body.insee-statistique-publique h3 {background: url(/fr/css/images/h3-bleu.gif) 0 0.8em no-repeat;}
body.services h3 {background: url(/fr/css/images/h3-services.gif) 0 0.8em no-repeat;}


h4 {font-size: 1em; margin: 1em 0 1em 0;}
h5 {font-size: 0.9em; margin: 1em 0 1em 0;}

/* Liens */

a {color: #0257B2; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline; cursor: pointer;} 

/* Liens transervaux haut */

ul#entete-lienhaut
	{
	margin: 0;
	padding: 4px 5px;
	float: right;
	background-color: #171C22;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 4px;
	color: #fff;
	width: 390px;
	opacity: 0.8;
	}

ul#entete-lienhaut li
	{
	display: inline;
	padding: 0 2px 0 5px;
	margin: 0;
	background: none;
	border-left: 1px solid #fff;
	}
	
ul#entete-lienhaut li a {color: #fff;}

ul#entete-lienhaut li.premier {border-left: none;}

/* Liens transervaux bas */

#piedepage-liensbas li.navigation-titre {font-weight: bold; font-size: 1.1em; margin: 0 0 10px 0; padding: 0; background: none;}

#niveau-un-deux-trois {background-color: #F5F5F5; border-top-left-radius: 5px; border-top-right-radius: 5px;}

ul#lienstransversauxbas-niveau1,
ul#lienstransversauxbas-niveau2,
ul#lienstransversauxbas-niveau3,
ul#lienstransversauxbas-niveau4,
ul#lienstransversauxbas-niveau5 {margin: 0 !important; padding: 10px !important;}

.pdp-francais ul#lienstransversauxbas-niveau1 {width: 343px !important;}
.pdp-francais ul#lienstransversauxbas-niveau2 {width: 343px !important;}
.pdp-francais ul#lienstransversauxbas-niveau3 {width: 200px !important;}

.pdp-anglais ul#lienstransversauxbas-niveau1 {width: 343px !important;}
.pdp-anglais ul#lienstransversauxbas-niveau2 {width: 300px !important;}
.pdp-anglais ul#lienstransversauxbas-niveau3 {width: 243px !important;}

ul#lienstransversauxbas-niveau4 {background-color: #3A3B3A;} /* #4E4E47 #323232 */
ul#lienstransversauxbas-niveau5 {background-color: #171C22; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

ul#lienstransversauxbas-niveau3 li img {vertical-align: middle;}
ul#lienstransversauxbas-niveau4 li img {vertical-align: top; border-radius: 5px;}
ul#lienstransversauxbas-niveau1, ul#lienstransversauxbas-niveau2, ul#lienstransversauxbas-niveau3 {height: 170px;}

ul#lienstransversauxbas-niveau1, ul#lienstransversauxbas-niveau2, ul#lienstransversauxbas-niveau3
	{
	margin: 0;
	padding: 0;
	vertical-align: top;
	display: inline-block;
	width: 295px;
	}
	
ul#lienstransversauxbas-niveau5 {text-align: right;}

ul#lienstransversauxbas-niveau1 li, ul#lienstransversauxbas-niveau2 li {margin: 0; padding: 0 0 7px 10px;}
ul#lienstransversauxbas-niveau3 li {margin: 0; padding: 0 0 7px 0; background: none;}
ul#lienstransversauxbas-niveau4 li, ul#lienstransversauxbas-niveau5 li {display: inline; 	background: none; color: #fff;}
ul#lienstransversauxbas-niveau5 li {border-left: 1px solid #fff; margin: 0; padding: 0 0 0 5px;}
ul#lienstransversauxbas-niveau5 li a {color: #fff;}
ul#lienstransversauxbas-niveau5 li.premier {border: none;}

/* Liens transversaux */

.lienstransversaux {text-align: center; font-size: 120%;}
.lienstransversaux ul, .lienstranversaux ol {list-style: none; padding: 0;}
.lienstransversaux ul li
	{
	display: inline;
	white-space: nowrap;
	background: none;
	line-height: 1.2em;
	padding: 0 0 0 5px;
	margin: 0;
	border-left: 1px solid black;
	}
.lienstransversaux li.premier {border-left: none;}
div.feuilletage {text-align: right;}
div.feuilletage a.precedent {background: url(/fr/css/images/precedent.gif) left no-repeat; padding-left: 15px; padding-right: 5px;}
div.feuilletage a.suivant {background: url(/fr/css/images/suivant.gif) right no-repeat; padding-right: 15px;}

/* Blocs de contenu */

.bloc
	{
	background-color: #fff;
	margin: 0 0 23px 0;
	padding: 0;
	float: left;
	width: 100%;
	display: block;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.bloc h3
	{
	background-image: none !important;
	font-style: normal;
	line-height: 15px;
	font-size: 1.1em; 
	margin: 0;
	padding: 3px 1px 4px 5px;
	border-top: 1px solid #dadada;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

.bloc p, .bloc h2 {padding: 0 10px 0 10px;}
.bloc ul {margin: 0 0 0 10px; padding: 10px 15px 0 0;}
.bloc ul li p {padding-left: 0;}
.bloc ul li ul  {margin-left: 1px;}
.bloc img {vertical-align: middle;}

	/* Titre de blocs soulignés */
	
body.themes div.bloc h3, 
body.bases-de-donnees div.bloc h3, 
body.publications-et-services div.bloc h3, 
body.regions div.bloc h3 {background: url(/fr/css/images/sousligne-rouge-h3.gif) 5px bottom no-repeat !important; color: #A00F3C;}

body.methodes div.bloc h3, 
body.insee-statistique-publique div.bloc h3 {background: url(/fr/css/images/sousligne-bleu-h3.gif) 5px bottom no-repeat !important; color: #3D5B77;}

body.services div.bloc h3 {background: url(/fr/css/images/sousligne-services-h3.gif) 5px bottom no-repeat !important; color: #696969;}

/* Mise en forme de texte de présentation */

	/* Texte de présentation début de thème */
.presentation {border: 1px dotted gray; padding: 5px 15px; margin: 5px 0 0 0;}

	/* Texte d'avertissement */
.avertissement {font-style: italic; background-color: #F3F3F3; padding: 5px 10px; margin: 0;}
span.avertissement {font-size: 85%; background: none !important; padding: 0;}

	/* Texte pour signaler une erreur */
.alerte {border: 1px dotted gray; font-style: italic; padding: 5px 10px; margin: 0; color: red; font-weight: bold;}

	/* Texte de présentation avec encadré et plusieurs paragraphes sans espace entre eux */
.paragraphes-colles-encadre {border: 1px dotted gray;}
.paragraphes-colles-encadre p {margin: 0; padding: 0 15px;}
.paragraphes-colles-encadre p:first-child {margin-top: 8px;}
.paragraphes-colles-encadre p:last-child {margin-bottom: 8px;}
.paragraphes-colles-encadre ul {margin: 0; padding: 0 15px;}
.paragraphes-colles-encadre li {margin: 0; padding: 0 0 0 10px; background: url(/fr/css/images/puce_liste.gif) 0 0.2em no-repeat;}
.paragraphes-colles-encadre li:last-child {margin-bottom: 8px;}

	/* Texte de présentation avec plusieurs paragraphes sans espace entre eux */
.paragraphes-colles {}
.paragraphes-colles p {margin: 0;}
.paragraphes-colles p:first-child {margin-top: 8px;}
.paragraphes-colles p:last-child {margin-bottom: 8px;}
.paragraphes-colles ul {margin: 0; padding: 0 15px;}
.paragraphes-colles li {margin: 0; padding: 0 0 0 10px; background: url(/fr/css/images/puce_liste.gif) 0 0.2em no-repeat;}
.paragraphes-colles li:last-child {margin-bottom: 8px;}

/* H3, H4, H5 dans le bloc de droite */

	/* Pas d'image d'arrière-plan dans les h3 des blocs situés dans #col-droite */
body.insee-statistique-publique #col-droite div.bloc h3, 
body.methodes #col-droite div.bloc h3, 
body.services #col-droite div.bloc h3, 
body.themes #col-droite div.bloc h3, 
body.bases-de-donnees #col-droite div.bloc h3, 
body.publications-et-services #col-droite div.bloc h3, 
body.regions #col-droite div.bloc h3 {background: none;}

	/* Vignettes collection pour les h3 des blocs situés dans #col-droite */
body.insee-statistique-publique #col-droite div.bloc h3.titrelogo, 
body.methodes #col-droite div.bloc h3.titrelogo, 
body.services #col-droite div.bloc h3.titrelogo, 
body.themes #col-droite div.bloc h3.titrelogo, 
body.bases-de-donnees #col-droite div.bloc h3.titrelogo, 
body.publications-et-services #col-droite div.bloc h3.titrelogo, 
body.regions #col-droite div.bloc h3.titrelogo {padding: 2px; margin: 0;}

body.insee-statistique-publique #col-droite div.bloc h3.titrelogo img, 
body.methodes #col-droite div.bloc h3.titrelogo img, 
body.services #col-droite div.bloc h3.titrelogo img, 
body.themes #col-droite div.bloc h3.titrelogo img, 
body.bases-de-donnees #col-droite div.bloc h3.titrelogo img, 
body.publications-et-services #col-droite div.bloc h3.titrelogo img, 
body.regions #col-droite div.bloc h3.titrelogo img {margin: 4px 0 4px 5px;}

	/* Titres de col-droite */
#col-droite h4 {margin: 0.5em 0 0 0.5em; font-size: 1.1em; background: none;}
#col-droite h5 {margin-left: 0.5em; font-size: 1em; margin-bottom: 0; margin-top: 0; padding-top: 0;}

/* Bloc picto cf. besoin d'aide ou première visite */

.picto img, .picto p {display: inline; vertical-align: middle;}
.picto img {margin: 5px 1px 5px 8px;}

/* Listes */

ul {margin: 0; padding: 5px 10px 0 0;}
ul li {margin: 0 0 15px 0; padding: 0 0 0 15px; background: url(/fr/css/images/puce_liste.gif) 0 0.2em no-repeat; list-style: none;}
ul li ul {margin-top: 10px; padding-top: 0px;}

/* Liste de liens */
ul.liens li {background: url(/fr/css/images/puce_lien.gif) 0 4px no-repeat;}

/* Liste de liens à gauche ou à droite dans le div bloc */
li li, ul.liens li li {background: url(/fr/css/images/puce_niveau3.gif) no-repeat 0 0.2em;}

/* Sous-listes (de liens ou pas) */
li li, ul.liens li li {background: url(/fr/css/images/puce_niveau3.gif) no-repeat 0 0.4em;}

/*CY (2012/09/05):  Pour mettre des chevrons en feuille de style 
	ul.liens li.parent:before {content: ">   "; margin-left: -5px;}
	ul.liens li.parent {background: none; margin-left: -1em;}
	ul.liens li.parent a {}
	ul.liens li.parent ul li.parent {margin-left: 2px; text-indent: -12px;}
	ul.liens > li.parent > ul > li.parent > ul > li > a {padding-left: 12px;}
*/

/* Liens vers les graphiques, cartes et tableaux */
.lien-voiraussi {font-size: 0.8em;}

/* Liste de tableaux par année - Comptes nationaux - Finances publiques */
.tableaux-par-annee {padding: 0 0 10px 20px !important;}
.tableaux-par-annee li {display: inline; background: none; padding: 0;}

/* Tableaux */

table
	{
	margin: 8px 0 8px 0;
	border-collapse: collapse;
	font-size: 0.9em;
	}

caption {margin-top: 20px; font-weight: bold; font-size: 110%; text-align: left;}
td, th {padding: 4px 4px 4px 7px; vertical-align: top;}
td, th.etendue-ligne {border-right: 1px solid gray; border-left: 1px solid gray; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB;}
tr:first-child td, tr:first-child th {border-top: 1px solid gray;}
tr:last-child td, tr:last-child th {border-bottom: 1px solid gray;}
tr:hover td {background-color: #E0E0E0;}
th {border: 1px solid gray; text-align: center;}
body.themes th, body.bases-de-donnees th, body.publications-et-services th, body.regions th {background-color: #f7eff7;}
body.methodes th, body.insee-statistique-publique th {background-color: #deebf7;}
body.services th {background-color: #ead9bb;}
th.etendue-colonne {}
th.etendue-ligne {text-align: left; font-weight: normal;}
th.ventilation, td.ventilation {padding-left: 13px; font-style: italic}
th.ventilation2, td.ventilation2 {padding-left: 26px; font-style: italic} /*deuxième niveau de ventilation*/
.ventilation-haut {font-style: italic; background-color: #f7eff7; font-weight: bold; text-align: center; border: 1px solid gray;}
.tab-date {text-align: center; white-space: nowrap;}
.tab-chiffre {text-align: right; white-space: nowrap;}
.tab-texte {text-align: left; white-space: normal;}
tr.tab-total, 
td.tab-total, 
th.tab-total, 
tr.tab-region, 
td.tab-region, 
th.tab-region, 
tr.tab-intertitre, 
th.tab-intertitre,
td.tab-intertitre {font-weight: bold; color: #3A3C3B;}
table.tabcadrage, table.tabsynthese {}
.note, .champ, .source {text-align: left; border-right: none;}
.titre-indicatif {text-align:left;font-weight:bold;border-right:none;}
.unite {text-align: right; font-style: italic;}
td.source, td.note, td.champ, td.unite, td.titre-indicatif {border: none !important;}
tr:hover td.source, tr:hover td.note, tr:hover td.champ, tr:hover td.unite, tr:hover td.titre-indicatif {background-color: transparent;}
.source {font-style: italic;}
.provisoire, .prevision {background-color: #ADD8E6;}
.superieure {background-color: #f7eff7;}
.inferieure {background-color: #deebf7;}
p.prevision {max-width: 10em;}
.graphique {margin: 0; padding-top: 8px; padding-bottom: 8px;}
.pour-en-savoir-plus {text-align: right; padding: 1em;}
.pour-en-savoir-plus a {background: url(/fr/css/images/puce_lien.gif) 0 0.3em no-repeat; padding: 0 0 0 15px;}
sup {vertical-align: top; font-size: 0.8em; line-height: 7px;}
sub {font-size: 0.8em; line-height: 7px;}

/* Listes de publications */

p.info {margin-left: 20px;}
ul#publications p.info, ul#typologie li.etudes_analyses, .savoirplus li.etudes_analyses, li.etudes_analyses p.info
	{
	background: url(/fr/css/images/picto_rubriqueEtude.gif) 0 0.1em no-repeat;
	padding: 0 0 0 20px;
	}
ul#publications li.comm_presse p.info, ul#typologie li.comm_presse
	{
	padding: 0 0 0 20px; 
	background:none;
	}
ul#publications li.chiffres_cles p.info, ul#typologie li.chiffres_cles
	{
	background: url(/fr/css/images/picto_rubriqueChiffres.gif) 0 0 no-repeat;
	padding: 0 0 0 20px;
	}
ul#publications li.donnees_detaillees p.info, ul#typologie li.donnees_detaillees
	{
	background: url(/fr/css/images/picto_rubriqueBanque.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	}
ul li.princ-ind p.info, ul#typologie li.princ-ind
	{
	background: url(/fr/css/images/picto_rubriqueIndice.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	}
li.autre-ind p.info, ul#typologie li.autre-ind
	{
	background: url(/fr/css/images/picto_rubriqueIndiceautre.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	}
li.salon p.info, ul#typologie li.salon
	{
	background: url(/fr/css/images/salon.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	}
p.auteur, p.maj, tr.maj td, td.maj {font-style: italic;}
#col-centre p.maj {margin: 0 0 10px 0; font-size: 95%;}
p.soustitre, p.surtitre {font-weight: bold; color: #3a3c3b;}
p.resume {font-style: italic; text-align: right;}
ul#publications li {margin-top: 15px;}
ul#publications li p {margin-top: 5px; margin-bottom: 5px;}
ul li.maj
	{
	background: url(/fr/css/images/picto_maj.gif) no-repeat -2px;
	padding: 0 0 0 28px;
	}

/* Types de fichiers */

p.xls, ul.liens li.xls, td.xls a {background: url(/fr/css/images/xlsicon.gif) 0 0 no-repeat; padding: 2px 0 5px 22px;}
p.dbf, ul.liens li.dbf, td.dbf a {background: url(/fr/css/images/dbficon.gif) 0 0 no-repeat; padding: 2px 0 5px 22px;}
p.beyond, ul.liens li.beyond, td.beyond a {background: url(/fr/css/images/beyondicon.png) 0 0 no-repeat; padding: 2px 0 5px 22px;}
p.rdf, ul.liens li.rdf, td.rdf a {background: url(/fr/css/images/rdficon.png) 0 0 no-repeat; padding: 2px 0 5px 22px;}
p.ppt, ul.liens li.ppt, td.ppt a {background: url(/fr/css/images/ppticon.png) 0 0 no-repeat; padding: 2px 0 5px 22px;}
ul.liens li.pdf, td.pdf a {background: url(/fr/css/images/pdficon.gif) 0 0 no-repeat; padding: 2px 0 5px 22px;}
	p.pdf {background: url(/fr/css/images/pdficon.gif) 0 0 no-repeat; padding: 2px 0 5px 22px; margin-left: 10px;}
	li.pdf p {margin: 0; padding: 0;}
p.txt, ul.liens li.txt, td.txt a {background: url(/fr/css/images/txticon.gif) 0 0 no-repeat; padding: 2px 0 5px 22px;}
p.zip, ul.liens li.zip, td.zip a {background: url(/fr/css/images/zipicon.gif) 0 0 no-repeat; padding: 2px 0 5px 22px;}
p.mp3, ul.liens li.mp3, td.mp3 a {background: url(/fr/css/images/mp3icon.gif) 0 0 no-repeat; padding: 2px 0 5px 22px;}
p.video, ul.liens li.video, td.video a {background: url(/fr/css/images/videoicon.png) 0 0 no-repeat; padding: 2px 0 5px 22px;}

/* Communiqués et dossiers de presse */
li.comm_presse {background: url(/fr/css/images/pdficon.gif) 0 0 no-repeat !important; padding: 0 0 0 25px !important;}

/* Actualités */
.rss img {vertical-align: middle !important;}

/* Calendrier des concours */
div.concours {border: 1px solid #dadada; margin: 0 0 10px 20px; padding: 0 0 5px 0;}
div.concours h4 {margin: 10px 0 5px 5px; padding: 0; background: none;}
div.concours ul {margin: 0 0 0 7px;}
div.concours ul li {margin: 0 0 5px 0; padding: 0 0 0 10px;}
div.concours p {margin: 0 0 2px 10px;}

/* Recensement */

	/* Table des résultats communaux */
table.rescom {text-align: center; margin: 0.1em; border-collapse: collapse;}
table.rescom th {padding: 0.2em !important;}
table.rescom td {text-align: right; padding-right: 1em !important;}
table.rescom td.c {text-align: center !important; padding-right: 0 !important;}
table.rescom td.g {text-align: left !important; padding-right: 1em !important; padding-bottom: 0 !important;}
table.rescom td.gpad {text-align: left !important; padding: 0.2em !important;}
.rescom td {border-bottom: 1px solid black;}
.rescom tr th, .rescom tr td {border-left: none; border-right: none;}
.rescom {width: 95%; border: none;}
.sig1 {margin: 10px 0px 10px 0px;}
.sig {margin: 5px 100px 5px 10px;}
.rp0 {background-color: silver;}
.rp1 {background-color: #ffe4e1;}
.rp2 {background-color: #e0ffff;}
.rp3 {background-color: #e6f8b6;}
.rp4 {background-color: #fff0bd;}
.rp5 {background-color: #f9ddc7;}
.mel {font-size: 85% !important; color: gray;}
.avert {border-top: dashed 1px #000; padding: 5px !important;}
#bloclegende1 {float: left; width: 54%; margin-bottom: 15px;}
#bloclegende2 {float: left; width: 45%; margin-bottom: 15px;}
.legenderp img {margin: 5px; width: 180px;}
.sourcerp, .listelettres {font-size: 0.8em;}
.sourcerp img {vertical-align: middle;}

/* Formulaires */

.boutonok, .envoyer, #OK, #CANCEL, button
	{
	letter-spacing: 1px;
	font-size: 1.2em;
	cursor: pointer;
	height: 23px;
	border: 2px solid #336699;
	border-radius: 5px;
	color: #ffffff;
	background-color: #336699;
	font-weight: bold;
	margin: 2px;
	padding: 0 7px;
	}
	
.boutonok:hover, .envoyer:hover, #OK:hover, #CANCEL:hover, button:hover
	{
	color: #000000;
	background-color: #ffffff;
	}
	
legend {padding: 0 5px;}
fieldset {border-radius: 5px;}
	
body.themes #contenu form {margin: 15px 0;}

#formulaire {width: 99%;}
#chiffres {padding-top: 20px;}
#formulaire .cadrechiffres {display: block !important;}
#formulaire .paravalide {float: left; margin: 5px 0; padding: 0;}
#formulaire legend {color: #000;}
#formulaire fieldset {border: 1px solid gray; padding: 0 15px 15px 15px;}
#cap {color: blue; text-align: left; margin-bottom: 10px;}
#Password {display: none;}
#formulaire .boutonsradios label
	{
	display: block;
	float: left;
	width: 200px;
	clear: left;
	}
#formulaire .boutonsradios {margin-top: 5px; clear: both;}
#formulaire .boutonsradios input {float: left; margin: 0; margin-bottom: 4px;}
#formulaire .caseacocher label {display: block; float: left; width: 400px; clear: left;}
#formulaire .caseacocher {margin-top: 5px; clear: both; margin-bottom: 50px;}
#formulaire .caseacocher input {float: left; margin: 0; margin-bottom: 4px;}
#formulaire .caseacocher label.bouton {width: auto; padding-right: 3px; clear: both;}
#formulaire .caseacocher .formattxt {float: left; clear: left;}
#formulaire .caseacocher .formattxt label {width: 50px;}
#formulaire .caseacocher .formathtml {float: left; margin-bottom: 20px;}
#formulaire .caseacocher .formathtml label {width: 50px; margin-left: 5px;}
#formulaire .caseacocher .formathtml input {}

	/* Formulaire d'abonnement aux avis de parution */
form.avis-de-parution {margin: 15px 0 0 0;}
form.avis-de-parution legend {font-weight: bold;}
form.avis-de-parution .adresse-mel {display: block; margin: 10px 0 5px 0;}
form.avis-de-parution .choisissez {display: block; margin: 15px 0 25px 0;}
form.avis-de-parution .toutes {display: inline-block; margin: 0 0 20px 0;}
form.avis-de-parution .envoyer {float: right; margin: 20px 0 0 0 !important; clear: both;}
form.avis-de-parution ul li.j_moins li {background: none; padding: 0; overflow: hidden; margin: 0;}
form.avis-de-parution ul input {float: left;}
form.avis-de-parution .colonnes {width: 50%; float: left;}

	/* Captcha */

.captcha {float: left; width: 400px; margin: 15px 0 20px 0; padding: 10px 0 10px 25px; border: 1px solid #dadada; border-radius: 8px}
.captcha img {vertical-align: middle;}
#rafraichirCaptcha {margin: 0 0 0 15px;}

	/* Boîtes de filtres de la rubrique themes */
form.filtre {padding: 0 0 3em 0;}
div.filtre_champ {float:left;	margin: 0 5px 0 0; padding:0;}
div.filtre_champ label{margin: 0; padding: 0; font-weight: bold; color: #3a3c3b; display: block;}
div.filtre_champ select {margin: 0.2em 0 0 0; padding: 0;}
form.filtre input.boutonok {float: left; margin: 1.1em 0 0 0;}
		/* corrections pour ie8 (et ie7 ?) */
		form#form1 fieldset {border-top: none !important;}
		form#form1 legend {margin-left: -10px;}
		form#form1 .types_produits {overflow: hidden;}
		form#form1 .nivgeo ul li {}
					/* + peut être ? 
					form#form1 .nivgeo ul li {float: left;}*/

	/* Déplie filtre */
	
.deplie-table, .deplie-liste {color: #0257B2;}

.deplie-filtre, .deplie-liste, .deplie-carte
	{
	color:#0257B2;
	background:url(/fr/css/images/puce_lien.gif) 0 0.5em no-repeat;
	padding:0 0 0 15px;
	}
	
.deplie-liste-ul {margin-left: 10px;}
	
p.deplie-filtre, li.deplie-filtre, 
p.deplie-table, li.deplie-table, 
p.deplie-liste, li.deplie-liste, 
p.deplie-carte, li.deplie-carte {font-weight: bold;}

p.deplie-filtre:hover, li.deplie-filtre:hover,
p.deplie-table:hover, li.deplie-table:hover,
p.deplie-liste:hover, li.deplie-liste:hover,
p.deplie-carte:hover, li.deplie-carte:hover {text-decoration: underline !important;}

li span.deplie-suivant:hover {cursor: pointer; text-decoration: underline;}
	
form.filtre-themes {}
form.filtre-themes p {margin: 5px !important; padding: 0 !important;}
form.filtre-themes ul.choix_type  {display: table-row; margin-top: 1em; margin-bottom: 1em; }
form.filtre-themes ul.choix_type li  {padding: 0 0 0 20px; width: 35%; display: table-cell; background: none;}
form.filtre-themes .tchoc {}
form.filtre-themes fieldset {border: none !important; border-top: dotted thin black !important; border-radius: 0px;}
form.filtre-themes fieldset legend {font-weight: bold; padding: 0 5px;}
form.filtre-themes input, form.filtre-themes select {vertical-align: middle;}
form.filtre-themes fieldset.types_produits ul li {background: none; margin: 0 0 0 -10px; padding: 0;}
form.filtre-themes fieldset.nivgeo ul li {background: none; margin: 0 0 0 10px; padding: 0; text-indent: -20px;}

ul.rappel {width: 45%; display: inline-block;}

	/* Moteur de recherche géo */
div#col-droite fieldset.moteur_geo {border: none; margin: 0; padding: 0; float: left;}
fieldset.moteur_geo ul.choix_type li {list-style: none; background-image: none; margin: 0; padding: 0;}
fieldset.moteur_geo legend {font-weight: bold;}
fieldset.moteur_geo #type_territoire, #type_inclusion {vertical-align: middle; margin-top: -1px !important;}

	/* Petit formulaire */
.petit-formulaire {width: 50%;}
.petit-formulaire legend {font-weight: bold;}
.petit-formulaire .boutonok {float: right; margin: 0 10px 0 0;}

	/* Réviser une pension alimentaire */

#valider, #effacer
	{
	letter-spacing: 1px;
	font-size: 1.2em;
	cursor: pointer;
	height: 23px;
	border: 2px solid #336699;
	border-radius: 5px;
	color: #ffffff;
	background-color: #336699;
	font-weight: bold;
	margin: 2px;
	padding: 0 7px;
	}

/* Agendas */

#hautagenda {width: 688px; float: left; margin-top: 10px; padding: 5px; border: 1px dotted gray;}
#hautagenda form {float: left; margin: 15px 0 0 5px; padding: 0;}
#hautagenda ul {font-size: 8pt; float: right; margin: 0; padding-top: 5px;}
#hautagenda ul li {line-height: 8px;}
#hautagenda ul li a {font-weight: normal;}
#hautagenda .nopuce {background-image: none;}
#hautagenda .margeplus {margin-left: 15px;}
#basagenda {float: left;}
#basagenda table {width: 700px;}

/* Plan du site */

ul.plan {margin: 0; padding: 0 10px 0 0;}
ul.plan li {background: url(/fr/css/images/puce_niveau3.gif) no-repeat 0 0.2em; margin: 0 0 5px 0; padding: 0 0 0 15px;}
ul.plan li a {font-weight: normal;}

/* Blocs de graphiques */

div.blocgraphique {margin-top: 15px;}
div.blocgraphique .graphique {float: left; padding: 0; margin: 0 10px 0 0;}
div.blocgraphique .commentaire {}
#col-centre div.blocgraphique p {clear: none;}
div.blocgraphique p.titre-graph {margin-top: 20px;}
.titre-graph {font-size: 1em; font-weight: bold;}

	/* Source, note et champ dans .blocgraphique et .tableau */
.blocgraphique .source, .blocgraphique .note, .blocgraphique .champ {font-size: 0.9em;}
.tableau .source, .tableau .note, .tableau .champ {font-size: 1.05em;}

/* Encadrés */

div.encadre
	{
	border: dotted 1px gray;
	padding: 0px 10px 5px 10px;
	margin-bottom: 10px;
	}

.encadre h3
	{
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: none !important;
	}

/* Définitions */

dt {font-weight: bold; padding-top: 5px; padding-bottom: 5px}

/* Liste d'ordonnées */

	/* L'espacement vertical doit être identique à celui des listes non-ordonnées */
ol
	{
	margin: 0 0 0 35px ;
	padding: 5px 0 0 0 ;
	list-style-position: inside;
	}
ol li 
	{
	margin-left: -25px; margin-right: 0px ;
	padding-left:15px; padding-right:10px ;
	list-style-type: decimal;
	text-indent: -25px;
	}
ol li p 
	{
	margin-right: 0 ;
	text-indent: 0;
	}
ol li ol li, ul li ol li, ul.liens li ol li 
	{
	margin-left: -25px; margin-right: 0px ;
	padding-left:15px; padding-right:0 ; 
	background: none;
	list-style-position: inside;
	}
ol li ul li 
	{ 
	margin-left: -5px; margin-right:0; 
	padding-left:40px; padding-right:0 ; 
	background: url(/fr/css/images/puce_niveau3.gif) no-repeat left 0.4em ;
	list-style-type: none ;
	list-style-position: outside ;
	}
li li ol , li li ul 
	{ 
	margin-left: 0 ; margin-right: 0 ;
	padding-left:0 ; padding-right:10px;
	}
ol li li li, li ol li li, li li ol li 
	{ 
	margin-left: 0 !important; margin-right:0;
	padding-left: 15px !important; padding-right:0 ;
	background: url(/fr/css/images/puce_niveau3.gif) no-repeat left 0.4em !important;
	list-style-type: none !important;
	text-indent: 0 !important;
	list-style-position: outside !important;
}
	/* Questions/Réponses ordonnées */
ol.questions , ol.reponses {margin-left:60px; margin-right:0;}

ol.questions li, ol.reponses li
	{
	padding-left:0; padding-right:0;
	list-style-position: outside;
	text-indent: 0;
	}

ol.reponses
	{
	padding-top:2em;
	font-weight: bold;
	}

ol.reponses p, ol.reponses ul {font-weight: normal;}

ol.reponses ul {margin-left:10px !important; margin-right: 0 !important;}

ol.reponses ul li {padding-left:15px !important; padding-right: 0 !important;} 

/* Visuels pour IAM */

.iam {height: 160px;}
		 
.visuel_centre
	{
	float: left;
	margin: 0em 2em 0 1.2em;
	border: solid 1px gray;
	width: 105px;
	height: 140px;
	}

.visuel_droit {float: left; margin: 0.5em 0.5em 0 0; border: solid 1px gray;}

.itw {width: 695px;}

/* Visuels, image à droite ou à gauche d'un paragraphe */

.texte-plus-visuel {display: inline-block;}
.texte-plus-visuel img {margin: 0; padding: 0;}
.texte-plus-visuel p {margin: 0; padding: 0;}
.image-droite {float: right;}
.image-gauche {float: left;}
.texte-gauche, .texte-droite {overflow: hidden;}
.texte-gauche {padding-right: 10px;}
.texte-droite {padding-left: 10px; width: 79%;}

/* Infobulles générales */

.ui-tooltip 
	{
	padding: 6px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	border-radius: 5px;
	}
	
body .ui-tooltip {border-width: 2px;}

.ui-widget {font-size: 1.1em;}

.ui-widget-content
	{
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
	}

/* Infobulles des abréviations */
abbr, .infobulle {cursor: help; border-bottom: 1px dashed black;}
body.themes .infobulle, body.bases-de-donnees .infobulle, body.publications-et-services .infobulle, body.regions .infobulle {color: #f7eff7;}
body.insee-statistique-publique .infobulle, body.methodes .infobulle {color: #deebf7;}
body.services .infobulle {color: #ead9bb;}

/* Nouveautés */
.nouveaute {border: 1px dotted gray; padding: 5px 15px; margin: 0 0 10px;}
	
/* Pages d'aide */
	/* reproduction des styles de la colonne droite, en colonne centre */
	/* à utiliser exclusivement pour les pages d'aide */

div.bloc.rub-bleue h3
	{
	color: #3D5B77;
	border-bottom: 2px solid #3D5B77;
	background: url(/fr/css/images/picto_soustitre_bleu.gif) white 0.1em 0.35em no-repeat;
	padding: 0 0 0 15px;
	}

div.bloc.rub-rouge h3
	{
	color: #A00F3C;
	border-bottom: 2px solid #A00F3C;
	background: url(/fr/css/images/picto_soustitre_rouge.gif) white 0.1em 0.35em no-repeat;
	padding: 0 0 0 15px;
	}

div.bloc.rub-bleue, div.bloc.rub-rouge {width: 212px; float: none;}
/* Quiz */
div.question ul.reponses li {list-style:none; background-image: none;}

/* Liens sur plusieurs colonnes dans la partie centrale */
.en-tete-colonnage {background: none !important; padding: 0; font-weight: bold;}

	/* sur deux colonnes */
.colonnage-deux {width: 50%; float: left; clear: left;}

	/* sur trois colonnes */
.colonnage-trois {width: 33%; float: left;}

/*image de chargement d'un iframe*/
iframe.iframeloading {background: url("/fr/css/images/iframe-loader.gif") no-repeat center center;}

/* Page À la une */

.publications-et-services div.annonce {}
.publications-et-services div.contenu-annonce:first-child {margin: 15px 0 5px 0;}
.publications-et-services div.contenu-annonce
	{
	width: 100%;
	float: left;
	margin: 0 0 5px 0;
	padding: 10px 0;
	border-bottom: 1px solid #dadada;
	}
.publications-et-services .contenu-annonce a {margin: 0;}
.publications-et-services .contenu-annonce p.date {margin: 3px 0 5px 0; font-style: italic;}
.publications-et-services .contenu-annonce p.image-annonce {margin: 0; display: inline;}
/* IE7 */ *+html body.publications-et-services .contenu-annonce p.image-annonce {float: left !important;}
.publications-et-services .contenu-annonce p.image-annonce img {margin: 0; max-width: 150px;}
.publications-et-services .contenu-annonce p.texte-annonce {margin: 0; float: right; width: 320px;}
.publications-et-services .contenu-annonce .bandeau-annonce img {}
	
.services div.annonce {}
.services div.contenu-annonce:first-child {margin: 15px 0 5px 0;}
.services div.contenu-annonce
	{
	width: 100%;
	float: left;
	margin: 0 0 5px 0;
	padding: 10px 0;
	border-bottom: 1px solid #dadada;
	}
.services .contenu-annonce a {margin: 0;}
.services .contenu-annonce p.date {margin: 3px 0 5px 0; font-style: italic;}
.services .contenu-annonce p.image-annonce {margin: 0; display: inline;}
/* IE7 */ *+html body.services .contenu-annonce p.image-annonce {float: left !important;}
.services .contenu-annonce p.image-annonce img {margin: 0; max-width: 150px;}
.services .contenu-annonce p.texte-annonce {margin: 0; float: right; width: 320px;}
.services .contenu-annonce .bandeau-annonce img {}

/* Colonnage
.colonnage ul {padding: 0; width: 232px; float: left;}
.colonnage p {margin: 0; padding: 0;}
.colonnage ul:nth-child(odd) {margin-right: 10px;}
.colonnage ul:nth-child(even) {margin-left: 10px;}
 */
div.colonnage {width: 480px;}
div.colonnage li {float: left; width: 46%;}
div.colonnage li:nth-child(odd) {clear: both;}
div.colonnage li:nth-child(even) {}


 
/* Tableau de bord de la conjoncture */
#tableau-bord-conjoncture ul li {display: inline;}
#tableau-bord-conjoncture ul li:first-child {margin-right: 150px;}

/* ? */
.menugenedivimages .imgmenu {float: left; margin: 0; padding: 0;}
.image-seule {border: 1px solid #dadada; border-radius: 5px;	}
img.imgaccroche {float: left;}

/* Cog */

.pays-perime {font-style: italic;}


/* Print */
.print {
	border:1px solid #dadada; 
	padding: 2px; 
	max-width: 140px;
}
.print img {
	margin-right: 3px;
	vertical-align: middle;
}
.a-cliquer{
	font-weight:bold;
}
.a-cliquer:hover {
	cursor:pointer;
	color:#0e0e0e;
	background-color: #f5f5f5;
	opacity: 0.8;
	transition: all 0.2s ;
}