@charset "UTF-8";

/****************** Début METROPOL *********************/

#MetropolPDF {
	max-width:21cm;
}

.metropol h1#titrePage .metropol {
	display: block;
	font-size:1.38461538462em;
	font-weight: bold;
	line-height: 100%;
	padding:5px 0 9px 0;
}

.metropol h2.sousTitre {
	clear: both;
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.846153846153846em;
	color: #ea7420;
	margin: 26px 0 9px 0;
}

.metropol #ZoneRecherche h2.sousTitre {
	margin-top: 0;
}

/* ------------------- Spécifique page d'accueil Metropol */

.metropol.accueilMetropol #ZonePresentation {
	margin:0 0 2em 0;
}

.metropol.accueilMetropol #ZonePresentation > .illustration {
	float:left;
	display: inline-block;
	margin: 0 1.5em 0.5em 0;
}

.metropol.accueilMetropol #ZonePresentation > .illustration > img {
	border:1px solid #ccc;
}

.metropol.accueilMetropol #ZonePresentation > .editorial {
}

.metropol.accueilMetropol #ZonePresentation .actions {
	margin:2em 0 0 0;
}

 .metropol.accueilMetropol #ZonePresentation .actions a {
	display: block;
	font-size:1.2em;
	min-height: 20px;
	font-weight: bold;
}

.metropol.accueilMetropol #ZonePresentation .actions a span:before {
	content:"\00a0"; /* espace insécable */
	font-size: 0;
	display: inline-block;
	position: relative;
	top:-2px;
	vertical-align: middle;
	width:19px;
	height:20px;
	background: url(../img/metropol/pictos.png) -25px 0 no-repeat;
	padding:0 7px 0 0;
}

.metropol.accueilMetropol #ZoneRecherche {
	clear:both;
	margin:0 0 0 0;
}

.metropol.accueilMetropol #ZoneRecherche .search-box #search-nav a {
	width:33.33333333333%;
	vertical-align: middle;
}
.metropol.accueilMetropol #ZoneRecherche .search-box #search-nav a:last-child {
	width:auto;
}

.metropol.accueilMetropol .search-box #search-nav a#recherche-substance.actif::after{
	left: 20%;
}
.metropol.accueilMetropol .search-box #search-nav a#recherche-methode-prelevement.actif::after{
	left: 53.333333%;
}
.metropol.accueilMetropol .search-box #search-nav a#recherche-methode-analyse.actif::after{
	left: 86.666666%;
}

.metropol.accueilMetropol div.autosuggest ul li a span small {
	display:none;
}

.metropol .bloc_compedit .bce_lienint {
	margin:0 0 1em 0;
}

.metropol.accueilMetropol #ZoneInformations {
	clear:both;
	position: relative;
	margin:1em 0 0 0;
}

.metropol.accueilMetropol #ZoneInformations > .rss {
	font-size: 0;
	display: inline-block;
	position: absolute;
	top:0;
	right:0;
	
	vertical-align: middle;
	margin:0 0 0.5em 1em;
	width:18px;
	height:18px;
	background: url(../img/metropol/pictos.png) 0 0 no-repeat;
}

.metropol.accueilMetropol #ZoneInformations .rss:hover {
	background-position: 0 -25px;
}

.metropol.accueilMetropol #ZoneInformations .infos {
	font-size: 0;
}
.ltIE9 .metropol.accueilMetropol #ZoneInformations .infos { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}

.metropol.accueilMetropol #ZoneInformations .infos > li {
	display: inline-block;
	width:48%;
	margin:0 4% 20px 0;
	vertical-align: top;
}

.metropol.accueilMetropol #ZoneInformations .infos > li:nth-child(even) {
	margin-right: 0;
}
.ltIE9 .metropol.accueilMetropol #ZoneInformations .infos > li.even {
	margin-right: 0;
}

