/*Div globale*/
html, body {
	height: 100%;
}

body {
	background-image: url(../../media/site/gen/carte/loader.gif);/*nom_betton.png*/
  background-color:#000000;
  background-position:center center;
  background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font: 0.75em Arial, Helvetica, sans-serif;
}

html, body, table, th, tr, td, p, ul, li,dl, dt, dd, img, h1, h2, h3, h4, h5, h6, a, legend, form, input, label, 
#textes_page div.olMap img,
#textes_page div.olMap table, 
#textes_page div.olMap th, 
#textes_page div.olMap tr, 
#textes_page div.olMap td, 
#textes_page div.olMap p, 
#textes_page div.olMap ul, 
#textes_page div.olMap li,
#textes_page div.olMap dl, 
#textes_page div.olMap dt, 
#textes_page div.olMap dd, 
#textes_page div.olMap img, 
#textes_page div.olMap h1, 
#textes_page div.olMap h2, 
#textes_page div.olMap h3, 
#textes_page div.olMap h4,
#textes_page div.olMap h5, 
#textes_page div.olMap h6, 
#textes_page div.olMap a, 
#textes_page div.olMap legend, 
#textes_page div.olMap form, 
#textes_page div.olMap input, label{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	background-image: none;
	background-position: inherit;
}
#retour_ligne {
	clear: both;
}


/* Menu carte */
#left_carte{
	position:absolute;
  z-index:9999;
  top: 0;/*75px;*/
  width:auto;/*235px;*/
  height:100%;
}
/* Menu carte */
#showhide_carte{
	z-index:10000;
	color:#fff; 
	background:url('') no-repeat left top transparent;
	cursor:pointer;
	width:30px;
	height: 30px;
	margin-top: 450px;
  float: left;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #AD9A6F;
}
#showhide_carte.hide{
 background-image: url('../../media/site/gen/carte/carte_hide.png');
}
#showhide_carte.show{
  background-image: url('../../media/site/gen/carte/carte_show.png');
  left:0px;
}

/* Menu carte */
#menu_carte{
  width:262px;/*235px;*/
  min-width: 262px;
  height:100%;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight: bold;
  background: url(../../media/site/gen/carte/fond_menu_carte_loader.png) repeat left top transparent;
  color:#ffffff;
  float: left;
  padding-bottom: 30px;
}

#menu_carte a{
	font-size: 12px;
}
#menu_carte a:hover{
	text-decoration: underline;
	color: #ffffff;
}

#menu_carte .appli_carte, #menu_carte .legende_carte {
  /*background: url(/media/site/gen/carte/fond_menu_carte_loader_blanc.png) repeat left top transparent;*/
  background-color: #ededed;
	border-radius: 8px;
	margin: 10px 8px 20px 8px;
	padding: 0px;	
	border: 1px solid #444444;
  -moz-box-shadow: 2px 2px 5px #111; 
  -webkit-box-shadow: 2px 2px 5px #111; 
  box-shadow: 2px 2px 5px #111; 
}
#menu_carte .legende_carte {
  background: url(../../media/site/gen/carte/fond_menu_carte_loader.png) repeat left top transparent;
}

#menu_carte .appli_carte h2, #menu_carte .legende_carte h2 {
  font-size: 12px;
  font-weight: bold;
}

#menu_carte .legende_carte h2 {
  font-size: 12px;
  font-weight: bold;
  padding:6px 28px 6px 10px;
  margin: 0px 0px 0px 0px;
  color: #fff;
  border-radius: 8px 8px 0px 0px;
  background-color: #444;
}
	
#menu_carte a.appli_titre {
  display: block;
  background: url("../../media/site/gen/carte/close.png") no-repeat 220px 3px #AD9A6F; /*E67300;*/
  color: #fff;
  padding:6px 28px 6px 10px;
  margin: 0px 0px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  text-decoration: none;
  cursor: pointer;
}
#menu_carte a.appli_titre.close{
  border-radius: 8px 8px 8px 8px;
  background-image: url("../../media/site/gen/carte/open.png");
}
#menu_carte a.appli_titre:hover, #menu_carte a.appli_titre_sel:hover{
  background-color: #625151; /*#C75400;*/
}

#menu_carte ul{
  color:#ffffff;
  font-size:12px;
  font-weight: bold;
  padding: 0 10px 10px 10px;
}

#menu_carte li{
	/*height: 20px;*/
  font-size: 0.95em;
  font-weight: normal;
}

#menu_carte li.appli_inter_titre{
  /*height: 20px;*/
  margin-top: 10px;
  margin-bottom: 5px;
  color: #333;
  font-size: 1em;
  font-weight: normal;
}

