/*  bleu titre : #349ed2 */
/* fond bleu ciel :   #d1e9f5    */
/* rose #d40075 */

#content.site-content {
  background-image: url('./images/fond.png');
  background-repeat: no-repeat;
  /* background-size: 100% auto; */
  background-size:cover;
  z-index:1;
  /* background-position: center 300px; */
  background-position: center;

}

 /* care / prod */
#fil-ariane {display:none;} /* care / prod */
#content.site-content {
  padding:0;
  margin-top: -22px;
}

 /* / care / prod */

section#contenu-debit {padding-top:0rem;}

#contenu-debit .container { background-color: white;}


h1 {
  background-color: #349ed2;
  /* margin-top:0.8rem; */
  margin-bottom:2rem;
  padding-top:0.2rem;
  padding-bottom:0.2rem;
  color:#fff;
	font-weight: 500;
	font-size: 2.0rem;
  text-align: center;
}
h2.h2-rose {color:#d40075;}
.box-fond-bleu {
  background:#d1e9f5;
  padding:1.4rem 1.4rem 2rem 1.4rem;

}
.box-fond-bleu.bordure-bleu {
  padding:0.8rem;
}

.fond-blanc {
  padding:0.8rem;
  background:#fff;
}

h2 {
  margin-bottom:0.3rem;
  padding-top:0.1rem;
  /* padding-bottom:0.2rem; */
  /* color:#fff; */
font-family: 'Bahnschrift';
  text-align: left;

	font-weight: 700;
	font-size: 21px;
	letter-spacing: -2px;
	text-transform: uppercase;
}


/******** LES INFOS ***********/
#col-info-station span.badge   {
  cursor:pointer;
  vertical-align: super;
}

/******** LES DERNIERES VALEURS ***********/
.row-infos-gales .box-fond-bleu {

  height:100%;
  min-height:300px;
  position:relative;
}
.col-last-vals .box-fond-bleu {
  position:relative;
}

a#liste-stations {position: absolute;
  bottom:0.5rem;
  right:1.4rem;
  color:#d40075;
  font-weight: bold;
}
p#precision-niveau {position: absolute;
  bottom:0.8rem;
  left:1.4rem;
  text-align: left;
}

.row-gouttes p {
  text-align: center;
  display: inline-block;
  width:100%;
  	font-size: 15px;
  	line-height: 0.9;
    margin:0;
}
.row-gouttes > div > div {
  background-image: url('./images/goutteRemplieRSZ.svg');
  /* background-image: url('./images/picto bsh_V6_Piezo_Noir.jpg'); */
  background-image: url('./images/picto bsh_V6_Piezo_3_Bleu-clair.jpg');
  background-image: url('./images/picto_bsh_piezo_transparent.png');
  background-image: url('./images/picto_bsh_piezo_rogne.png');
  /*padding-top:6rem;*//*debit*/
  padding-top:3rem;/*piezo*/
  /* padding-top:70px; */
  background-repeat: no-repeat;
  /* background-size: 100% auto; */
  /* background-size:191px 221px; */
  background-size:contain;
  width:auto;
  height:250px;
  /* z-index:1; */
  /* background-position: center 300px; */
  background-position: center;
  text-align: center;
}
/*
.row-gouttes > div > div {
  background-image: url('./images/goutteRemplieRSZ.svg');
  background-image: url('./images/picto bsh_V6_Piezo_3_Bleu-clair.jpg');
  padding-top:2rem;
  background-repeat: no-repeat;
  background-size:contain;
  width:auto;
  height:250px;
  background-position: center;
  text-align: center;
}
*/

.row-gouttes p.text-val {
  font-family: 'Bahnschrift';
    /* text-align: cent; */
  	font-weight: 700;
    /* color:#fff; */
    color:#000;
    /* margin-top:3rem; debit */
    margin-top:4.8rem;
    /* margin-bottom:2px; */
    font-size:20px;
      	/* line-height: 1; */
	letter-spacing: -1px;
}

/******* SOURCE ************/
#texte_source {text-align: left;}

/*** legende graph ***/
/*
QMM5 Humide #0040FF
QMédian #DF01D7
QMM5 Sec  #DF0101
*/

h2.titre-seuils {display: inline-block;}
h2.titre-seuils::after {
	content: '';
	background-image: url('./images/lisereRose.svg');
	/* background-image: url('./static/images/lisereVert.svg'); */
	background-repeat: repeat-x;
	background-size: 10px;
	width: 120%;
	/* width: 1500px; */
	position: absolute;
	height: 10px;
	/* bottom: 0.2rem; */
	left: 0;
	bottom: -10px;
}

/**** TABLE SEUILS *****/
.table-seuils {font-weight:700;
  border-color:#349ed2;

}

.table-seuils td {
  border-color:#349ed2;
  	border-top: 2px solid #349ed2;
}

.table .td-dpt {
  border-left: 1px none transparent;
  border-top:1px none transparent;
  color:#d40075;
}

.vide {
	background: #d1e9f5;
	/* padding: 0.6rem 0.6rem 0.3rem 0.6rem; */
}


/*********** LOGOS ***************/
.logos {
  align-items: center;

}



/************** OLD ********************/
/*
table {
  border:1px solid #000000;
  border-collapse:collapse;
}

td {
  border:1px solid #000000;
  text-align:center;
}
*/
.rouge{
  color:#990000;
}
/*
.vide{
  background-color:#DFDFDF;
}
*/
.avertissement{
  padding: 3px 10px;
  font-weight: 700;
  color:#d40075;
  font-family: 'Bahnschrift';
  	font-size: 21px;
  	letter-spacing: -2px;
    text-align: center;
}

.care_info {
  padding:2rem;
  border: solid 3px lightgray;
}

.source-donnees {

  margin-top: 2rem;
  margin-bottom: 2rem;
}
.Style1 {font-weight: bold}