.metropol.accueilMetropol #ZoneInformations .infos > li:first-child:nth-last-child(1) {
    width: 100%;
    margin-right: 0;
}
.ltIE9 .metropol.accueilMetropol #ZoneInformations .infos > li.first-child.last-child  {
    width: 100%;
    margin-right: 0;
}

.IOsDevice .metropol.accueilMetropol #ZoneInformations .infos > li {
    width: 100% !important;
    margin-right: 0 !important;
}

.metropol.accueilMetropol #ZoneInformations .infos .info {
	display: block;
	background: #f2f2f2;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding:10px;
	line-height: 1.2em;
	font-size:1rem;

}
.ltIE9 .metropol.accueilMetropol #ZoneInformations .infos .info { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.metropol.accueilMetropol #ZoneInformations .infos .info h3 {	
	margin: 0 0 0.5em 0;
}

.metropol.accueilMetropol #ZoneInformations .infos .info h3 > .date{
	display: block;
	margin:0 0 0.5em 0;
	font-style: normal;
	font-weight: bold;
	font-size: 1.076923076923077em;
	color: #787f86;
}

.metropol.accueilMetropol #ZoneInformations .infos .info h3 > .titre {
	display: block;
	margin:0;
	color:#000;
	font-style: normal;
	font-weight: bold;
	font-size: 1.076923076923077em;
}

.metropol.accueilMetropol #ZoneInformations .infos .info .editorial {
	margin:0 0 0.8em 0;
}

.metropol.accueilMetropol #ZoneInformations .infos .info .liens {
	display: block;
	border-top: 1px solid #cacaca;
}

.metropol.accueilMetropol #ZoneInformations .infos .info .liens > li {
	display: block;
  	background: url(../img/blocCompEdit/EncocheLien.png) 0 11px no-repeat;
    margin: 0 0 0 0;
    padding-top: 8px;
}

.metropol.accueilMetropol #ZoneInformations .infos .info .liens > li > a{
	display:inline-block;
	padding-left: 10px;
	font-size: 0.9230769em; /* base 12px - 12/13px */
	font-weight: bold;
	color: #787f86;
}


/* ------------------- Spécifique résultats de recherche Métropol */

.metropol.resultatsRecherche .affinerRecherche {
	display: block; /* tjrs affiché */
}

.metropol.resultatsRecherche #EnteteResultats h2 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.384615384615385em;
	color: #ea7420;
	margin-top: 15px;
	
	text-transform: uppercase;
}

.metropol.resultatsRecherche #EnteteResultats .rappelCriteres {
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.384615384615385em;
	color: #ea7420;
	margin: 0.25em 0 0.5em 0;
}

.metropol.resultatsRecherche #EnteteResultats .rappelCriteres .libelle {
}

.metropol.resultatsRecherche #EnteteResultats .rappelCriteres .valeur {
	font-weight: bold;
}

.metropol.resultatsRecherche .triPages .titre{
	width: auto;
}
.metropol.resultatsRecherche .triPages .wrapperBoutonTri{
	width: auto;
}
.metropol.resultatsRecherche .triPages .wrapperBoutonTri > a{
	margin-left:0 !important;
}


/* ------------------- Spécifique fiche Métropol */


/* --- Sommaire de la fiche --- */
.metropol.fiche #Sommaire {
	margin:1em 0;
}

.metropol.fiche #Sommaire > .titre {
	background : #ea7420;
}

.metropol.fiche #Sommaire > .titre > .wrapper {
	font-size: 1.15384615384615em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding-top:0.25em;
	padding-bottom:0.25em;
}

.metropol.fiche #Sommaire > .titre > .wrapper:after{
	display:block;
	position:absolute;
	bottom:-6px;
	left:45px;
	
	font-size: 0;
	content : "\00a0"; /* espace insécable */
	background: url(../img/pageDossier/encocheHeader.png) no-repeat 0 0;
	width:19px;
	height: 6px;
}

.metropol.fiche #Sommaire > .liens {
	background: #e5e5e5;
}

.metropol.fiche #Sommaire > .liens > .wrapper {
	padding-top:5px;
}

