a    { font-family: Verdana, Arial, Helvetica, Geneva }
body   { 
    font-size: 10pt; 
    font-family: Verdana, Arial, Helvetica, Geneva ; 
    background-attachment: fixed; 
    margin-top: 0; 
    background-color: black; 
    background-image: url('images/background3.jpg'); 
    margin-top: 0; 
    }

td  { font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva }
#special_link { text-decoration: none }
a:link { color: blue; text-decoration: none; }
a:visited { color: #10b4ff; text-decoration: none;}
a:hover { color: blue; text-decoration: underline; }
#mainframe { margin-right: 15px; margin-left: 15px; }
.top_banner  { margin: 0px; padding: 0px; border: 0px }

.emot_icons{
	width:25px;
	margin-right:10px;
	filter:grayscale(100%);
	vertical-align: middle;
	margin-top:10px;
}

.emot_icons_cont{
	display:inline-block;
	width:35px;
	text-align:center;
	height:50px;
}


.emot_icons:hover{
	width:35px;
	filter:grayscale(0%);
	margin-top:5px;
}

.emot_cont{
	margin:20px;
	display:flex;
	align-items: center;
}

.bt_backg78 {
	color: #333;
	font-size: 13px;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	width: 78px;
	text-align: center;
	text-decoration: none;
}

.bt_backg78:hover{
	
	background-image: url("images/bt_round78.png");
	background-repeat: no-repeat;
	background-position: center;
}

.bt_backg104 {
	color: #333;
	font-size: 13px;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	width: 104px;
	text-align: center;
	text-decoration: none;
}

.bt_backg104:hover{
	
	background-image: url("images/bt_round104_on.png");
	background-repeat: no-repeat;
	background-position: center;
}

.bt_backg145 {
	color: #333;
	font-size: 13px;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	width: 145px;
	text-align: center;
	text-decoration: none;
}

.bt_backg145:hover{
	
	background-image: url("images/bt_round145.png");
	background-repeat: no-repeat;
	background-position: center;
}

.bt_backg185 {
	color: #333;
	font-size: 13px;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	width: 185px;
	text-align: center;
	text-decoration: none;
}

.bt_backg185:hover {
	background-image: url("images/bt_round185.png");
	background-repeat: no-repeat;
	background-position: center;
}

.bouton_blue98 {
	color: #333;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	font-size: 13px;
	width: 98px;
	text-align: center;
	background-image: url("images/bouton_blue98_off.png");
	background-repeat: no-repeat;
	background-position: center;
}

.bouton_blue98:hover {
	text-decoration: none;
	background-image: url("images/bouton_blue98.png");
}

.bouton_blue129 {
	color: #333;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	font-size: 13px;
	width: 129px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("images/bouton_blue129_off.png");
}

.bouton_blue129:hover {
	text-decoration: none;
	background-image: url("images/bouton_blue129.png");
}

.bouton_blue149 {
	color: #333;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	font-size: 13px;
	width: 149px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("images/bouton_blue149_off.png");
}

.bouton_blue149:hover {
	text-decoration: none;
	background-image: url("images/bouton_blue149.png");
}

.bouton_blue187 {
	color: #333;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	font-size: 13px;
	width: 187px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("images/bouton_blue187_off.png");
}

.bouton_blue187:hover {
	text-decoration: none;
	background-image: url("images/bouton_blue187.png");
}

.bouton_blue216 {
	color: #333;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	font-size: 13px;
	width: 216px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("images/bouton_blue216_off.png");
}

.bouton_blue216:hover {
	text-decoration: none;
	background-image: url("images/bouton_blue216.png");
}

.bouton_blue260 {
	color: #333;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	font-size: 13px;
	width: 260px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("images/bouton_blue260_off.png");
}

.bouton_blue260:hover {
	text-decoration: none;
	background-image: url("images/bouton_blue260_on.png");
}
.test {
	font-weight: bold;
}
.mesgs_container {
   width: 100%;
   height: 100%;
   position: relative;
}
.msgs_icon {
   float: left;
   position: absolute;
   left: 20px;
   top: 5px;
   z-index: 1000;
}

#lines { text-align: center; }
.dsR29 /*agl rulekind: base;*/ { width: auto; height: auto; }
.dsR30 /*agl rulekind: base;*/ { width: 415px; }
.dsR31 /*agl rulekind: base;*/ { text-align: center; width: 632px; }
.dsR36 /*agl rulekind: base;*/ { background-color: #fff; width: 975px;  }

.plus_bt    {display: inline-block;  vertical-align:middle; width: 16px;  height: 16px; background: url("images/plus_bt.png") no-repeat 0 0; }
.plus_bt:hover { background-position: 0 -16px;}
.plus_bt span { position: absolute; top: -999em;}

.comments_text {text-decoration: none;}

.sect_title{ 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#76382A;
    font-style: italic;
    text-align:left;
    margin-top:10px;
}

.sect_title_ln{ 
    width:95%;
    border-bottom:3px solid black;
    margin-bottom:5px; 
}   

.top_banner_img{
    width:100%;
    max-height:150px;
    min-height:100px;
}

.hid_lg{
    display:none;
}

@media only screen and (max-width: 768px) {
  .hid_lg{
    display:block;
    }
    
    .top_banner_img{
        width:100%;
        max-height:250px;
        min-height:75px;
    }
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

.navbar{
    margin:0px;
}

.button1 { display:block;
        font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;
        font-size:1em;
        margin:5px 0px;
        background-color: #006cd9;
        color: white;
        padding: 14px 50px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 100ms linear;
        -webkit-transition: background-color 100ms linear;
        -ms-transition: background-color 100ms linear;  }
.button1:hover { background-color: #ffc926;
                color:#000;  }

.button2 { display:block;
        font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;
        font-size:1em;
        margin:5px 0px;
        background-color: #006cd9;
        color: white;
        padding: 8px 30px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 100ms linear;
        -webkit-transition: background-color 100ms linear;
        -ms-transition: background-color 100ms linear; 
        }
        
.button2:hover { background-color: #ffc926;
                color:#000;  }

.button3 { 
		 background: url(images/button.gif);
		 font-size:12px; 
		 font-family: Verdana, Helvetica, Arial, sans-serif;
		 border: 1px solid #006; 
		 width: 220px;
		 padding:1.05px;
		 font-size:0.8em;  
		 }
.button3:hover { 
		 background: #eeeeee; 
		 color:#ff0c00; 
		 border: 1px solid #ff0c00;  
		 }
	
.mainframe{
	background-color:#FFF !important;
}	

.content-table{
	background-color:#FFF !important;
	width:975px;
}

.sel_type_title{
	background-color:#eee;
	padding:5px;
}

.sel_type_cont{
	background-color:#ddd;
}

.sel_type_cont td{
	padding:5px;
}

.sel_type_cont td input[type='checkbox']{
	margin-right:5px;
}

.map_subtitle{
	font-size:1.5em;
	margin:15px 25px;
	width:fit-content;
}

.map_sub_new_point_cont{
	background-color:#eee;
	padding:20px;
	border:2px solid #bbb;
	padding:20px;
}
.map_sub_new_point_cont li{
	margin-bottom:20px;
}
.map_dern_points{
	background-color:#eee;
	border:2px solid #666;
	padding:25px;
	font-size:0.85em;
}
.map_dern_pt_item{
	margin-bottom:15px;
}

.map_dern_photo_table tr td{
	padding:15px;
}

.map_info_pict{
	max-width: 250px;
	max-height: 150px
}

.iframe_cont{
	background:url('destinations/images/loading3.gif') center center no-repeat;
}

.pt_info_title{
	font-family: Verdana, Arial, Helvetica, Geneva;
	font-weight:bold;
	font-size:1.05em;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}

.pt_info_comm{
	font-family: Verdana, Arial, Helvetica, Geneva;
}

.pt_info_lnglat{
	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:0.8em;
	margin-left:10px;
	margin-top:5px;
	color:#999;
}
.pt_info_lnglat,.pt_info_comm,.pt_info_title,.photos_container,.pt_pict_link,.pt_commentaires,.pt_comm_item{
	width:320px;
	margin-bottom:10px;
}

.pt_commentaires{
	font-size:1em;
	font-family: Verdana, Arial, Helvetica, Geneva;
}

.pt_comm_item{
	margin-top:5px;
	background-color:#eeeeee;
	padding:5px;
	font-size:0.9em;
}

.pt_comm_item_sign{
	font-size:0.9em;
	border-top:1px solid #aaa;
	padding-top:5px;
	margin-top:5px;
	color:#666;
}

.copyright_label{
	position:absolute;
	top:785px;
	left:660px;
	width:250px;
	font-size: 10px;
	height:12px; 
	z-index:1;
	visibility: visible; 
	color: #DDDDDD;
}

.loading_message{
	position:absolute;
	top:400px;
	left:275px;
	height:175px; 
	z-index:20;
	color: #111111; 
	background-color:#D9EDF7;
	font-size: 20px;
	border:1px solid #666;
	padding-top:25px;
	border-radius:10px;
	width:400px;
}

#map {
  width: 925px; 
  height: 550px;
}

.comm_txt_input{
	 width:600px;
}

.mobile_menu{
	display:none;
}

.latlong_box{
	display:inline-block;
	margin-top:10px;
	margin-left:15px;
}

.format_coord{
	font-size:0.8em;	
}
.photo_row_cont{
	margin-bottom:20px;
	vertical-align:top;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}
.photo_row{
	display:inline-block;
	padding-right:30px;
	vertical-align:top;
	max-width:700px;
	min-width:75px;
	font-size:1.1em;
}

.limit_w{
	max-width:620px;
}

@media screen and (max-width: 750px) {
	
	body{
		background-image: none;
	}
	.map_hide_elements_responsive{
		display:none;
		background-color:#99e6ff;
	}
	
	.content-table{
		width:100vw ;
	}
	
	.copyright_label{
		top:360px;
		left:10px;
		font-size: 12px
	}
	
	#map {
	  width: 100vw; 
	  height: 400px;
	}
	
	.containers_w{
		
		width:100vw;
	}
	
	.loading_message{
		top:100px;
		left:10vw;
		width:80vw;
	}
	
	.comm_txt_input{
		 width:80vw;
	}
	
	.mobile_menu{
		display:block;
	}
	
	.hamburger{
		position:absolute;
		z-index:50;
		top:75px;
		right:0px;
	}
	
	.hamburger img{
		width:35px;
	}
	
	.menu_item{
		padding:5px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:15px;
		color:#FFF;
		text-align:center;
	}
	.menu_item:hover{
		background-color:#4000ff;
	}

	.main_menu{
		display:none;
		background-color:#4ca6ff;
		position:absolute;
		top: 20px;
		right: 100px;
		opacity: 0.9;
		border-radius: 15px;
		z-index: 50;
		text-align:center;
	}
	.photo_row{
		display:block;
	}
	
	.photo_row_cont{
		margin-bottom:30px;
	}
	
	.photo_row{
		display:block;
		padding-right:auto;
		padding-top:10px;
	}
}
	
/*         
.activ_photo{
    float:left;
    width:30%;
    overflow: auto;
}  

.activ_descr{
    float:right; 
    width:69%;
    overflow: auto;
    
}

.event_descr{
    font-size:1em;
    text-align: justify;
}

.soum_photos_descr{
    font-size:1em;
}

.act_button{
    font-size:1.1em;
}

.activ_img{
    width:100%;
}

@media screen and (max-width: 800px) {
  .activ_photo{
        float:none;
        display:block;
        width:100%;
    }  
     
    .soum_photos_descr{
        font-size:3em;
    }   
         
    .act_button{
        font-size:1.5em;
    }
    
    .event_descr{
        font-size:25pt;
    }
    
    .activ_descr{
        float:none;
        width:100%;
    }
}
*/