/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: .8em;
	line-height: 1.4em;
	background: white;
}
img {
	border: 0;
}
abbr, acronym {
	border: 0;
	cursor:help;
}
sup, a sup, span sup, li sup {
  vertical-align: super !important;
  font-size: .85em;
}
a.close {
	display: block;
	width: 8px;
	height: 8px;
	text-indent: -5000em;
	background: transparent url(../../images/carte/close.gif) no-repeat 0 0;
	float: right;
}
a:link, a:visited {color: #E65C13; text-decoration: none;}
a:active, a:hover {color: #C31F00; text-decoration:none;}

div.details ul li a, div.details_miroir ul li a {
  padding-top: 10px !important;
  display: block;
}

div#wrap-pop {
	background:#112f6f url(../../images/carte/bg-carte-grande.jpg) no-repeat bottom left;
	padding:13px 0 44px 13px;
	position:relative;
}

div#wrap-pop.interne {
	padding:13px 0 97px 13px;
}

div#pop_global {
	position: relative;
	width: 890px;
	height: 790px;
}

div#pop_global.interne {
	background:white;
}

h1 {
	bottom:3px;
	color:white;
	display:block;
	font-size:1.4em;
	height:84px;
	left:295px;
	line-height:1.4em;
	position:absolute;
	text-transform:uppercase;
	width:394px;
	z-index:50;
}
div.legende, div.legende_groupement {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 1em;
	line-height: 1.3em;
	z-index: 50;
	min-height: 200px;
	background: white;
}
div.legende h2 {
	display: none;
}
div.legende_groupement h2 {
	font-size: 1.2em;
	margin: 0 0 .5em 0;
}
div.centre {
	top: 100px;
	right: 30px;
}
div.legende ul, div.legende_groupement ul {
	list-style: none none;
}
div.legende ul li, div.legende_groupement ul li {
	padding: 0 0 0 2em;
	margin: 0 0 .1em 0;
	font-size:0.85em;
}

/*li.tunnel { background: white url(../../images/carte/li_tunnel.png) no-repeat 0 5px;}
li.direction { background: white url(../../images/carte/li_direction.png) no-repeat 0 5px;}
li.groupement { background: white url(../../images/carte/li_groupement.png) no-repeat 0 5px;}
li.cis_01 { background: white url(../../images/carte/li_cis_categorie_01.png) no-repeat 0 5px;}
li.cis_02 { background: white url(../../images/carte/li_cis_categorie_02.png) no-repeat 0 5px;}
li.cis_03 { background: white url(../../images/carte/li_cis_categorie_03.png) no-repeat 0 5px;}
li.cis_04 { background: white url(../../images/carte/li_cis_categorie_04.png) no-repeat 0 5px;}
li.cis_05 { background: white url(../../images/carte/li_cis_categorie_05.png) no-repeat 0 5px;}*/
li.tunnel { background: white url(../../images/carte/legende/rond_mauve.gif) no-repeat 0 5px;}
li.direction { background: white url(../../images/carte/legende/carre_violet.gif) no-repeat 0 5px;}
li.groupement { background: white url(../../images/carte/legende/triangle_violet.gif) no-repeat 0 5px;}
li.limites { background: white url(../../images/carte/legende/borderline.gif) no-repeat 0 5px;}
li.cis_01 { background: white url(../../images/carte/legende/rond_rouge.gif) no-repeat 0 5px;}
li.cis_02 { background: white url(../../images/carte/legende/rond_blanc.gif) no-repeat 0 5px;}
li.cis_03 { background: white url(../../images/carte/legende/rond_bleu.gif) no-repeat 0 5px;}
li.cis_04 { background: white url(../../images/carte/legende/rond_orange.gif) no-repeat 0 5px;}
li.cis_05 { background: white url(../../images/carte/legende/rond_bleu_clair.gif) no-repeat 0 5px;}
li.cis_06{ background: white url(../../images/carte/legende/rond_jaune.gif) no-repeat 0 5px;}

