body{
	background-image:none;
}
#ecran-popup nav{
	position:absolute;
	bottom:23px;
	left:0px;
	height:26px;
	width:385px;
	z-index:11;
	background-color:rgba(243,245,246,0.8);
	background-image:url(/securite-surete-travaux/img/fond-menu-popup.png);
	background-repeat:repeat-x;
}
#ecran-popup nav  li{
	list-style:none;
	float:left;

}
#ecran-popup nav a {
	color:#06578f;	
	display:block;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	padding:5px 5px 5px 6px;
	background-image:url(/securite-surete-travaux/img/fond-menu-popup.png);
	background-repeat:repeat-x;
	height:16px;
}
#ecran-popup nav a:hover ,
#ecran-popup nav a.lien-actif{
	color:#fff;
	text-decoration:none;
}
#ecran-popup nav a#lien-surete-installation:hover,
#ecran-popup nav a#lien-surete-installation.lien-actif {
	background-image:url(/securite-surete-travaux/img/fond-menu-popup-surete.png);
}
#ecran-popup nav a#lien-securite-public:hover,
#ecran-popup nav a#lien-securite-public.lien-actif {
	background-image:url(/securite-surete-travaux/img/fond-menu-popup-securite.png);
}
#ecran-popup nav a#lien-travaux-entretien:hover,
#ecran-popup nav a#lien-travaux-entretien.lien-actif {
	background-image:url(/securite-surete-travaux/img/fond-menu-popup-travaux.png);
}
#ecran-popup section {
	display:none;
	width:1002px;
	position:relative;
	height:650px;
}
#ecran-popup #accueil {
	display:block;
}
#ecran-popup section img {
	position:absolute;
	z-index:0;
}
#ecran-popup section article {
	z-index:10;
	position:absolute;
	bottom:26px;
	width:355px;
	background-color:rgba(243,245,246,0.8);
	padding:15px 15px 15px 15px;
	font-size:11px;
	color:#0173c2;
	font-family:Arial, Helvetica, sans-serif;
	max-height:150px;
}
#ecran-popup section article .entry-text {
	max-height:150px;
	overflow:auto;
	width:auto;
	left:0px;
	position:relative;
}
#ecran-popup section article h1 {
	padding:0px 0px 10px 0px;
	color:#06578f;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#ecran-popup section  article  p{
	padding-bottom:10px;
}
.bulle {
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:absolute;
}
/*.bulle p{
	color:#0173c2;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:rgba(255,255,255,0.8);
	padding:7px;
}*/
.bulle .fleche{
	width:45px;
	height:46px;
	display:block;
	position:absolute;
}
/*.flechebasgauche, .flechebasdroite  {
	padding-bottom:36px;
}
.flechehautgauche, .flechehautdroite  {
	padding-top:36px;
}*/
.flechebasgauche .fleche {
	background-position:0% 100%;
	bottom:0px;
}
.flechebasdroite .fleche {
	background-position:0% 100%;
	bottom:0px;
}
.flechehautgauche .fleche {
	background-position:0% 100%;
	top:0px;
}
.flechehautdroite .fleche {
	background-position:0% 100%;
	top:0px;
}
.flechegauche .fleche{
	left:0px;
}
.flechedroite .fleche{
	right:0px;	
}
.flecheSurete.flechebasgauche .fleche {
	background-image:url(/securite-surete-travaux/img/fleche.png);
	background-position:center;
	background-repeat:no-repeat;
}
.flecheSurete.flechebasdroite .fleche {
	background-image:url(/securite-surete-travaux/img/fleche.png);
	background-position:center;
	background-repeat:no-repeat;
}
.flecheSurete.flechehautgauche .fleche {
	background-image:url(/securite-surete-travaux/img/fleche.png);
	background-position:center;
	background-repeat:no-repeat;
}
.flecheSurete.flechehautdroite .fleche {
	background-image:url(/securite-surete-travaux/img/fleche.png);
	background-position:center;
	background-repeat:no-repeat;
}
#flecheSurete1{
	bottom:330px;
	left:45px;
}
#flecheSurete2{
	bottom:257px;
	left:45px;
}
#flecheSurete3{
	bottom:250px;
	left:370px;
	z-index:98;
}
#flecheSurete4{
	bottom:140px;
	right:174px;
}
#flecheSurete5{
	bottom:215px;
	right:160px;
	z-index:99;
}
.flecheSecurite.flechebasgauche .fleche {
	background-image:url(/securite-surete-travaux/img/fleche.png);
	background-position:center;
	background-repeat:no-repeat;
}
.flecheSecurite.flechebasdroite .fleche {
	background-image:url(/securite-surete-travaux/img/fleche.png);
	background-position:center;
	background-repeat:no-repeat;
}
.flecheSecurite.flechehautgauche .fleche {
	background-image:url(/securite-surete-travaux/img/fleche.png);
	background-position:center;
	background-repeat:no-repeat;
}
.flecheSecurite.flechehautdroite .fleche {
	background-image:url(/securite-surete-travaux/img/fleche.png);
	background-position:center;
	background-repeat:no-repeat;
}
#flecheSecurite1{
	bottom:312px;
	left:55px;
}
#flecheSecurite2{
	bottom:239px;
	left:-4px;
}
#flecheSecurite3{
	bottom:192px;
	left:341px;
}
#flecheSecurite4{
	bottom:67px;
	right:112px;
}
#flecheSecurite5{
	bottom:33px;
	right:28px;
}
/*travaux*/
.flecheTravaux.flechebasgauche .fleche {
	background-image:url(/securite-surete-travaux/img/fleche-travaux-bas-gauche.png);
}
.flecheTravaux.flechebasdroite .fleche {
	background-image:url(/securite-surete-travaux/img/fleche-travaux-bas-droite.png);
}
.flecheTravaux.flechehautgauche .fleche {
	background-image:url(/securite-surete-travaux/img/fleche-travaux-haut-gauche.png);
	top:-28px;
}
.flecheTravaux.flechehautdroite .fleche {
	background-image:url(/securite-surete-travaux/img/fleche-travaux-haut-droite.png);
	top:-28px
}
#flecheTravaux1{
	bottom:353px;
	left:76px;
	z-index:100;
}
#flecheTravaux2{
	bottom:283px;
	left:110px;
	z-index:101;
}
#flecheTravaux3{
	top:412px;
	left:65px;
	z-index:102;
}
#flecheTravaux4{
	bottom:320px;
	left:337px;
	z-index:103;
}
#flecheTravaux5{
	top:430px;
	right:460px;
	z-index:104;
}
#flecheTravaux6{
	bottom:193px;
	left:588px;
	z-index:105;
}
#flecheTravaux7{
	bottom:243px;
	right:170px;
	z-index:106;
}
#flecheTravaux8{
	top:459px;
	right:140px;
	z-index:107;
}
#flecheTravaux9{
	bottom:187px;
	right:20px;
	z-index:108;
}
.flecheTravaux {
	position:absolute;
	z-index:10;
	width:auto;
	height:auto;
	background-repeat:no-repeat;
	background-color:rgba(0,0,0,0.5);
	border:3px solid rgba(255,255,255,0.8);
	border-radius:10px;
	background-position:50% 50%;
	margin-bottom:13px;	
}
.flecheTravaux p {
    color: #F3F5F6;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    padding: 7px;
    text-align: left;
}
.flecheTravaux .fleche {
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: -32px;
    height: 45px;
    position: absolute;
    width: 44px;
}
#sp-eau-potable {
	display:none;
	position:absolute;
	width:42px;
	height:29px;
	top:461px;
	left:348px;  
    background-image: url(/securite-surete-travaux/img/anim/eau-potable.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sp-tourisme {
	display:none;
	position:absolute;
	width:148px;
	height:86px;
	top:306px;
	left:441px;  
    background-image: url(/securite-surete-travaux/img/anim/tourisme-lac-pareloup.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sp-pompe {
	display:none;
	position:absolute;
	width:90px;
	height:60px;
	top:330px;
	left:139px;  
    background-image: url(/securite-surete-travaux/img/anim/pompe-bage.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sp-usine-pouget {
	display:none;
	position:absolute;
	width:56px;
	height:100px;
	top:436px;
	left:893px;  
    background-image: url(/securite-surete-travaux/img/anim/usine-pouget.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sp-usine-alrance {
	display:none;
	position:absolute;
	width:60px;
	height:60px;
	top:461px;
	left:591px;  
    background-image: url(/securite-surete-travaux/img/anim/usine-alrance.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sp-entre-bage {
	display:none;
	position:absolute;
	width:26px;
	height:25px;
	top:355px;
	left:102px;  
    background-image: url(/securite-surete-travaux/img/anim/entree-eau-bage.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sp-sortie-pareloup {
	display:none;
	position:absolute;
	width:44px;
	height:16px;
	top:402px;
	left:485px;  
    background-image: url(/securite-surete-travaux/img/anim/sortie-eau-pareloup.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sp-entre-pareloup {
	display:none;
	position:absolute;
	width:50px;
	height:40px;
	top:348px;
	left:379px;  
    background-image: url(/securite-surete-travaux/img/anim/entree-eau-pareloup.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sp-sortie-villefranche {
	display:none;
	position:absolute;
	width:30px;
	height:30px;
	top:490px;
	left:774px;  
    background-image: url(/securite-surete-travaux/img/anim/sortie-eau-villefranche.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sp-sortie-amans {
	display:none;
	position:absolute;
	width:40px;
	height:16px;
	top:425px;
	left:806px;  
    background-image: url(/securite-surete-travaux/img/anim/entree-sortie-eau-st-amans.png);
	background-repeat:no-repeat;
	background-position:0 0;
}