#menu_thema_legende li{
	height: auto;
	min-height: 25px;
}
#menu_thema_legende li:first-child {
  margin-top: 10px;
}

#menu_thema_legende li a, #menu_thema_planspdf li a{
  color: inherit;
}
#menu_thema_legende li a:hover, #menu_thema_planspdf li a:hover{
  color: #dddddd;
  text-decoration: none;
}
#menu_thema_legende li a img{
  /*float: left;*/
}

#menu_carte p{
  color:#dddddd;
  font-size:12px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 8px;
  padding-left:10px;
  padding-right: 10px;
}

#menu_carte input.text{
  border: 1px solid #888888;
  color: #888888;
}

/*Mise en forme boutons dans le contenu de l'article*/
#menu_carte p.bouton {
  margin-bottom: 20px;
  margin-right: 10px;
  text-align: left;
}
#menu_carte a.bouton {
  color: #ffffff;
  border: 1px solid #8DB403;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #8DB403;
  font-size: 14px;
}
#menu_carte a.bouton:hover {
  color: #8DB403;
  border: 1px solid #8DB403;
  background-color: #ffffff;
  text-decoration: none;
}

#titre_carte{
  width:100%;/*250px;*/
  /*height:75px;*/
  font-size:15px;
  padding: 20px 10px 20px 10px;/*0px 10px 0px 10px;*/
  background-color: #fff;
}

/* slider carte */
#slider_carte{
  position:absolute;
  z-index:9999;
  width:8px;/*15px;*/
  top: 0;/*75px;*/
  height:100%;
  left:242px;/*235px;*/
  background-color: #000000; 
}

#slider_carte a.lien_slider{
  background-color:#000000;
  color:#ffffff;
  display: block;
  font-family:arial;
  font-size:14px;
  font-weight:bold;
  height:100%;
  line-height: 150%;
  position:relative;
  text-decoration:none;
  background-repeat: no-repeat;
  background-position: center;
}
#slider_carte a.lien_spider_on{
  background-image: url(../../media/site/gen/carte/carte_slider_on.html);
  background-position: 50%;
}
#slider_carte a.lien_spider_off{
  background-image: url(../../media/site/gen/carte/carte_slider_off.html);
  background-position: 50%;
}
#slider_carte a.lien_slider:hover{
  color:#ffffff;
  text-decoration: none;
  background-color:#E67300;
}
#slider_carte a.lien_spider_on:hover{
  background-image: url(../../media/site/gen/carte/carte_slider_on_roll.html);
  background-position: 50%;
  text-decoration: none;
}
#slider_carte a.lien_spider_off:hover{
  background-image: url(../../media/site/gen/carte/carte_slider_off_roll.html);
  background-position: 50%;
  text-decoration: none;
}

#menu_carte_hidden{
  position:absolute;
  z-index:10000;
  top: 0;/*75px;*/
  width: 100%;/*250px;*/
  height:100%;
  overflow: auto;
  font-family: Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight: bold;
  background-image: url(../../media/site/gen/carte/fond_menu_carte_loader.png);
  color:#333333;
  padding-top:150px;
}

#menu_carte_hidden img {
  margin-left:45%;
  margin-top:15%;
}

/* Carte */
#carte{
  z-index:9998;
  width:auto;
  height:auto;
  /*overflow: hidden;*/
  position: absolute;
  *+position: relative;
  * position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;  
}

div.olFramedCloudPopupContent{
	/*margin-top:18px;*/
	margin-right:0;/*8px;*/
	margin-bottom:0;/*8px;*/
	/*margin-left:15px;*/
	/*width: 250px !important;*/
	/*height: 200px !important;*/
  overflow-x: hidden !important;
	overflow-y: auto !important;
	/*background-color: gray;*/
}

div.olFramedCloudPopupContent p{
	margin-right:25px;
}

.popupTitre{
  display: block;
  width: 100%;
  color: #3D3533;
  font-size: 17px;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 3px;
}
a.popupTitre:hover{
  color: #79B118;
  text-decoration: none;
}

.popupResume {
  color:#535150;
  margin-top:10px;
  padding-top:2px;
}
a.popupResume:hover{
  color: #000000;
  text-decoration: none;
}

a.popupLiens{
	display: block;
	font-size: 0.9em;
  color: #79B118;
  text-decoration: none;
}
a.popupLiens:hover {
  text-decoration: underline;
}
img.liens {
  height:15px;
  padding-left:0;
  padding-right:3px;
  vertical-align:top;
}

