sup {
  color: #da393a;
}
.hoverUnderline {
  text-decoration: none;
}
.hoverUnderline:hover {
  text-decoration: underline;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.raleway {
  font-family: 'Raleway', sans-serif;
}
.creteRound {
  font-family: 'Crete Round', serif;
}
.pRapportAnnuelCarte2016 #main article {
  background-color: #f3ede2;
}
.pRapportAnnuelCarte2016 #main #TitreRegion {
  font-family: Crete Round, serif;
  color: #434747;
  padding: 0 20px 25px 20px;
  font-size: 1.5em;
}
.pRapportAnnuelCarte2016 #main #TitreRegion h2 {
  color: #d02c30;
  font-family: Raleway, sans-serif;
  font-size: 1.5em;
  margin-bottom: 0;
}
.pRapportAnnuelCarte2016 #main #TitreRegion hr {
  border-style: dashed;
  margin: 10px 0 35px;
}
.pRapportAnnuelCarte2016 #main #TitreRegion img {
  display: block;
  margin-bottom: 10px;
}
.pRapportAnnuelCarte2016 #main #TitreRegion a {
  color: #ca262f;
  text-decoration: none;
}
.pRapportAnnuelCarte2016 #main #TitreRegion a:hover {
  text-decoration: underline;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin1 {
  background: url(/img/rapports/2016/pin1.png) no-repeat left center;
  margin-top: 20px;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin2 {
  background: url(/img/rapports/2016/pin2.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin3 {
  background: url(/img/rapports/2016/pin3.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin4 {
  background: url(/img/rapports/2016/pin4.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin5 {
  background: url(/img/rapports/2016/pin5.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin6 {
  background: url(/img/rapports/2016/pin6.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin7 {
  background: url(/img/rapports/2016/pin7.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin8 {
  background: url(/img/rapports/2016/pin8.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin9 {
  background: url(/img/rapports/2016/pin9.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin10 {
  background: url(/img/rapports/2016/pin10.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin11 {
  background: url(/img/rapports/2016/pin11.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin12 {
  background: url(/img/rapports/2016/pin12.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin13 {
  background: url(/img/rapports/2016/pin13.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin14 {
  background: url(/img/rapports/2016/pin14.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin15 {
  background: url(/img/rapports/2016/pin15.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin16 {
  background: url(/img/rapports/2016/pin16.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin17 {
  background: url(/img/rapports/2016/pin17.png) no-repeat left center;
}
.pRapportAnnuelCarte2016 #main #TitreRegion .pin {
  background-size: 20px 30px;
  padding: 2px 0 4px 1.3em;
}
.pRapportAnnuelCarte2016 #main #CarteRegion {
  padding: 0 20px 25px 20px;
}
.pRapportAnnuelCarte2016 #main #CarteRegion div {
  position: absolute;
  background-color: #cccccc;
  width: 40px;
  height: 50px;
}
.pRapportAnnuelCarte2016 #main #TitreRegion img,
.pRapportAnnuelCarte2016 #main #CarteRegion img {
  width: auto;
  max-width: 100%;
}
.gain #main .Entete,
.risque #main .Entete {
  background-color: #da393a;
  color: white;
  text-align: center;
  padding: 0.2em 1em 2em;
  margin-top: -20px;
}
.gain #main .Entete h2,
.risque #main .Entete h2 {
  color: white;
}
.gain #main .Entete p,
.risque #main .Entete p {
  font-family: Crete Round, serif;
}
.gain #main .flecheEntete,
.risque #main .flecheEntete {
  text-align: center;
  margin-top: -5px;
}
.gain #main .row p,
.risque #main .row p {
  font-size: 1.3em;
}
.gain #main .row .source,
.risque #main .row .source {
  font-size: 0.8em;
}
.gain #main h2,
.risque #main h2 {
  color: #da393a;
  text-transform: uppercase;
  font-size: 2.7em;
  text-align: center;
}
.gain #main h3,
.risque #main h3 {
  font-size: 1.4em;
}
.gain #main h4,
.risque #main h4 {
  font-size: 1.2em;
}
.gain #main #fsGeneric #fsGeneric2,
.risque #main #fsGeneric #fsGeneric2 {
  padding-left: 40px;
  text-align: center;
}
.gain #main #fsGeneric #fsGeneric2 img,
.risque #main #fsGeneric #fsGeneric2 img {
  position: relative;
  left: 0;
  top: 0;
}
.gain #main #fsGeneric #fsGeneric2 strong,
.risque #main #fsGeneric #fsGeneric2 strong {
  font-size: 1em;
}
.gain #main #fsGeneric .contentVertical,
.risque #main #fsGeneric .contentVertical {
  padding: 0 30px 40px;
  max-width: 960px;
  margin: auto;
  margin-bottom: 50px;
}
.gain #main #fsGeneric .contentVertical img,
.risque #main #fsGeneric .contentVertical img {
  width: auto;
  max-width: 100%;
  margin-bottom: 40px;
}
.gain #main #fsGeneric .contentVertical h3.WithChiffre,
.risque #main #fsGeneric .contentVertical h3.WithChiffre {
  text-align: left;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.gain #main #fsGeneric .contentVertical h3.WithChiffre img,
.risque #main #fsGeneric .contentVertical h3.WithChiffre img {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.risque #main .Entete {
  background-color: #49ad8c;
}
.risque #main h2 {
  color: #49ad8c;
}
.risque #main h2.sous-titre {
  color: #91c1ab;
}
/* **** INTERMEDIATE *** */

@media only screen and (min-width: 768px) {
  
}
/* **** WIDE *** */

@media only screen and (min-width: 1024px) {
  .pRapportAnnuelCarte2016 #main .ContentMap {
    overflow: auto;
    margin-top: -20px;
  }
  .pRapportAnnuelCarte2016 #main .ContentMap #TitreRegion {
    width: 390px;
    float: left;
    padding-left: 40px;
  }
  .pRapportAnnuelCarte2016 #main .ContentMap #TitreRegion a {
    font-size: 0.8em;
  }
  .pRapportAnnuelCarte2016 #main .ContentMap #CarteRegion {
    max-width: 630px;
    float: left;
  }
  .gain #main .Entete,
  .risque #main .Entete {
    padding: 0.2em 4em 2em;
  }
  .gain #main .Entete p,
  .risque #main .Entete p {
    font-family: Crete Round, serif;
    font-size: 1.7em;
  }
}
/* **** MAX SIZE *** */

/*@media only screen and (min-width: 1295px) {
.pRapportAnnuelCarte2016{
	#main {
		.ContentMap{ margin-top: -60px;
			#TitreRegion {width: 512px; float: left; padding-left:75px; margin-top: 20px;}
			#CarteRegion{max-width: 760px; padding:0;}
		}
	}
}
	
.gain, .risque{
	#main {	
		.Entete{margin-top:-60px;
			
		}
		#fsGeneric {
			.contentVertical{
				h3.WithChiffre{
					img{margin-bottom: 75px;}
				}	
			}
		
			
		}
	}
}
	
}*/