.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu {
	padding:1em 0 0.5em 0;
	
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;	
	
	-webkit-column-gap : 2em;
	-moz-column-gap : 2em;
	column-gap : 2em;
	
	display: block;
	vertical-align: top;
	width:69%;
	float:left;
}

.metropol.fiche #Sommaire > .liens > .wrapper > .boutons {
	vertical-align: top;
	width:31%;
	float:left;
}

@media print {
	.metropol.fiche .container_colonneDroite,
	.metropol.fiche #Sommaire > .liens > .wrapper > .boutons {
	display: none;
	}
	
	.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu {
	width: 100%;
	}
}



.metropol.fiche #Sommaire > .liens > .wrapper > .boutons > a {
	display: block;
	margin-top: 1em;
}

.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu > ul > li {
	margin:0 0 1em 0;
}

.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu > ul > li > span,
.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu > ul > li > a.lien {
	display: inline-block;
	background: url(../img/pageDossier/puces.png) no-repeat 0 3px;
	padding:0 0 0 10px;
	color:#3c3c3c;
}

.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu > ul > li > span {
	font-weight: bold;
	text-decoration: underline;
	/*
	background: url(../img/pageDossier/puces.png) no-repeat 0 -95px;
	color:#623c7c;*/
}

.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu > ul > li > span.lien {
	font-weight: normal;
	text-decoration: none;
}

.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu > ul > li > .lien.selectionne {
	font-weight: bold;
	text-decoration: underline ! important;
}

.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu > ul > li > .lien.selectionne {
	font-weight: bold;
	text-decoration: underline ! important;
}

.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu > ul > li > .group {
	display: inline-block;
}
.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu > ul > li > .group > .boutonImportant:first-child {
	display:block;
	margin-bottom: 1.2em;
}


/* ----------------------------------------- */
.metropol.fiche .liensDonneesValidation {
	background: #e5e5e5;
	padding:16px;
	width: auto;
}

.metropol.fiche .liensDonneesValidation h3 {
	font-weight: bold;
	margin: 0 0 1em 0;
	text-transform: uppercase;
}

.metropol.fiche .liensDonneesValidation ul {
	margin: 0;
}

.metropol.fiche .liensDonneesValidation ul > li:last-child,
.metropol.fiche .liensDonneesValidation ul > li:last-child > span {
	margin-bottom: 0;
}

.metropol.fiche .liensDonneesValidation ul a {
	font-weight: bold;
	color: #b0273e
}

/* ----------------------------------------- */

.metropol.donneesValidation .container_colonneDroite .retourAuxResultats {
	margin-top:6px;	
}

.metropol.donneesValidation .container_contenuPrincipal a {
	color: #88501b;
	font-weight: bold;
	text-decoration: underline;
}

.metropol.donneesValidation .infosCles {
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.384615384615385em;
	color: #ea7420;
	margin: 15px 0 0.5em 0;
}
/*
.metropol.donneesValidation  .libelle {
}
*/
.metropol.donneesValidation  .valeur {
	font-weight: bold;
}

@media print {
	.metropol .tableau th {
		text-transform: none;
	}
}

.metropol.fiche .versionFiche {
	margin: 1em 4px 1em 0;
	color: #757575;
	text-align: right;
}

.metropol.fiche .versionFiche .libelle {
}

.metropol.fiche .versionFiche .valeur {
	font-weight: bold;
}

.metropol.fiche .bloc_sommaire,
.metropol.fiche .bloc_liensConnexes {
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}
/*
.metropol.fiche .bloc_sommaire {
	width: 65.21739130434783%;
	min-width: 52.17391304347826%;
}

.metropol.fiche .bloc_liensConnexes {
	width: 30.43478260869565%;
	margin-left: 4.347826086956522%;
	min-width: 23.91304347826087%;
}
*/
.metropol.fiche .bloc_liensConnexes .boutonImportant {
	display: block;
} 