ul.subMenu li {background: transparent url(../../images/carte/puce_noir.gif) no-repeat center left;}
a.btn_retour {
	display: block;
	width: 121px;
	height: 32px;
	border: 0;
	text-decoration: none;
	position: absolute;
	bottom: 103px;
	right: 20px;
	background: white url(../../images/carte/btn_retour.gif) no-repeat 0 0;
	text-indent: -5000em;
	z-index: 50;
}

/* elements au clic */

div.details {
	display:none;
	position: absolute;
	padding: 0 10px;
	z-index: 80;
	width: 232px;
	height: 208px;
	background: transparent url(../../images/carte/details.png) no-repeat 0 0;
}
div.details_miroir {
	display:none;
	position: absolute;
	padding: 10px;
	z-index: 80;
	width: 232px;
	height: 208px;
	background: transparent url(../../images/carte/details_miroir.png) no-repeat 0 0;
}
.details h2, div.details_miroir h2 {
	font-weight:900;
	font-size:1em;
	text-align: left;
	color: #0262EA;
}
.details img, div.details_miroir img {
	display: block;
	margin: .4em auto 0 auto;
	border: 1px solid #123070;
}
div.details ul, div.details_miroir ul {
	list-style-type:none;
	list-style-position:inside;
	margin: 0;
	padding: 0;
}

* html div.details ul, div.details_miroir ul {
  list-style-position: outside; 
}

/* positionnement des cadres details */

div#detail1 {left:52px; top:326px;}
div#detail2 {left:178px; top:267px;}
div#detail3 {left:350px; top:277px;}
div#detail4 {left:315px; top:407px;}
div#detail5 {left:391px; top:186px;}
div#detail6 {left:203px; top:154px;}
div#detail7 {left:362px; top:100px;}
div#detail8 {left:436px; top:71px;}
div#detail9 {left:366px; top:33px;}
div#detail10 {left:258px; top:38px;}
div#detail11 {left:324px; top:254px;}
div#detail12 {left:424px; top:240px;}
div#detail13 {left:518px; top:117px;}
div#detail14 {left:333px; top:188px;}
div#detail15 {left:355px; top:113px;}
div#detail16 {left:254px; top:108px;}

div#detail17 {left:313px; top:386px;}
div#detail18 {left:53px; top:343px;}
div#detail19 {left:154px; top:295px;}
div#detail20 {left:369px; top:257px;}
div#detail21 {left:99px; top:232px;}
div#detail22 {left:241px; top:209px;}
div#detail23 {left:197px; top:111px;}
div#detail24 {left:366px; top:86px;}
div#detail25 {left:78px; top:68px;}
div#detail26 {left:437px; top:271px}
div#detail27 {left:133px; top:205px;}
div#detail28 {left:287px; top:187px;}
div#detail29 {left:350px; top:156px;}
div#detail30 {left:276px; top:97px;}
div#detail31 {left:223px; top:106px;}

div#detail32 {left:236px; top:365px;}
div#detail33 {left:135px; top:326px;}
div#detail34 {left:415px; top:242px;}
div#detail35 {left:187px; top:150px;}
div#detail36 {left:340px; top:105px;}
div#detail37 {left:327px; top:227px;}
div#detail38 {left:205px; top:238px;}
div#detail39 {left:172px; top:239px;}
div#detail40 {left:160px; top:194px;}
div#detail41 {left:216px; top:208px;}
div#detail42 {left:281px; top:210px;}
div#detail43 {left:309px; top:234px;}
div#detail44 {left:401px; top:203px;}
div#detail45 {left:360px; top:166px;}
div#detail46 {left:259px; top:137px}
div#detail47 {left:192px; top:119px;}
div#detail48 {left:222px; top:373px;}

div#detail51 {left:242px; top:372px;}
div#detail50 {left:441px; top:233px;}

div#detail49 {left:207px; top:366px;}
div#detail55 {left:159px; top:96px;}