@font-face {font-family: 'FiraSans';font-weight: normal;src: url('./fonts/Anuphan-Regular.ttf') format('truetype');}
@font-face {font-family: 'FiraSans';font-weight: 200;src: url('./fonts/FiraSans-Medium.ttf') format('truetype');}
@font-face {font-family: 'FiraSans';font-weight: 600;src: url('./fonts/FiraSans-SemiBold.ttf') format('truetype');}
@font-face {font-family: 'FiraSans';font-weight: bold;src: url('./fonts/FiraSans-Bold.ttf') format('truetype');}

body {max-width: 1200px;margin:5px auto;font-family: FiraSans;font-size:15.7px;line-height: 1.4em;padding-bottom: 50px;}
a {text-decoration:none;color: #005dbd;}
a:hover {color: #d00;}
h2 {font-size: 20px;font-weight: 600;}
h3 {font-size: 17px;font-weight: 600;}
textarea:focus, input:focus, div:focus {outline: none;}
textarea, input, select {font-family: FiraSans;font-size:14.5px;}
#main_div {margin:0 25px;}
#bandeau_entete {text-align: center;font-family: FiraSans;margin-top:-11px;}
#bandeau_entete img {max-width: 100%;}
#btn_main_menu {float: right;display: none;margin-right: 20px;margin-top:-20px;}

#main_menu {text-align: center;margin-top:0px;margin-bottom:36px;font-family: FiraSans;color:#5f5117;font-weight: 200;font-size:17px;cursor:pointer;}
.menu_item {display: inline-block;margin:0px 16px;border-bottom:2px solid transparent;padding:0 4px 4px 4px;vertical-align: top;text-align: left;}
.menu_item:hover {border-bottom:2px solid #999;color:#005dbd;}
.deployable:hover {border-bottom:0px solid #999 !important;}
.menu_item img {margin-bottom: -7px;}
.menu_sub_menu_margin {height: 12px}

.sub_menu {position: absolute;background-color:#fff;display: none;line-height: 2em;font-weight: normal;min-width:160px;border:1px solid #efefef;margin:0 -10px;border-radius: 8px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px 2px;}
.sub_menu_item {padding:4px 16px;width:100%;box-sizing: border-box;font-size: 16px;color:#005dbd;}
.sub_menu_item:hover {background-color: #efefef;}

.btn01 {background-color: #005dbd;padding:4px 18px;border-radius:20px;display: inline-block;color:#fff;cursor: pointer;}
.btn01:hover{background-color: #008cff;}

.mask {display: none;background-color: #000000bb;position: fixed;top:0px;bottom:0px;left:0px;right:0px;}
.lightbox {display: none;background-color: #fff;position: fixed;top:50px;bottom:50px;left:50px;right:50px;border-radius: 20px;overflow: hidden;}

#flex_content {display: flex;flex-direction: row; align-items: flex-start;flex-wrap: wrap}
.flex_img_container {max-height:200px;overflow: hidden;border-radius: 6px;}
.flex_img {max-width: 100%;}
.flex_1 {flex:1;padding:6px;min-width:250px;cursor: pointer;border-radius: 12px;}
.flex_1:hover {box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px 2px;}
.legendes {overflow:hidden;font-size: 14.5px;line-height: 1.3em;margin: 0 6px 4px 6px;padding:10px 0 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.lengendes_lieu {font-style: italic;color:#999;margin: -2px 6px 4px 6px;font-size: 14.5px;}
.h3_img {margin:0 0 6px;}


@media screen and (max-width: 874px) {
	body {margin:0;}
	#btn_main_menu {display: inline-block;}
	#main_div {margin:0 15px;}
	#bandeau_entete {margin-bottom:30px;overflow: hidden;}
	#bandeau_entete img {max-width: 115%;}
	#main_menu {display: none;background-color: #efefef;padding:10px 0;margin-top: -14px;}
	.menu_item {display: block;padding:10px 4px;;}
	.menu_item:hover {border-bottom:0px solid #999;}
	.sub_menu {position: initial ;margin:15px -20px 5px -20px;padding:0;border-radius: 0;padding:8px 0;background-color:#f0f0f0;}
	.sub_menu_item {padding:4px 30px;}
	.menu_sub_menu_margin {display: none;}
	
	.lightbox {position: fixed;top:0px;bottom:0px;left:0px;right:0px;border-radius: 0px;overflow: hidden;}
	.lightbox img {padding:6px !important;border-radius: 12px !important;}
	
	.flex_1 {padding: 6px 0 !important;min-width: 100% !important;}
	.h3_img {margin:10px 0 6px !important;}
}