@charset "utf-8";



/* CSS Document */

*{margin:0;padding:0;}
html {  height: 100%; }
body{border: 0 none; font-family: arial; height: 100%; max-height: 100%; overflow: hidden; font-size:0.9em;}

.header1{ background-color: #ffffff; border: 1px solid #B0B0B0; border-radius: 0.5em; width: 47%; left:0.5em; margin : 1em 0.5% 0 0.5%; position:absolute; z-index:10; top : 0.5em; }
.header1 .header_logo { float:left; }
.header1 .header_logo img{ margin: 0.2% 0.4%; width:100%; max-width: 110px; }
.header2{ background-color: #ffffff; border: 1px solid #B0B0B0; left:0.5em; width: 47%; margin : 1em 0.5% 0 0.5%; border-radius: 0.5em; position:absolute; z-index:10; top : 6em }

.header_menu { background:url("../../../../../grc_data/map/prod/css/images/menu-v2-1x.png") no-repeat 0 center;  content: ""; display: block; min-height: 2.2em;
    opacity: 0.62; width: 1.5em; cursor: pointer; float:left; margin: 0.1em 3% 0 5%;}
.header_menu:hover { opacity: 0.22;}

#form { margin: 0.2em 2.5% 0.2em 2.5%;}
#form .form_search_data{ border:0; float:left; width:74%; margin:0.2em 0 0 0; }
#form .bt_search_data{ float:left; width:18%; max-width:24px; margin:0 0 0 2%;}
#form .aide_data {color:#b7b6b6; font-weight:bold; text-decoration:none; font-size:1.1em; float:left; width:1.5em; display:none;}
#form .aide_data:hover {color:#0B92C3; }
#form .grey_data {color:#b7b6b6; }

.header2 .souligne_data { clear:both; border-bottom:1px solid #b7b6b6; display:none; }
.header2 .filter_data {color:#b7b6b6; font-size:0.9em; }
.header2 .coche_filter{ margin: 0.2em 2.5% 0.2em 2.5%;  }
.exemple_data {max-width: 16em; width:100%; margin: 1.4em 0 0 12%; position:absolute; z-index:15; display:none;}
.exemple_data p { color: #ffffff; font-size:0.8em; font-weight:normal; }
.souligne { border-bottom: 1px solid #ffffff; margin-bottom: 0.3em; padding-bottom:0.1em;}
.fleche_data {background:url("../../../../../carto/prod/images/utils/fleche_indic.png") no-repeat 12.5em top; height:0.4em; width:100%;  }
.toto {background-color:#333333; border-radius: 0.4em 0em 0.4em 0.4em; padding: 0.2em 0.5em 0.2em 0.5em; }
#cont { bottom: 0; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}
.ui-autocomplete { width:47%;}
.header2 .equip{ display:none; }



/*instruction map général */
#map_mo{ height: 100%; left: 0;  position: absolute; right: 6em;  top: 0; }

/*Menu sur la droite */

#cont2{ top: 0; right: 0; position: absolute; bottom: 0; width: 100%; z-index: 4000; background-color: #ffffff; max-width:6em;}
#menu{height: 100%; position: absolute; top: 0;}
#cont2 .delete_right { height: 2.2em; text-align:right; margin: 0 0.5em 0 0; border-bottom: 1px solid #b7b6b6;}
#panneltop{height: 3em; background: rgba(0, 0, 0, 0) url("../../../../../carto/prod/images/utils/arrow_top.png") no-repeat scroll center center}
#panneltop:hover { background:rgba(0, 0, 0, 0) url("../../../../../carto/prod/images/utils/on_arrow_top.png") no-repeat scroll center center;}
#pannelview{height: 75%; overflow:hidden;}
#pannelBottom{height: 3em; background: rgba(0, 0, 0, 0) url("../../../../../carto/prod/images/utils/arrow_bottom.png") no-repeat scroll center center;}
#pannelBottom:hover { background: rgba(0, 0, 0, 0)url("../../../../../carto/prod/images/utils/on_arrow_bottom.png") no-repeat scroll center center;}


ul.topnav {list-style: none;}
ul.topnav li {}
ul.topnav li a{text-align:center; font-size:0.8em ; display: block; text-decoration: none; }
.menuhover{color:#009BD8;}
.subnav1 .menuhover, .subnav2 .menuhover{ background-color :#E2DBCC;}
ul.topnav li a:hover{color:#363636;}
a img{border:none;}
a{color: #252525;}
.subnav1 { padding: 2.2em 0 0 0;}

ul.topnav li ul.subnav1 {display:none; float: left; left: 0; list-style: outside none none; margin: 0 0 0 -257px; overflow: auto; position: absolute; top: 0;background-color:#f7f8f7; width: 17.9em; height :100% }

ul.topnav li ul.subnav1 li{ margin: 0; padding: 0; clear: both; max-width:17.9em; width:100%;  border-left:  1px solid #B0B0B0; border-right:  1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0; }
ul.topnav li ul.subnav1 li a { float: left; text-align:left; padding: 5px 0; width: 100%; }
ul.topnav li ul.subnav1 li a img{ padding: 0.1em 0.5em 0.2em 0.2em; float:left; max-width: 2.6em; width: 18%;}
ul.topnav li ul.subnav1 li a .titre{float:left; padding: 0.4em 0.5em 0.2em 0.2em; width:76%; }
ul.topnav li ul.subnav1 li a:hover { background: #EBE6DC;}

ul.subnav2 {display : none; list-style: outside none none; border: none}
ul.subnav2 li {min-height: 43px;}




/**********************************INFOBULLE******************************************************************************/
.infobulle{width: 640px; min-height:300px; font-size:12px; float:left;}
.image{ width: 290px; min-height : 217px; margin-right: 15px; float:left;}
.image img{ width: 289px; height: 216px; border: 1px solid #B0B0B0;}
.sepa{ background-color: #009BD8; width: 5px; height: 217px; float:left; margin-right: 15px;}
.cont{ width: 300px; min-height: 200px; float:left;}

.entete{width: 300px;min-height:57px;float:left;}
.corps{padding-top:10px;width: 300px;}
.structure_1{}
.structure_2{width:24px;height:25px;float:left;padding-right: 10px;}

.structure_3{width:260px;min-height:25px;float:left;}
.infobulle h1{color:#009BD8;padding-top: 15px;font-size:18px;min-height:42px;width:233px;float:left;margin-bottom:15px; }
.infobulle .entete img{width:57px;float:left;margin-right:10px;}
.infobulle p{padding-top:7px;padding-bottom:7px;}
.info{margin:7px 0;float:left;}
.tel,.fax,.mail,.web{margin-top:4px;}
.structure_4{
    margin-top:0px;
}
.infobulle .statut{color: #005F8E;margin : 3px;font-size: 13px;}

.infobulle .schedule h3{color: #333333;font-size:13px;padding: 5px 0 0;}
.schedule p{color: #333333;padding: 0 0 5px 0; }
.infobulle .spe{padding-left:10px;}
.spe .schedule ul{padding-left:15px;margin-bottom : 15px;}
.infobulle .spe .subSche{color: #333333;font-size:12px;text-decoration:none;}
.open{color: #333333;margin: -2px 0 0;}
.detHours{margin-top: -10px;float:left;}
.detHours .schedule{margin-bottom : 10px;}