.metropol.fiche .titreSection {
	font-family: pt_sans, sans-serif;
	margin: 1em 0 0.25em 0;
	font-weight: bold;
	font-style: normal;
	font-size: 1.846153846153846em;
	color: #ea7420;
}

.metropol.fiche .titreSection > em {
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:0.8em;
	display: block;
	color: #000;
	margin:0.25em 0 0 0;
}

/* Sous titre de niveau 2 */
.metropol h4 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.692307692307692em; /* 22px / 13px */
	color: #3c3c3c;
	margin-top: 26px;
	margin-bottom: 10px;
}
/* Sous titre de niveau 3 */
.metropol h5 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.538461538461538em; /* 20px / 13px */
	color: #787f86;
	margin-top: 26px;
	margin-bottom: 8px;
}
/* Sous titre de niveau 4 */
.metropol h6 {
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3076923em; /* 17px / 13px */
	color: #787f86;
	margin-top: 1em;
	margin-bottom: 0.2em;
}

/* Sous-titre dans un tableau */
.metropol td > h2, 
.metropol td > h3, 
.metropol td > h4, 
.metropol td > h5, 
.metropol td > h6 {
	margin-top:0;
} 


.metropol .sectionFiche a {
	color: #b0273e;
	font-weight: bold;
}


@media print {
	.metropol .retourAuxResultats,
	.metropol .modifierRecherche,
	.metropol.fiche .bloc_sommaire,
	.metropol.fiche .bloc_liensConnexes
	{
		display: none !important;
	}
	
	.metropol.fiche .container_colonneDroite {
		width:100%;
	}
}




/* Largeur inférieure à 960px */
@media screen and (max-width:960px) {
	/* --- Accueil */
	.metropol.accueilMetropol #ZoneInformations .infos > li {
	    width: 100% !important;
	    margin-right: 0 !important;
	}
}





/* Largeur inférieure à 767px */
@media screen and (max-width:767px) {
	/* --- Fiche Métropol */
	.metropol.fiche .container_colonneDroite {
		display:none;
	}

	.metropol.fiche .bloc_sommaire,
	.metropol.fiche .bloc_liensConnexes {
		display: block;
		margin: 20px 0;
		width: 100%;
	}
}

/* Largeur inferieure a 600px */
@media screen and (max-width:600px) {
	.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu {
	width:50%;
	}
	.metropol.fiche #Sommaire > .liens > .wrapper > .boutons {
	width:50%;
	}
}



/* Largeur comprise entre 481px et 600px */
@media screen and (min-width:481px) and (max-width:600px) {
	/* --- Fiche Métropol */
	.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;	
	}	
}


@media screen and (max-width:480px) {
	/* Sous titre de niveau 2 */
	.metropol h4 {
		font-size: 1.46153846153846em; /* 19px / 13px */
		line-height: 110.526315789474%; /* 21px / 19px */
		margin-top: 21px;
	}
	/* Sous titre de niveau 3 */
	.metropol h5 {
		font-size: 1.38461538461538em; /* 18px / 13px */
		line-height: 105.555555555556%; /* 19px / 18px */
		margin-top: 19px;
	}
	/* Sous titre de niveau 4 */
	.metropol h6 {
		font-size: 1.076923076923077em; /* 14px / 13px */
		margin-top: 10px;
	}
	
	/* --- Accueil Métropol */
	.metropol.accueilMetropol #ZoneInformations .infos > li {
	    width: 100%;
	    margin-right: 0;
	}
	
	/* --- Fiche Métropol */
	.metropol.fiche #Sommaire > .liens > .wrapper > .liensContenu {
		padding-bottom: 0;
		width:auto;
		float:none;
	}
	.metropol.fiche #Sommaire > .liens > .wrapper > .boutons {
		width:auto;
		float:none;
		margin: 0;
		padding-bottom: 1em;
	}
	.metropol.fiche #Sommaire > .liens > .wrapper > .boutons > a {
		display: inline-block;
		margin-top: 0 1em 0 0;
		float:left;
		clear:left;
	}

}


/****************** Fin METROPOL **********************/