div.olFramedCloudPopupContent p{
	clear: both;
  color:#403C38;
	font-size:12px;
	line-height:normal;
	margin-bottom:10px;
	margin-top:0;
	text-align:justify;
}
div.olFramedCloudPopupContent img{
  margin-left: 7px;
}

#popupContentHidden{
  background-attachment:scroll;
  *+background-attachment:fixed; /*ie7*/
  * background-attachment:fixed; /*ie<7*/
	background-image:url(../../media/site/gen/carte/bg-popup-carte-hidden.png);
  background-repeat: no-repeat;
  *+background-repeat: repeat; /*ie7*/
  * background-repeat: repeat; /*ie<7*/
  *+background-position:181px 0; /*ie7*/
	* background-position:181px 0; /*ie<7*/
	display:none;
	height:450px;
	overflow-y:auto;
	position:absolute;
	right:0;
	top:0;
	width:400px;
	z-index:999999;
}

#popupContentHidden p, #popupContentHidden table, #popupContentHidden ul {
  color:#3D3533;
  font-size:12px;
  line-height:normal;
  margin-bottom:5px;
  margin-top:0px;
  text-align:justify;
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 20px;
}
#popupContentHidden a {
  color: #79B118;
}
#popupContentHidden a:hover {
  text-decoration: underline;
}
#popupContentHidden p.date {
  font-size: 11px;
  color: #666666;
  padding-top: 5px;
  text-align: right;
}
#popupContentHidden p.liens {
  color: #79B118;
  vertical-align: middle;
  height: 15px;
  text-align: right;
  font-size: 11px;
  margin: 0px 15px 3px;
  padding: 0px;
}
#popupContentHidden img.liens {
  height: 15px;
  vertical-align: top;
  padding-left: 0px;
  padding-right: 3px;
}
#popupContentHidden a.liens  {
  color: #79B118;
}
#popupContentHidden a.liens:hover  {
  text-decoration: underline;
}
#popupContentHidden .titre {
  color: #3D3533;
  font-weight: bold;
  margin-bottom: 2px;
  display: block;
  margin-top: 3px;
  font-size: 16px;
}
.date {
  font-size: 11px;
  color: #666666;
  text-align: left;
  display: block;
  margin-top: 5px;
  font-weight: bold;
}

#popupContentHidden h1 {
  font-size: 16px;
  color: #3D3533;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}
#popupContentHidden h2 {
  font-size: 14px;
  color: #76716f;
  margin-top: 12px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 15px;
}

#popupContentHidden p.illustration {
  float: left;
  width: 250px;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 11px;
  color: #999999;
}
#popupContentHidden span.illustration {
  font-size: 11px;
  color: #999999;
  width: 200px;
  display: block;
}
#popupContentHidden img.illustration {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #666666;
  margin-bottom: 5px;
}
#popupContentHidden h3 {
  font-size: 12px;
  color: #76716F;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 15px;
  width: auto;
  margin-right: 20px;
  margin-left: 15px;
}
#popupContentHidden ul {
  list-style-position: outside;
  list-style-image: url(../../media/site/gen/carte/puce_liste_infos.html);
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
  margin-left: 40px;
  margin-bottom: 10px;
}
#popupContentHidden ul.liens {
  list-style-position: outside;
  list-style-image: url(../../media/site/gen/carte/bt_lire_on_vert.html);
  font-size: 12px;
  font-weight: normal;
  color: #535150;
  line-height: 18px;
}
#popupContentHidden ul.liens a {
  color: #9ac521;
}
#popupContentHidden ul.liens a:hover {
  color: #3D3533;
  text-decoration: none;
}
#popupContentHidden a.liens {
  color: #3D3533;
  padding-right: 5px;
  display: block;
  margin-top: 3px;
  text-align: right;
}

#divResults {
  color:#FFFFFF;
  /*margin-left:12px;*/
  width:230px;
}
#divResults a{
  color:#FFFFFF;
  text-decoration: none;
}
#divResults a:hover{
  color:#535150;
  text-decoration: underline;
}
#divResults ul{
  margin-left:12px
}
#divResults li{
   height:auto;
   list-style-type: square;
}


/*******************************************/
/* mise en forme des contenus des popup    */
/*******************************************/

#textes_page div.olMap h2 {
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 5px;
} 
#textes_page div.olMap h3 {
	font-size: 12px;
  margin-top: 7px;
  margin-bottom: 5px;
} 
#textes_page div.olMap h4  {
	font-size: 11px;
  margin-top: 7px;
  margin-bottom: 5px;
}