/* Mon Atelier Ecofrugal copyright 2026 */
/*****************************
Fonts
*****************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Roboto');
/*
@font-face {
    font-family: "Open Sans";
    src: url("fonts/Open_Sans/OpenSans-Regular.ttf?01121653");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url("fonts/Open_Sans/OpenSans-Bold.ttf?01121653");
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: "Open Sans";
    src: url("fonts/Open_Sans/OpenSans-Italic.ttf?01121653");
    font-style: normal;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url("fonts/Open_Sans/OpenSans-BoldItalic.ttf?01121653");
    font-weight: bold;
    font-style: italic;
}*/

/*****************************
Global structure
*****************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    font-family: "Source Sans Pro", "Roboto", sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1em;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent ;
    list-style-type: none;
}
*{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
html{
    background:#E4E4E4;
    font-family: 'Open Sans';
    color:#232323;
}
body{
    margin:0;
    background-position:center;
    background-attachment:fixed;
}
button, a, input:not([type=radio]):not([type=checkbox]){
    -webkit-appearance: none !important;  /* Safari */
}
.magnific{
    cursor:pointer;
}
a,.link,.new_link, #mapid a{
    color:#666;
    text-decoration:none;
    cursor:pointer;
    font-weight:bold;
}
a:active,.link:active,.new_link:active, #mapid a:active{
    color:#666;
    text-decoration:none;
}
a:hover,.link:hover,.new_link:hover, #mapid a:hover{
    color:#cccccc;
}
.new_link:before,
.new_link:after{
    content:'\2605';
    padding-left:.3em;
    padding-right:.3em;
}

p{
    display:inline-block;
    width:100%;
    text-align:left;
    padding-bottom:.5em;
}
.break_word{
    overflow-wrap:break-word;
    word-wrap:break-word;
    -ms-word-break:break-all;
    word-break:break-all;
    word-break:break-word;
}
p>span{
    padding-right:.5em !important;
}
ul>li{
    padding-bottom:.5em;
}
div.no-display,
span.no-display,
ul.no-display,
.no-display{
    display:none !important;
}
.uppercase{
    text-transform:uppercase;
}
.errorlist{
    font-style:italic;
    color:#CA3E1B;
    font-size:.9em;
}
.center{
    display:inline-block;
    width:100%;
    text-align:center;
}
small,.small{
    font-size:.75em !important;
}
.smalltext{
    font-size:.85em !important;
}
.prespace{
	white-space:pre;
}
/*****************************
Header
*****************************/
header{
    background:white !important;
    width:100%;
    z-index:100 !important;
    box-shadow: 1px 1px 12px gray;
    position:fixed !important;
    top:0;
}
header>div{
    display:table;
    margin:0 auto;
    width:100%;
    max-width:1280px;
    line-height:0;
    border-collapse:collapse;
}
header>div>*{
    display:table-cell;
    vertical-align:middle;
    position:relative;
}
header a{
    line-height:normal;
}
header a:visited {text-decoration:none !important}
header a:link{text-decoration:none !important}
#aside_display{
    cursor:pointer;
}
header .logo>img{
    height:3em;
    padding:.5em;
    vertical-align:middle;
}
header .hd_margin{
    width:100%;
}
header .logo_right{
    width:100%;
    text-align:right;
    padding-right:.5em;
    vertical-align:middle;
}
header .sscreen .logo_right>img{
    height:40px;
    text-align:right;
    padding-top:.2em;
}
header .text_right{
    width:100%;
    line-height:1.1em;
    text-align:right;
    padding-right:1em;
}
header .text_right>span{
    white-space:pre;
}
header .logo,
header .logo_link,
header .thread{
    width:1px;
    height:48px;
    text-align:center;
    vertical-align:middle;
    position:relative;
}
header .thread{
	cursor:pointer;
}
header .logo_link.selected,
header .logo_link:hover{
    background-color:#F5F5F5;
    cursor:pointer;
}
header .logo_link.selected,
header .logo_link:hover{
    background-color:#F5F5F5;
    cursor:pointer;
}
header .text_link>div{
    display:table;
    border-collapse:collapse;
    height:100%;
    margin-left:5px;
    margin-right:5px;
}
header .text_link>div>*{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
}

header .text_link>div>a{
    white-space:pre;
}
header .text_link .selected{
    color:#D12B76 !important;
    font-weight:bold;
}
header .logo>img,
header .logo_link>img{
    height:36px;
    padding-top:5px;
    padding-left:8px;
    padding-right:8px;
}
header .logo>span,
header .logo_link>span{
    display:inline-block;
    height:36px;
    width:36px;
    padding:2px;
    margin-left:5px !important;
    margin-right:5px !important;
}
header .thread.nav>.cardinal{
    display:table;
    position:absolute;
    color:white;
    height:15px;
    width:100%;
    font-size:10px;
    line-height:0;
    top:15px;
    right:0px;
    text-align:center;
    font-weight:bold;
}
header .thread.nav>.cardinal>span{
    display:table-cell;
    line-height:normal;
    vertical-align:middle;
}
header .nav_padding{
    padding-left:.5em;
    padding-right:.5em;
}
/** Header container **/
header .hd_container>div>div{
    display:table;
    border-collapse:collapse;
    background-color:#F5F5F5;
    position:absolute;
    width:100%;
    max-width:26em;
    line-height:normal;
    top:0px;
    right:0px;
    z-index:101;
    height:3em !important;
}
header .hd_container .tinscroll{
    width:100%;
}
header .hd_container .user_list{
    width:98% !important;
    padding-left:2% !important;
}
header .hd_container .empty{
    padding-top:1em;
}

/* Header profile */
header #head_profile{
    display:table;
    border-collapse:separate;
    border-spacing:.5em 0;
    line-height:0;
}
header #head_profile>div{
    display:table-cell;
    width:10em !important;
    line-height:normal;
    vertical-align:middle;
}
header #head_profile img{
    border-radius:30px;
    width:36px;
}
header #head_profile span{
    white-space:pre;
    color:gray;
    font-style:italic;
}
#header_to_landing{
    cursor:pointer;
    position:relative;
}
#header_to_landing:hover,
#header_to_landing.selected{
    background-color:#F5F5F5;
}
#header_to_landing:hover .dgreen,
#header_to_landing.selected .dgreen{
    color:#cccccc;
}
#header_to_landing:not(.selected) ul{
    display:none !important;
}
#header_to_landing.selected ul{
    display:inline-block !important;
    position:absolute;
    padding:0;
    top:3em;
    left:0;
    background:white;
    box-shadow: 10px 8px 12px 2px #CCCCCC;
}
#header_to_landing ul>li{
    display:inline-block;
    width:100%;
    padding:0;
}
#header_to_landing ul>li>a{
    display:inline-block;
    width:100%;
    white-space:pre;
    text-align:left;
    padding:.5em;
    padding-right:2em;
}
#header_to_landing ul>li>a:hover{
    cursor:pointer;
    background:#EFEFEF;
    color:#cccccc;
}
#hd_profile_container>div{
    float:right;
}
#hd_profile_container>div>div{
    width:16em;
}
#hd_profile_container>div>div>.tinscroll{
    display:inline-block;
    width:100%;
    border:1px solid #EFEFEF;
}
#hd_profile_container>div>div>.tinscroll>:not(:first-child){
    margin-top:.5em;
}
#hd_profile_container>div>div>.tinscroll>div>*{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.5em 0;
    line-height:0;
    background:white;
}
#hd_profile_container>div>div>.tinscroll>div>*:hover{
    color:#cccccc;
    cursor:pointer;
}
#hd_profile_container>div>div>.tinscroll>div>*:hover>*:first-child{
    opacity:.4;
}
#hd_profile_container>div>div>.tinscroll>div>*.selected{
    color:#63606A;
}
#hd_profile_container>div>div>.tinscroll>div>*>div{
    display:table-cell;
    vertical-align:middle;
    line-height:normal;
}
#hd_profile_container>div>div>.tinscroll>div>*>div:first-child{
    width:1px;
}
#hd_profile_container .selected span{
    color:#D12B76;
}
/* Menu container */
#hd_menu_container{
    height:10000px; /* inf height to fill all screen height */
    background:#F0F0F0;
}
#hd_menu_container>div>div{
    max-width:100% !important;
    height:100%;
    border-top:1px solid rgba(150,150,150,.2);
}
#hd_menu_container .hdmcc{
    display:inline-block;
    width:100%;
    background:#F0F0F0;
}
#hd_menu_container .hdmcc a:visited {color: #666; text-decoration:none !important}
#hd_menu_container .hdmcc a:link{color: #666; text-decoration:none !important}
#hd_menu_container .hdmcc>:first-child{
    display:inline-block;
    width:100%;
    padding-top:1em;
    padding-bottom:.5em;
}
#hd_menu_container .hdmcc>:first-child>div{
    display:inline-block;
    width:100%;
    text-align:center;
}
#hd_menu_container .hdmcc>:first-child>div>img{
    width:4em;
    border-radius:100px;
}
#hd_menu_container .hdmcc>:first-child>div>span{
    font-style:italic;
    color:gray;
    font-size:.9em;
}
#hd_menu_container .hdmcc>:first-child>:last-child{
    padding-top:1em;
}
#hd_menu_container .hdmcc>:not(:first-child){
    margin-top:1em;
}
#hd_menu_container .hdmcc>div{
    background:white;
}
#hd_menu_container .hdmcc>div>:not(.hdmcc_custom){
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.5em 0;
    line-height:0;
}
#hd_menu_container .hdmcc>div>:not(.hdmcc_custom):hover{
    color:#cccccc;
    background-color:#EAEAEA;
    cursor:pointer;
}
#hd_menu_container .hdmcc>div>.selected{
    color:#D12B76;
}
#hd_menu_container .hdmcc>div>:not(.hdmcc_custom)>div{
    display:table-cell;
    vertical-align:middle;
    line-height:normal;
}
#hd_menu_container .hdmcc>div>:not(.hdmcc_custom)>div:first-child{
    width:1px;
}
#hd_menu_container .hdmcc>div>.hdmcc_custom{
    display:table;
    border-collapse:separate;
    border-spacing:.3em .3em;
    width:100%;
    background:#F0F0F0;
}
#hd_menu_container .hdmcc>div>.hdmcc_custom>div{
    display:table-cell;
    line-height:1.1em;
    font-size:.7em;
    vertical-align:top;
    color:gray;
}
#hd_menu_container .hdmcc>div>.hdmcc_custom>:first-child{
    font-weight:bold;
}
#hd_menu_container .hdmcc>div>.hdmcc_custom>:last-child{
    text-align:right;
}
#hd_menu_container .hdmcc>div>.hdmcc_custom>:last-child>span{
    white-space:pre;
}
#hd_menu_container .hdmcc .hdmcc_logo{
    position:relative;
    display: inline-block;
}
#hd_menu_container .hdmcc .hdmcc_logo img{
    display:block;
    width:2em;
    height:2em;
    margin-right:.125em;
    margin-left:.125em;
    opacity:.6;
    filter: brightness(0);
    filter: grayscale(100%);
}
#hd_menu_container .hdmcc .hdmcc_logo:hover img{
    filter: brightness(0);
    opacity:.2;
}
#hd_menu_container .hdmcc .hdmcc_logo::before:not(:hover){
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D12B76; /* Ajustez le code couleur RGB et l'opacité */
    mix-blend-mode: color; /* Combine la couleur avec l'image */
    pointer-events: none;
}

/*****************************
Cookie warning
*****************************/
#cookie_warning{
	display:inline-block;
    z-index:101;
    position:fixed;
    left:0;
    bottom:0;
    background:white;
    width:100%;
    max-width:30em;
    border-top:1px solid #EDEDED;
    border-right:1px solid #EDEDED;
}
#cookie_warning>div{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.3em .3em;
}
#cookie_warning>div>*{
	display:table-cell !important;
	vertical-align:middle !important;
}
#cookie_warning>div>:last-child{
	width:6em;
}
/*****************************
Footer
*****************************/
footer{
    background:white;
    width:100%;
    z-index:100;
    border-top:1px solid rgba(140,140,140,.4);
    position:fixed !important;
    bottom:0;
}
footer>div{
    display:table;
    margin:0 auto;
    width:100%;
    max-width:1280px;
    line-height:0;
    border-collapse:collapse;
    table-layout:fixed;
}
footer>div>*{
    display:table-cell;
    vertical-align:middle;
    position:relative;
    text-align:center;
}
footer>div>:hover{
    cursor:pointer;
    background:#F3F3F3;
}
/******************************
          BASE FOOTER
******************************/
#base_footer{
    display:inline-block;
    width:100%;
    text-align:center;
    background:#84B148;
}
#base_footer>div{
    display:inline-block;
    width:100%;
    padding-top:1em;
    padding-bottom:1em;
}
#base_footer>div>div{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:3em 0;
    font-size:.9em;
}
#base_footer>div>div>div{
    display:table-cell;
    vertical-align:top;
}
#base_footer>div>div>:not(:nth-of-type(2)){
    width:28%;
}
@media screen and (max-width:1200px){
	#base_footer>div>div{
	    display:inline-block;
	    width:100%;
	}
	#base_footer>div>div>div{
	    display:inline-block;
	    width:100% !important;
	    padding-top:1.3em;
	    padding-bottom:1.3em;
	}
}
#base_footer>div>div>div>div{
    display:table;
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
#base_footer>div>div>div>div>div{
    display:table-cell;
    color:white;
    vertical-align:middle;
}
#base_footer>div>div>div>div>:first-child{
    padding-right:.7em;
    border-right:2px solid white;
    text-align:right;
    font-size:1.2em;
    font-weight:bold;
}
#base_footer>div>div>div>div>:last-child{
    padding-left:.7em;
    text-align:left;
}
#base_footer a{
    color:white !important;
    text-decoration:none !important;
}
#base_footer a:hover{
    opacity:.5;
}
#base_footer .lfsmall{
    opacity:.5;
    font-size:.8em;
}
#lfooter_networks>div{
    display:table;
    border-collapse:collapse;
    width:100%;
    max-width:200px;
    table-layout:fixed;
}
#lfooter_networks>div>div{
    display:table-cell;
    vertical-align:middle;
}
#lfooter_networks>div>div:not(:first-child){
	padding-left:.2em;
}
#lfooter_networks>div>div:not(:last-child){
	padding-right:.2em;
}
#lfooter_networks>div>div>a{
	display:inline-block;
	width:100%;
}
#lfooter_networks>div>div>a>img{
	display:inline-block;
	width:100%;
}
#lfooter_networks>span{
    display:inline-block;
    width:100%;
}
/*****************************
NAVIGATION ICONS
*****************************/
.nav_workshop,.nav_manager,.nav_article,.nav_menu,.nav_pending,.nav_thread_empty,
.nav_profile,.nav_bug,.nav_faq,.nav_logout,.nav_stats,.nav_stat,.nav_newslet,
.nav_menu_white,.nav_contact,.nav_thread,.nav_office,.nav_logfile,.nav_calculator,.password_show_but{
    display:inline-block;
    height:36px;
    width:36px;
    background-image: url("common/nav.svg?01121653");
    background-repeat:no-repeat;
}
span.gr.nav_workshop{background-position:0 -72px;}
span.gr.nav_manager{background-position:-36px -72px;}
span.gr.nav_article{background-position:-72px -72px;}
span.gr.nav_menu{background-position:-108px -72px;}
span.gr.nav_pending{background-position:-144px -72px;}
span.gr.nav_thread_empty{background-position:-180px -72px;}
span.gr.nav_profile{background-position:-216px -72px;}
span.gr.nav_bug{background-position:-252px -72px;}
span.gr.nav_faq{background-position:-288px -72px;}
span.gr.nav_logout{background-position:-324px -72px;}
span.gr.nav_stat{background-position:-360px -72px;}
span.gr.nav_newslet{background-position:-396px -72px;}
span.gr.nav_menu_white{background-position:-432px -72px;}
span.gr.nav_contact{background-position:-468px -72px;}
span.gr.nav_thread{background-position:-504px -72px;}
span.gr.nav_office{background-position:-540px -72px;}
span.gr.nav_logfile{background-position:-576px -72px;}
span.gr.nav_calculator{background-position:-612px -72px;}
span.nav_workshop{background-position:0 -36px;}
span.nav_manager{background-position:-36px -36px;}
span.nav_article{background-position:-72px -36px;}
span.nav_menu{background-position:-108px -36px;}
span.nav_pending{background-position:-144px -36px;}
span.nav_thread_empty{background-position:-180px -36px;}
span.nav_profile{background-position:-216px -36px;}
span.nav_bug{background-position:-252px -36px;}
span.nav_faq{background-position:-288px -36px;}
span.nav_logout{background-position:-324px -36px;}
span.nav_stat{background-position:-360px -36px;}
span.nav_newslet{background-position:-396px -36px;}
span.nav_menu_white{background-position:-432px -36px;}
span.nav_contact{background-position:-468px -36px;}
span.nav_thread{background-position:-504px -36px;}
span.nav_office{background-position:-540px -36px;}
span.nav_logfile{background-position:-576px -36px;}
span.nav_calculator{background-position:-612px -36px;}
.selected .nav_workshop{background-position:0 0 !important;}
.selected .nav_manager{background-position:-36px 0 !important;}
.selected .nav_article{background-position:-72px 0 !important;}
.selected .nav_menu{background-position:-108px 0 !important;}
.selected .nav_pending{background-position:-144px 0 !important;}
.selected .nav_thread_empty{background-position:-180px 0 !important;}
.selected .nav_profile{background-position:-216px 0 !important;}
.selected .nav_bug{background-position:-252px 0 !important;}
.selected .nav_faq{background-position:-288px 0 !important;}
.selected .nav_logout{background-position:-324px 0 !important;}
.selected .nav_stat{background-position:-360px 0 !important;}
.selected .nav_newslet{background-position:-396px 0 !important;}
.selected .nav_menu_white{background-position:-432px 0 !important;}
.selected .nav_contact{background-position:-468px 0 !important;}
.selected .nav_thread{background-position:-504px 0 !important;}
.selected .nav_office{background-position:-540px 0 !important;}
.selected .nav_logfile{background-position:-576px 0 !important;}
.selected .nav_calculator{background-position:-612px 0 !important;}
:not(.selected)>.nav_thread_empty:hover,
:not(.selected)>.nav_thread_empty:hover>*{background-position:-180px -72px !important;}
:not(.selected)>.nav_thread:hover,
:not(.selected)>.nav_thread:hover>*{background-position:-504px -72px !important;}

/* Misc icons */
.password_show{
	display:inline-block;
	width:100%;
	line-height:0;
	position:relative;
}
.password_show>.password_show_but{
	display:inline-block;
	width:22px;
	height:15px;
	background-position:0 -184px;
	position:absolute;
	top:.9em;
	right:.8em;
	cursor:pointer;
	opacity:.5;
}
.password_show>.password_show_but:hover{
	opacity:.2;
}

/* Sub navigation */
.subnav{
    display:table;
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    margin-top:1em;
}
.subnav>a{
    display:table-cell;
    text-align:center;
    padding-bottom:.4em;
    border-bottom:2px solid transparent;
    vertical-align:middle;
}
.subnav>a:not(.selected):hover{
    border-bottom:2px solid #cccccc;
}
.subnav>a.selected{
    border-bottom:2px solid #D12B76;
    color:#D12B76;
    font-weight:bold;
    cursor:default;
}

/*****************************
ICONS
*****************************/
.ico_pen,.ico_map,.ico_add,.ico_zoom,.ico_yes,.ico_no,.ico_run,.ico_arrow{
    display:inline-block;
    height:36px;
    width:36px;
    background-image: url("common/ico.svg?01121653");
    background-repeat:no-repeat;
    cursor:pointer;
}
.ico_pen{background-position:0 -72px;}
.ico_pen:hover{background-position:0 0 !important;}
.ico_map{background-position:-36px -72px;}
.ico_map:hover{background-position:-36px 0 !important;}
.ico_add{background-position:-72px -72px;}
.ico_add:hover{background-position:-72px 0 !important;}
.ico_zoom{
    background-color:#E4E4E4;
    background-position:-108px -72px;
}
.ico_zoom:hover{
    background-color:white;
    background-position:-108px 0 !important;
}
.ico_yes{
    background-color:#BCE4C3;
    background-position:-144px -72px;
}
.ico_yes:hover{
    background-color:white;
    background-position:-144px 0 !important;
}
.ico_no{
    background-color:#E4AEA2;
    background-position:-180px -72px;
}
.ico_no:hover{
    background-color:white;
    background-position:-180px 0 !important;
}
.ico_run{
    background-color:#7FB1D2;
    background-position:-216px -72px;
}
.ico_run:hover{
    background-color:white;
    background-position:-216px 0 !important;
}
.ico_arrow{
    background-color:#7FB1D2;
    background-position:-252px -72px;
}
.ico_arrow:hover{
    background-color:white;
    background-position:-252px 0 !important;
}

/*****************************
Tree
*****************************/
.subtree,.tree{
    display:inline-block;
    width:100%;
    text-transform:uppercase;
    background:white;
    text-align:left;
}
.tree{
    position:absolute;
    top:0;
    left:0;
    padding:.5em;
}
.tree>:not(:last-child):after,.subtree>:not(:last-child):after{
    content: '/';
    padding-left:.8em;
    padding-right:.8em;
    color:#D4D4D4;
}
.tree>*{
    display:inline-block;
    width:auto;
}

/*****************************
Aside nav
*****************************/
section{
    display:table;
    width:100%;
    border-collapse:collapse;
    margin:0px auto;
    max-width:1280px;
}
section>*{
    display:table-cell;
    vertical-align:top;
}
section>aside{
    position:relative;
    width:250px;
}
section>aside>div{
    position:fixed;
    z-index:99;
    top:0;
    left:0;
    width:100%;
    max-width:250px;
    height:100%;
}
section>aside>*:last-child{
    padding-bottom:10px;
}
aside .aside_title{
    display:inline-block;
    width:100%;
    position:relative;
    text-align:center;
    line-height:1.2em;
    top:1em;
    color:#8E8C74;
    font-style:italic;
}
aside .nav_section{
    display:inline-block;
    margin-top:1em;
    width:100%;
}
aside .nav_section>*{
    display:table;
    border-collapse:separate;
    border-spacing:1em 0;
    width:100%;
    line-height:0;
}
aside .nav_section>*>*{
    display:table-cell;
    vertical-align:middle;
    line-height:normal;
    height:2em;
    padding-top:.2em;
    padding-bottom:.2em;
}
aside .nav_section>*>:last-child{
    width:100%;
}
aside .nav_section>*>:first-child>span{
    display:inline-block;
    width:36px;
    height:36px;
}
aside .nav_section>.selected{
    color:#63606A;
}
aside .nav_section>:hover{
    background-color:#D7D7D7;
}
aside .nav_section>:hover:not(.selected){
    color:inherit !important;
}
aside a,aside .magnific{
    text-decoration:none !important;
    text-transform:uppercase;
    font-weight:bold;
    font-size:.9em;
}
section>div>#content{
    display:inline-block;
    margin:0 auto;
    width:100%;
    position:relative;
}
/* Navigation return button */
#navreturn{
	position:fixed;
	left:10px;
	bottom:10px;
	z-index:50;
}
#navreturn>div{
	display:inline-block;
	border-radius:1em;
	background:white;
	border:2px solid #84B148;
    box-shadow:1px 2px 4px rgba(0, 0, 0, .2);
	cursor:pointer;
	line-height:0;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.1em;
	padding-bottom:.1em;
}
#navreturn>div:hover{
	border-color:#AAAAAA;
  background:#FAFAFA;
  color:#AAAAAA;
}
#navreturn>div>span{
	background-color:white;
}
#navreturn>div:hover>span{
    background-color:#FAFAFA;
}
@media screen and (max-width:800px){
	#navreturn{
		bottom:46px;
	}
}
/*****************************
Wide / small screen
*****************************/
@media screen and (min-width:800px){
    .sscreen{
        display:none !important;
    }
    section{
        margin-top:48px !important;
    }
    section>aside>:first-child{
        padding-top:48px !important;
    }
    aside:not(.aside_wscreen){
        display:none !important;
    }
    /* scroll when large */
    .wscreenscroll{
        float: left;
        overflow:auto;}
    .wscreenscroll::-webkit-scrollbar-track{
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius:0.4em;
        background-color:#FFFFFF;}
    .wscreenscroll::-webkit-scrollbar{
        width:.8em;
        background-color: #F5F5F5;}
    .wscreenscroll::-webkit-scrollbar-thumb{
        border-radius:0.4em;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #DDDDDD;}
}
@media screen and (max-width:800px){
    .wscreen{
        display:none !important;
    }
    .no_display_menu{
        display:none !important;
    }
    section>aside>:first-child{
        margin-top:40px !important;
    }
    section>div>#content{
        margin-top:48px !important;
    }
    aside.aside_no_display{
        display:none !important;
    }
    /* no scroll when small */
    .wscreenscroll{
        float: left;
        overflow:auto;}
    .wscreenscroll::-webkit-scrollbar{
        width:.00001em;
        background-color:white;}
    .wscreenscroll::-webkit-scrollbar-thumb{
        background-color:white;}
}
/*****************************
Buttons
*****************************/
input[type=submit],input[type=reset],input[type=button],
.button,.wbutton,.mbutton,.gbutton,.gsmallbutton,.delbutton,.sbutton_img,.closebutton,.submitbutton,.logobutton{
    display:inline-block;
    width:100%;
    background-color:#F0F0F0;
    color:#5A5A5A;
    border:1px solid transparent !important;
    text-transform:uppercase;
    padding:.8em;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
    font-size:.78em !important;
    font-family:'Open Sans' !important;
    border-radius:1em;
}
.wbutton{
    color:#84B148 !important;
}
.closebutton{
    background-color:#F0F0F0;
}
.submitbutton{
    color:white !important;
    background:#84B148 !important;
}
.smallbutton, .delsmallbutton{
    display:inline-block;
    width:100%;
    border:1px solid #5A5A5A;
    color:#5A5A5A;
    padding:.3em;
    text-decoration:none;
    text-align:center;
    font-size:.8em !important;
    font-family:'Open Sans' !important;
    cursor:pointer;
}
.wbutton{
    background-color:rgba(255,255,255,.9) !important;
    color:#84B148;
}
.mbutton{
    background-color:#D12B76;
    color:white !important;
}
.gbutton,.gsmallbutton{
    background-color:#84B148 !important;
    color:white !important;
}
.gsmallbutton{
    display:inline-block;
    width:auto !important;
    padding:0 !important;
    padding-left:.5em !important;
    padding-right:.5em !important;
    font-size:.8em !important;
    text-transform:none !important;
}
.logobutton{
    background:none;
    color:#84B148;
}
.logobutton>div{
    display:table;
}
.logobutton>div>div{
    display:table-cell;
    vertical-align:middle;
    line-height:0;
    text-align:left !important;
}
.logobutton>div>div:nth-of-type(2){
    line-height:normal;
}
.logobutton>div>div>img{
    height:3em;
}
.logobutton>div>div>span{
    text-align:left !important;
    font-size:1.2em;
}
.logobutton:hover>div>div>img{
    opacity:.6;
    filter: grayscale(100%);
}
.logobutton>span{
   text-align:center;
   white-space:nowrap;
}
.closebutton:hover{
    background-color:#F3F3F3 !important;
    color:#cccccc !important;
    cursor:default !important;
}
.delsmallbutton,.delbutton{
    background-color:#B8716A !important;
    color:white !important;
    border:0px solid transparent !important;
    cursor:pointer;
}
.smallbutton:disabled,.delsmallbutton:disabled,.submitbutton:disabled,
.gbutton:disabled,.gsmallbutton:disabled{
    background-color:#EEEEEE !important;
    color:white !important;
    cursor:default !important;
}
input[type=submit]:hover:not(:disabled),input[type=reset]:hover,input[type=button]:hover,
.button:hover,.wbutton:hover,.mbutton:hover,.gbutton:hover,.gsmallbutton:hover,
.sbutton_img:hover,.smallbutton:hover,.delsmallbutton:hover,.delbutton:hover,.closebutton:hover{
    color:#AAAAAA !important;
    background:#FAFAFA !important;
    border:1px solid transparent !important;
    cursor:pointer !important;
}
/*****************************
Alignement
*****************************/
/** Horizontal align ***/
.halign{
    display:table;
    width:100%;
    table-layout:fixed;
    line-height:0;
    border-collapse:collapse;
}
.halign>*{
    display:table-cell;
    line-height:normal;
    vertical-align:top !important;
}
.halign:not(.bottom_anchor)>*:not(:first-child){
    padding-left:8px !important;
}
.halign:not(.bottom_anchor)>*:not(:last-child){
    padding-right:8px !important;
}
.halign>*>*{
    display:inline-block !important;
    width:100% !important;
    padding-left:0;
    padding-right:0;
    margin:0 !important;
}
/** Vertical align ***/
.valign{
    display:inline-block;
    width:100%;
    margin:0;
    margin-top:5px;
    margin-bottom:5px;
}
.valign>div{
    display:inline-block;
    width:100%;
    margin:0;
    margin-top:5px;
    margin-bottom:5px;
}
.valign>*>*{
    width:100%;
    margin:0;
    padding:.6em !important;
    text-align:center;
}
/** Bottom anchor **/
.bottom_anchor{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:102;
}
/** Inline-block alignement **/
.inline_right{
    display:inline-block !important;
    text-align:right !important;
    width:100% !important;
}
/*****************************
White box
*****************************/
.whitebox{
    display:inline-block;
    width:100%;
    text-align:center;
    background-color:white;
    position:relative;
}
.whitebox>div{
    display:table;
    border-spacing:1em 0em;
    border-collapse:separate;
    width:100%;
    max-width:40em;
    margin:0px auto;
    padding-bottom:2em;
}
.whitebox>div>div{
    display:table-cell;
}
/*****************************
Forms & Table
*****************************/
label,.label,.empty,.lowerlabel{
    display:inline-block;
    width:100%;
    font-style:italic;
    color:gray;
    font-size:0.7em;
    text-transform:uppercase;
    text-align:left;
}
.lowerlabel{
    text-transform:none;
    font-size:0.8em;
}
.th_label,.table_empty{
    font-style:italic;
    color:gray;
    font-size:0.7em;
    text-transform:uppercase;
    text-align:left;
}
.empty,.table_empty{
    text-align:center;
}
/* table */
table td, table th{
    padding:.5em;
}
table.even_table>tbody>tr:nth-of-type(2n){
    background:white;
}
table.even_table>tbody>tr:nth-of-type(2n+1){
    background:#f8f8f8;
}
table .current{
    background:#DDF5E2 !important;
}
.helptext{
    display:inline-block;
    width:100%;
    text-transform:uppercase;
    font-weight:bold;
    color:gray;
    font-size:0.6em;
}
label.required:after,.label.required:after{
    content: '\2749';
    padding-left:.4em;
    color:#EFAD48;
    font-weight:bold;
}
label.brequired:before,.label.brequired:before{
    content: '\2749';
    padding-right:.4em;
    color:#EFAD48;
    font-weight:bold;
    font-size:1.4em;
}
button, input[type=submit],input[type=button],input[type=reset] {
    cursor:pointer;
}
/* Hide arrows (Firefox) */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield !important;
    appearance:textfield !important;
}

input:not([type=submit]):not([type=reset]):not([type=button]):not([type=checkbox]):not([type=radio]), select, textarea{
    display:inline-block !important;
    background:#F7F7F9;
    border:1px solid #E0E0E0;
    height:2em;
    font-size:1em;
    margin:0;
    padding:.5em !important;
    height:2.6em;
    font-family: 'Open Sans';
}
textarea{
    height:auto !important;
    resize:none;
    font-family: 'Open Sans';
    color:#232323;
}
input:not([type=submit]):not([type=reset]):not([type=button]):not([type=checkbox]):disabled,
select:disabled, textarea:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    background:transparent;
}
input[type=text]:disabled,input[type=email]:disabled,input[type=number]:disabled, select:disabled, textarea:disabled  {
    border-color:transparent;
    background:none;
    color:gray;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
textarea,select,input:not([type='submit']):not([type='reset']):not([type='button']):not([type='radio']):not([type='checkbox']){
    display:inline-block;
    width:100%;
    font-size:1em;
    padding:.2em !important;
    margin:0;
}
.form_info{
    width:100%;
    font-size:0.8em;
}
.checkbox_left{
    display:table;
    width:100%;
    border-collapse:collapse;
    line-height:0;
    text-align:left;
}
.checkbox_left>div{
    display:table-cell;
    vertical-align:top !important;
    line-height:normal;
}
.checkbox_left>div:first-child{
     width:1px;
     padding-right:10px;
     padding-top:5px;
}
.checkbox_left>div:last-child{
     padding-top:3px;
}
/* Checkbox */
/* Base for label styling */
.chkbx{
    margin:0px auto;
    text-align:center;
}
.chkbx>label{
    display:inline-block;
    padding-left:10px;
    text-align:left;
}
.chkbx>[type="checkbox"]:not(:checked),
.chkbx>[type="checkbox"]:checked {
    display:none !important;
}
.chkbx>[type="checkbox"]:not(:checked) + label,
.chkbx>[type="checkbox"]:checked + label {
  position:relative;
  padding-left:15px;
  cursor: pointer;
}
/* checkbox aspect */
.chkbx>[type="checkbox"]:not(:checked) + label:before,
.chkbx>[type="checkbox"]:checked + label:before {
  content: '';
  position:absolute;
  left:0; top: -15px;
  width:14px; height:14px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
.chkbx>[type="checkbox"]:not(:checked) + label:after,
.chkbx>[type="checkbox"]:checked + label:after {
  content: '\2714';
  position: absolute;
  top: -15px; left: 2px;
  font-size: 20px;
  line-height: 0.8;
  color:#A1C4C1;
  transition: all .2s;
}
/* checked mark aspect changes */
.chkbx>[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
/* disabled checkbox */
.chkbx>[type="checkbox"]:disabled:not(:checked) + label:before,
.chkbx>[type="checkbox"]:disabled:checked + label:before{
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.chkbx>[type="checkbox"]:disabled:checked + label:after{color: #999;}
[type="checkbox"]:disabled + label {color: #aaa;}
.chkbx>[type="checkbox"]:checked:focus + label:before,
.chkbx>[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #D06727;
}
.chkbx>label:hover:before {
  border: 1px solid #AA846D!important;
}
/** form_choices_but **/
select.form_choices_grad{
    display:none !important;
}
.fcb_div{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.5em 0;
    table-layout:fixed;
}
.fcb_div>div{
    display:table-cell;
    padding:.3em;
    text-align:center;
    border:1px solid #C7C7C7;
    color:gray;
}
.fcg_div{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.5em 0;
    table-layout:fixed;
}
.fcg_div>div{
    display:table-cell;
    padding:.3em;
    text-align:center;
    background:#EFEDD5;
    color:gray;
    cursor:pointer;
    line-height:normal;
    padding-left:.5em;
    padding-right:.5em;
}
.fcg_div>div.fcg_color.c51{background:#D46565;}
.fcg_div>div.fcg_color.c52{background:#F5BE5B;}
.fcg_div>div.fcg_color.c53{background:#F3F064;}
.fcg_div>div.fcg_color.c54{background:#B8D465;}
.fcg_div>div.fcg_color.c55{background:#8AD465;}
.fcg_div>div:hover{
    color:white !important;
    background:#D2CC88 !important;
}
/*****************************
Customize
*****************************/
.dgreen{
    color:#84B148;
}
.link_color{
    color:#666;
    font-weight:bold;
}
.magenta{
    color:#D12B76;
}
.grayzone{
    background:#F9F9F9;
}
.warn_color{
    color:#EB564B!important;
}
.blue_color{
    color:#4f9aeb!important;
}
.uppercase{
    text-transform:uppercase;
}
.map::before{
    content:url("common/map.svg?01121653");
    margin-top:2em;
    padding-right:5px;
    position:relative;
    top:1px;
}
.map{
    color:#676767;
    font-style:italic;
}
.ul_flower>li::before{
    content:"\2055";
    margin-right:.5em;
    color:#71C837;
}
.h1{
    text-transform:uppercase;
    font-weight:bold;
    color:#D12B76;
}
.h2{
    font-weight:bold;
    color:#D12B76;
}
.h2_italic{
    font-style:italic;
    font-size:1em;
    color:gray;
}
.h3{
    color:#63606A;
    font-weight:bold;
    font-size:.9em;
    text-align:left;
}
.picture_code_input{
    display:table !important;
    width:100%;
    border-collapse:collapse;
}
.picture_code_input>div{
    display:table-cell;
    width:45%;
}
.picture_code_input>div:nth-of-type(2){
    width:10%;
    text-align:center;
}
.quote{
    padding-top:.9em;
    font-style:italic;
    color:#525252;
}
.quote:after{
  content: '\201E';
  padding-left:.4em;
  font-size:2em;
  line-height:0;
  color:#D12B76;
}
.quote:before{
  content: '\201C';
  padding-right:.4em;
  font-size:2em;
  line-height:0;
  color:#D12B76;
}
/************
Right button div
************/
.rbutdiv{
    display:inline-block;
    width:100%;
}
.rbutdiv>*{
    display:inline-block;
    width:auto;
    white-space:pre;
    float:right;
}
/************
Tree link
************/
.tree_link{
    display:table;
    border-collapse:separate;
    border-spacing:1em 1em;
    width:100%;
    background:white;
}
.tree_link>div{
    display:table-cell;
}
.tree_link>div>ul{
    display:inline-block;
    width:100%;
}
.tree_link>div>ul>li{
    display:inline-block;
    width:auto;
    padding-right:.8em;
    font-size:.8em;
}
.tree_link>div>ul>li:not(:last-child):after{
    content: '>';
    padding-left:.8em;
    color:#A1C4C1;
}
.tree_link>div>ul>li>span{
    color:#313131;
}
/*****************************
Old browser
*****************************/
#old_browser{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.2em .5em;
    background-color:white !important;
    font-style:italic;
}
#old_browser>div{
    display:table-cell;
    text-align:center;
    width:100%;
}
/************
Rating img
************/
.rating_img{
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.rating_img.ri1{background-image:url('common/rating/1.svg?01121653');}
.rating_img.ri2{background-image:url('common/rating/2.svg?01121653');}
.rating_img.ri3{background-image:url('common/rating/3.svg?01121653');}
.rating_img.ri4{background-image:url('common/rating/4.svg?01121653');}
.rating_img.ri5{background-image:url('common/rating/5.svg?01121653');}
/* rating_table_display */
.rating_table_display{
    display:inline-block;
    width:100%;
    text-align:center;
}
.rating_table_display>table{
    width:100%;
    max-width:20em;
    text-align:left;
    line-height:0;
    border-collapse:separate;
    border-spacing:0 1em;
    margin:0px auto;
}
.rating_table_display tr{
    line-height:normal;
}
.rating_table_display tr>td:nth-of-type(1){
    padding-right:1em;
}
.rating_table_display tr>td:nth-of-type(2){
    width:4em;
    background-position:center;
    background-repeat:no-repeat;
    background-size:4em 1em;
}
.rating_table_display .rt1{background-image:url('common/rating/d1.svg?01121653');}
.rating_table_display .rt2{background-image:url('common/rating/d2.svg?01121653');}
.rating_table_display .rt3{background-image:url('common/rating/d3.svg?01121653');}
.rating_table_display .rt4{background-image:url('common/rating/d4.svg?01121653');}
.rating_table_display .rt5{background-image:url('common/rating/d5.svg?01121653');}

/*****************************
Navigation
*****************************/
.tinscroll{
    float: left;
    overflow:auto;}
.tinscroll::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:0.5em;
    background-color: #F5F5F5;}
.tinscroll::-webkit-scrollbar{
    width: 0.5em;
    background-color: #F5F5F5;}
.tinscroll::-webkit-scrollbar-thumb{
    border-radius:0.5em;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #CBCCD1;}
/*****************************
Load
https://preloaders.net/
*****************************/
#load{
    display:table;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    position:fixed;
    z-index:9999999;
}
#load>div{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
#load>div>span{
    display:inline-block;
    width:100%;
    color:white;
    text-transform:uppercase;
    font-weight:bold;
    font-size:.9em;
    padding-bottom:.5em;
}
/*****************************
Messages
*****************************/
#messages{
    display:inline-block;
    min-width:10em;
    position:fixed;
    bottom:0;
    right:2em;
    z-index:10000000;
    margin:0;
}
@media screen and (max-width:800px){
	#messages{
	    bottom:30px;
	    right:0;
	}
}
#messages>li{
    position:relative;
    padding:.5em;
    padding-top:1.6em;
    margin:.5em;
    z-index:10000001;
    width:100%;
    max-width:20em;
    line-height:1.2em;
    background:rgba(40,40,40,.8);
    color:white !important;
}
#messages>li>div>span:nth-of-type(1){
    position:absolute;
    top:0;
    left:0;
    text-transform:uppercase;
    font-weight:bold;
    padding:.69em;
    padding-top:.6em;
    font-size:.8em;
}
#messages>li>div>span:nth-of-type(2){
    position:absolute;
    top:0;
    right:0;
    padding:.6em;
    padding-top:.2em;
    padding-bottom:.2em;
    cursor:pointer;
    color:white !important;
}
#messages>li>div>span:nth-of-type(2):hover{
    background:rgba(1,1,1,.5);
}
#messages>li.info{
    background:rgba(40,40,40,.8);
    color:white;
}
#messages>li.info>div>span:not(:nth-of-type(3)){
    display:none;
}
#messages>li.info{
    padding:.5em;
}
#messages>li.warning{
    background:rgba(255,167,98,.9);
    color:white;
}
#messages>li.error{
    background:rgba(238,55,61,.9);
    color:white;
}
/*********************
    messages popup
*********************/
#message_info_popup{
    background:white;
    padding-top:1em;
    padding-bottom:1em;
    max-width:30em;
    width:100%;
    margin:0 auto;
}
#message_info_popup.error_info{
    border:8px solid #EF7075;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#message_info_popup>div{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:1em 0;
    text-align:center;
}
#message_info_popup>div>div{
    display:table-row;
}
#message_info_popup>div>div>div{
    display:table-cell;
}
#message_info_popup>div>div:not(:last-child)>div{
    padding-top:.2em;
    padding-bottom:1em;
}
#message_info_popup .halign{
    margin-top:1em !important;
}
#message_info_popup #mip_radio{
    display:table;
    border-collapse:separate;
    border-spacing:10px 10px;
    width:100%;
}
#message_info_popup #mip_radio>div{
    display:table-row;
    width:100%;
}
#message_info_popup #mip_radio>div>div{
    display:table-cell;
    vertical-align:top;
}
#message_info_popup #mip_radio>div>:last-child{
    width:100%;
}
/*************************
       TABLE
*************************/
/* pagination */
.pagination{
    display:inline-block;
    text-align:left;
    width:100%;
    padding-top:.5em;
}
.pagination>div{
    display:table;
    table-layout:fixed;
    border-collapse:separate;
    border-spacing:10px 0px;
    text-align:center;
    width:100%;
}
.pagination>div>*{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    padding:.5em;
}
.pagination>div>a,
.pagination>div>span{
    display:table-cell;
    vertical-align:middle;
    padding-left:1em;
    padding-right:1em;
    width:1px;
    text-align:left;
}
.pagination>div>*:first-child{
    text-align:left;
    width:auto;
}
.pagination>div>*:last-child{
    text-align:right;
    width:auto;
}
.pagination a{
    text-decoration:none;
}
.pagination .pag_row{
    border-top:2px solid transparent;
    border-bottom:2px solid transparent;
}
.pagination .pag_row.selected{
    color:#D12B76;
    border-top:2px solid #D12B76;
    border-bottom:2px solid #D12B76;
    font-weight:bold;
    cursor:default;
}
.pagination .pag_row:not(.selected):hover{
    color:#D6D6D6;
    border-top:2px solid #D6D6D6;
    border-bottom:2px solid #D6D6D6;
}
/*************************
       IMG EDITABLE
*************************/
.img_editable{
    display:inline-block;
    position:relative;
    width:100%;
    line-height:0;
}
.img_editable>div.img_div{
    display:inline-block;
    width:100%;
}
.img_editable>div.img_div>img{
    top:0;
    left:0;
}
.img_editable:hover img{
    filter: brightness(.8);
}
.img_editable>div:not(.img_div){
    visibility:hidden;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
}
.img_editable.visible>div:not(.img_div){
    background:inherit;
    width:100%;
}
.img_editable.visible>div:not(.img_div),
.img_editable:hover>div:not(.img_div){
    visibility:visible;
}
.img_editable>div>.halign{
    position:absolute;
    right:.5em;
    bottom:.5em;
    width:auto !important;
    border-collapse:collapse !important;
    line-height:0 !important;
}
.img_editable>div>.halign>div{
    padding:0 !important;
    vertical-align:middle;
    line-height:0 !important;
}
.img_editable>div>.halign>div:not(:first-child){
    padding-left:.1em !important;
}
.img_editable>div>.halign .button_img{
    display:inline-block;
    width:2.5em;
    height:2.5em;
    filter: brightness(3) !important;
}
.img_editable>div>.halign .button_img:hover{
    opacity:.8;
    cursor:pointer !important;
}
.img_editable>div>.halign>div img{
    display:inline-block !important;
    width:2.5em !important;
    height:2.5em !important;
    padding:.25em !important;
}

/***************************************************
                JQUERY CROP
***************************************************/
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}
/*.jcrop-tracker{background-color:red;}*/
/***************************************************
                Magnific Popup
***************************************************/
.magnific{
    cursor:pointer;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10002;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-close {
  display:none !important;}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;}

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  padding-right:.3em;
  padding-left:.3em;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  height:1.2em;
  line-height:1em;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 1.87em;
  font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color:white;
  right:-6px;
  text-align:right;
  padding-right:6px;
  width:100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 0.8em;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 0.8em;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width:800px) and (orientation: landscape), screen and (max-height:300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 0px;
    padding-right: 0px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)
*/
#jssor_1_div{
    display:block !important;
    margin:0px auto !important;
}
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('common/a17.png?01121653') no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
/* jssor slider thumbnail navigator skin 01 css */
/*.jssort01 .p(normal).jssort01 .p:hover  (normal mouseover).jssort01 .p.pav(active).jssort01 .p.pdn(mousedown)*/
.jssort01 .p {position: absolute;top: 0;left: 0;width: 72px;height: 72px;}
.jssort01 .t {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.jssort01 .w {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
#jssor_1_div .x{display:inline-block !important;width:100% !important;text-align:center !important;background-color:#333333;}
#jssor_1_div .x img{margin:0px auto;}
.jssort01 .c {position: absolute;top: 0px;left: 0px;width: 68px;height: 68px;border: #000 2px solid;box-sizing: content-box;background:rgb(50,50,50);_background: none;}
.jssort01 .pav .c {top: 2px;_top: 0px;left: 2px;_left: 0px;width: 68px;height: 68px;border: #000 0px solid;_border: #fff 2px solid;background-position: 50% 50%;}
.jssort01 .p:hover .c {top: 0px;left: 0px;width: 70px;height: 70px;border: #fff 1px solid;background-position: 50% 50%;}
.jssort01 .p.pdn .c {background-position: 50% 50%;width: 68px;height: 68px;border: #000 2px solid;}
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {/* ie quirks mode adjust */width /**/: 72px;height /**/: 72px;}
.jssor__descr{
    display:inline-block;
    position:absolute;
    bottom:0px;
    left:0px;
    width:800px;
    height:auto;
    background-color:rgba(0,0,0,.6) !important;
    color:white;
    font-size:1.2em;
    text-align:center;
    font-style:italic;
    padding-top:.6em;
    padding-bottom:.6em;
    z-index:100;
}
/***************************************************
                Text editor
***************************************************/
#editor_edit{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.5em 1em;
	background:white;
}
#editor_edit>div{
	display:table-cell;
	text-align:center;
}
#editor_edit>div>div{
	display:inline-block;
	text-align:left;
	width:100%;
	max-width:60em;
	margin:0px auto;
	text-align:left;
}
#editor_edit>div>div>h1{
	display:inline-block;
	text-align:left;
	width:100%;
	text-align:center;
	padding-bottom:1em;
}
#editor_edit textarea{
	display:none !important;
}
#editor_edit .checkbox_left{
	width:auto;
	vertical-align:center;
	margin-top:1em;
	margin-bottom:1em;
}
#editor_edit>div>div>.halign:not(:last-child){
	margin-bottom:1.5em;
}

 /* // LineControl editor */
/*********************
    popup content
*********************/
.popup_content{
    display:table;
    border-collapse:separate;
    border-spacing:1em 1em;
    background:white;
    max-width:40em;
    width:100%;
    margin:0 auto;
}
.popup_content>div{
    display:table-cell;
}
.popup_content>div>div.halign>div{
    vertical-align:top !important;
}
.popup_content>div>div.halign:last-child{
    margin-top:2em;
}
.popup_content h1{
    text-align:center;
    width:100%;
    margin-bottom:1em;
}
.popup_content label{
    display:inline-block;
    width:100%;
    margin-top:1em !important;
}
.popup_content .checkbox_left{
    margin-top:1em !important;
}
.popup_content .form_info{
    margin-top:.5em;
}
/* Popup head */
.popup_head{
    display:table;
    border-collapse:collapse;
    width:100%;
    margin-bottom:.5em;
}
.popup_head>div{
    display:table-cell;
    vertical-align:middle;
}
.popup_head>div:not(:first-child){
    float:right;
}
.popup_head h1{
    text-align:left;
    padding:0 !important;
    margin:0 !important;
}
.popup_head .button{
    padding:.6em;
}

/*************************
       DATE PICKER
*************************/
#datepicker{
    position:absolute;
    top:0;
    left:0;
    z-index:100000;
    display:inline-block;
    background:white;
    border:2px solid #D12B76;
    padding:.3em;
}
#datepicker a{
    text-decoration:none;
}

#datepicker>.dp_head{
    display:table;
    text-align:center;
    width:100%;
    font-size:.9em;
    color:#D12B76;
    text-align:center;
    font-weight:bold;
}

#datepicker>.dp_head>a{
    display:table-cell;
    padding-left:1em;
    padding-right:1em;
}

#datepicker>.dp_head>span:nth-of-type(2){
    display: table-cell;
    width: 100%;
}

#datepicker>.dp_table{
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: .2em .2em;
    table-layout: fixed;
}

#datepicker>.dp_table>div:first-child {
    display: table-header-group;
}

#datepicker>.dp_table>div:nth-of-type(2) {
    display: table-row-group;
}

#datepicker>.dp_table>div>div {
    display: table-row;
}

#datepicker>.dp_table>div:first-child>div>div {
    display: table-cell;
    font-size: .6em;
    color:#A8A8A8;
    text-align: center;
    font-weight: bold;
}

#datepicker>.dp_table>div>div>span{
    display: table-cell;
    text-align: center;
    color: #B9B9B9;
}

#datepicker>.dp_table>div>div>a.bckgrd_hover{
    display: table-cell;
    text-align: center;
    background: #EDEDED;
    color: #4E4E4E;
}
#datepicker>.dp_table>div>div>.today{
    background:#EFB0CE !important;
}
#datepicker>.dp_table>div>div>.selected{
    background:#D12B76 !important;
    color:white !important;
    font-weight:bold;
}
#datepicker>.dp_table>div>div>a.bckgrd_hover:not(.selected):hover{
    background:#C0C0C0 !important;
}
/*****************************
ARTICLE MAIN
*****************************/
#am_no_pic{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.3em .3em;
	background:#fefbe7;
	margin-bottom:10px;
}
#am_no_pic>div{
	display:table-cell;
	text-align:center;
}
#am_no_pic>div>div{
	display:inline-block;
	width:100%;
	max-width:50em;
	margin:O auto;
}
#am_no_pic>div>div>*{
	display:inline-block;
	width:100%;
	margin-top:.3em;
	margin-bottom:.3em;

}
#article_main_list{
	background:white;
	padding-top:1em;
	margin-bottom:.5em;
}
#article_main_list>li{
	display:inline-block;
	width:100%;
}
#article_main_list>li.empty{
	 margin-bottom:3em;
}
#article_main_list>li:first-child:not(:last-child){
	display:none;
}
#article_main_list>li>div{
	display:table;
	border-collapse:separate;
	border-spacing:.3em .5em;
	width:100%;
	max-width:50em;
	margin:0 auto;
}
#article_main_list>li>div>div{
	display:table-cell;
}
#article_main_list>li .aml_head{
	display:table;
	border-collapse:collapse;
	width:100%;
	margin-bottom:.5em;
}
#article_main_list>li .aml_head>div{
	display:table-cell;
	vertical-align:middle;
}
#article_main_list>li .aml_head>div>h2{
	display:inline-block;
	line-height:1.2em;
	min-width:100%;
}
#article_main_list>li .aml_head>div:nth-of-type(2){
	padding-left:.5em;
	width:1px;
}
#article_main_list>li p.lowerlabel{
    font-style:normal !important;
}
#article_main_list>li .aml_author{
	display:table;
	border-collapse:collapse;
	width:100%;
	margin-top:.5em;
}
#article_main_list>li .aml_author>div{
	display:table-cell;
	vertical-align:top;
}
#article_main_list>li .aml_author>:first-child{
	width:1px;
	padding-right:.5em;
}
#article_main_list>li .aml_author>:first-child>img{
	width:2.8em;
}
#article_main_list>li .aml_author>:last-child>*{
	display:inline-block;
	width:100%;
}
#article_main_list>li .aml_author a{
  font-size:.9em;
}
#article_main_list>li .aml_cont{
	display:table;
	border-collapse:collapse;
	width:100%;
}
#article_main_list>li .aml_cont>*{
	display:table-cell;
	vertical-align:top;
}
#article_main_list>li .aml_cont>:first-child{
	width:1px;
	padding-right:.5em;
	text-align:center;
}
#article_main_list>li .aml_cont>:first-child iframe,
#article_main_list>li .aml_cont>:first-child img{
    object-fit:cover;
    width:19em;
    height:11.4em;
}
#article_main_list>li .aml_cont>a:hover iframe,
#article_main_list>li .aml_cont>a:hover img{
  opacity:.8;
	filter:grayscale(40%);
}
#article_main_list>li .aml_date{
  display:inline-block;
  width:100%;
}
#article_main_list>li .aml_date>span{
  display:inline;
  width:auto;
  margin-right:.3em;
  font-size:0.7em;
}
#article_main_list>li .aml_date>a{
  font-size:.85em;
  border-radius:1em;
  padding-left:.5em;
  padding-right:.5em;
  opacity:.8;
  margin-right:.4em;
}
#article_main_list>li .aml_date>a:hover{
  border:1px solid #666 !important;
  color:#666 !important;
}
#article_main_more{
	display:inline-block;
	width:100%;
	padding:.5em;
	margin-top:10px;
	background:white;
	margin-bottom:20px;
	text-align:center;
}
#article_main_list .reporting_content{
	border-color:transparent !important;
}
#article_main_list>li .gbutton,
#article_main_list>li .button{
	line-height:normal;
    min-width:5.5em;
}
@media screen and (max-width:800px){
	#article_main_list>li .aml_cont,
	#article_main_list>li .aml_cont>*{
		display:inline-block;
		padding:0 !important;
		width:100% !important;
	}
	#article_main_list>li .aml_cont>:first-child{
	    width:16em;
	    height:9em;
	}
	#article_main_list>li .aml_cont>:first-child iframe,
	#article_main_list>li .aml_cont>:first-child img{
	    width:16em;
	    height:9em;
	}

}
/*****************************
ARTICLE DETAILS
*****************************/
#article_details{
	display:inline-block;
	width:100%;
	text-align:center;
	background:white;
}
#article_details>div{
	display:table;
	width:100%;
	margin:0px auto;
	max-width:60em;
	border-collapse:separate;
	border-spacing:.3em 1em;
}
#article_details>div>div{
	display:table-cell;
	text-align:left;
}
#article_details #ad_head_link{
	display:table;
    vertical-align:top;
    width:100%;
    border-spacing:0 0;
}
#article_details #ad_head_link>div{
	display:table-cell;
}
#article_details #ad_head_link>div:nth-of-type(2){
	text-align:right;
}
#article_details .art_workshop_link{
	display:inline-block;
	width:100%;
	line-height:normal;
	margin-bottom:1em;
	color:red;
}
#article_details .art_workshop_link>a::before{
	content:'<<';
	padding-right:.5em;
}
#article_details .art_edit{
	display:table;
	width:100%;
	border-collapse:collapse;
}
#article_details a:visited {color: #84B148; text-decoration:none !important}
#article_details a:link{color: #84B148; text-decoration:none !important}
#article_details .art_edit>div{
	display:table-cell;
	vertical-align:top;
	text-align:right;
    border-bottom:1px solid #DEDEDE;
}
#article_details #art_header{
	display:table;
	width:100%;
	border-collapse:collapse;
	margin-bottom:1em;
}
#article_details #art_header>div{
	display:table-cell;
	vertical-align:top;
}
#article_details .art_section{
	display:inline-block;
	width:100%;
	padding-bottom:1em;
}
#article_details #art_keyword>span{
	display:inline-block;
	font-style:italic;
	color:gray;
	background:#DEDEDE;
	padding:.2em;
	padding-left:.4em;
	padding-right:.4em;
}
#article_details #art_keyword>span:not(:last-child){
	margin-right:.3em;
}
#article_details #ad_video{
	display:inline-block;
	width:100%;
	text-align:center;
}
#article_details #ad_video>iframe{
	display:inline-block;
	margin:0 auto;
	width:32em;
	height:18em;
}
@media screen and (max-width:800px){
	#article_details #ad_video>iframe{
		width:16em;
		height:9em;
	}
}
#article_details #art_content{
	margin-top:3em;
}
#article_details #art_content_edit textarea{
	display:none !important;
}
#article_details #art_content .reporting_content{
	border-width:0px !important;
}
#article_details .halign{
	margin-top:2em;
}
#article_details #art_picture{
	margin-top:3em;
}
#article_details>div>div>.halign:last-child{
	margin-top:3em;
}
#article_details #chat{
	margin-top:2em;
}
/*****************************
CATEGORY
*****************************/
.cat1_text{
    color:#CE72CE; /* zerowaste */
}
.cat2_text{
    color:#7CE02D; /* alimentation */
}
.cat3_text{
    color:#64C1D6; /* dwell */
}
.cat4_text{
    color:#EE7A5D; /* mobility */
}
.cat5_text{
    color:#EF7E1E; /* kids */
}
.cat6_text{
    color:#C2BD50FF; /* digital */
}
.cat8_text{
    color:#B3B3B3; /* energy */
}
.cat9_text{
    color:#224C8A; /* water */
}
.cat10_text{
    color:#5E813F; /* biodiversity */
}
.cat1000_text{
    color:#71C4E8; /* Others */
}
a:hover .cat1_text,a:hover .cat2_text,a:hover .cat3_text,a:hover .cat4_text,
a:hover .cat5_text,a:hover .cat6_text,a:hover .cat7_text,a:hover .cat8_text,
a:hover .cat9_text,a:hover .cat10_text,a:hover .cat1000_text{
    color:#D6D6D6!important;
}

/*****************************
CHAT
*****************************/
#chat{
    display:table;
    border-collapse:separate;
    border-spacing:1em 1em;
    width:100%;
}
@media screen and (max-width:800px) {
    #chat{border-spacing:.3em 1em;}
}
#chat>div{
    display:table-cell;
    text-align:center;
}
#chat>div>div{
    display:inline-block;
    width:100%;
    max-width:60em;
    text-align:left;
    margin:0px auto;
}
#chat .chat_form{
    display:table !important;
    width:100% !important;
    border-collapse:collapse !important;
}
#chat .chat_form>div{
    display:table-cell !important;
    vertical-align:top;
}
#chat .chat_form>:first-child{
    padding-right:.4em;
    width:100%;
}
#chat .chat_form>div:last-child>*{
    height:4.2em;
}
#chat .chat_list .chat_form textarea{
    height:2.45em;
}
#chat .chat_list .chat_form>div:last-child>*{
    height:2.45em;
    line-height:0;
}

#chat ul.chat_list{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:0 1.5em;
}
#chat ul.chat_list ul.chat_list{
    border-spacing:0 .5em;
}
#chat .chat_list li{
    display:table-row;
}
#chat .chat_list li>div{
    display:table-cell;
    vertical-align:top;
}
#chat .chat_list li>div:first-child{
    width:1px;
    padding-right:.5em;
}
#chat .chat_list .big_img,
#chat .chat_list .default_prof_big_img,
#chat .chat_list .img,
#chat .chat_list .default_prof_img{
    border-radius:10em;
}
#chat .chat_list .chl_head{
    display:table;
    width:100%;
    border-collapse:collapse;
}
#chat .chat_list .chl_head>div{
    display:table-cell;
    vertical-align:top;
}
#chat .chat_list .chl_head>div:last-child{
    width:1px;
    text-align:right;
    line-height:.5em;
}
#chat .chat_list .chl_schedule{
    display:inline-block;
    width:100%;
    height:.3em;
    position:relative;
}
#chat .chat_list .chl_schedule>*{
    position:absolute;
    top:-1.1em;
    left:0;
}
/* Popup chat edit */
#pchat_edit #pc_table{
    margin-top:1em;
    width:100%;
}
#pchat_edit #pc_table table{
    width:100%;
}
#pchat_edit #pc_table .quote{
    display:inline-block;
    margin-top:.5em;
}
/*****************************
MANAGER
*****************************/
#manager_main_table{
    display:inline-block;
    width:100%;
    text-align:center;
    padding-top:1em;
    padding-bottom:1em;
}
#manager_main_table>div{
    display:inline-block;
    width:100%;
    max-width:60em;
    margin:0 auto;
    text-align:left;
}
#manager_main_table>div>ul,
#mpt_headtxt{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.5em .5em;
    margin-bottom:1em;
}
#mpt_headtxt>div{
    display:table-cell;
    vertical-align:top;
}
#mpt_headtxt>div>div{
    display:inline-block;
    width:100%;
    text-align:center;
}
#mpt_headtxt>div>div>a{
    display:inline-block;
    width:auto;
}
#mpt_headtxt #mpt_headimg>img{
    height:5em;
}
#manager_main_table>div>ul>li{
    display:table-row;
    width:100%;
}
#manager_main_table>div>ul>li>div{
    display:table-cell;
    vertical-align:top;
    padding-top:1.5em;
}
#manager_main_table>div>ul>li>:first-child{
    width:1px;
}
#manager_main_table>div>ul>li>div>img{
    width:4em;
}
#manager_main_table>div>ul>li>div>a{
    display:inline-block;
    width:100%;
}
#manager_main_table>div>ul>li p{
    text-align:justify !important;
    text-justify:inter-word;
}
@media screen and (max-width:800px){
	#manager_main_table>div>ul>li p{
	    text-align:left !important;
	}
}
#manager_details{
    display:table;
    margin-bottom:.5em;
    line-height:0;
    padding:0;
    border-collapse:separate;
    border-spacing:.5em 1.5em;
    width:100%;
    background:white;
}
#manager_details>div{
    display:table-cell;
    line-height:normal;
    text-align:center;
}
#manager_details #md_main{
    display:table;
    border-collapse:collapse;
    margin:0 auto;
    width:100%;
    max-width:60em;
}
#manager_details #md_main>div{
    display:table-cell;
    vertical-align:top;
    text-align:left;
}
#manager_details #md_main>div:first-child{
    width:1px;
    position:relative;
}
#manager_details #md_main>div:first-child>img{
    width:10em;
    margin-right:1em;
}
#manager_details #md_main>div:first-child>div{
    position:absolute;
    left:6.7em;
    top:7em;
    width:4em;
}
#manager_details #md_main>div:first-child>div>img{
    width:4em;
}
#manager_details #md_main #md_coach{
    display:inline-block;
    width:10em;
    text-align:center;
    font-weight:normal;
    margin-top:.4em;
    margin-right:1em;
    font-weight:bold;
}
#manager_details #md_main #md_header{
    display:table;
    border-collapse:collapse;
    width:100%;
}
#manager_details #md_main #md_header>div{
    display:table-cell;
    vertical-align:top;
}
#manager_details #md_main #md_header>:first-child{
    width:100%;
}
#manager_details #md_main #md_header>:nth-of-type(2){
    padding-left:.5em;
}
#manager_details #md_main button{
    margin-top:1em;
}
#manager_details #md_main button,
#manager_details .md_padding_bot{
    margin-top:1em;
}
#manager_details #md_main .md_data{
    display:inline-block;
    width:100%;
    margin-top:1em;
    margin-bottom:.5em;
}
@media screen and (max-width:800px){
    #manager_details #md_main{
        display:inline-block !important;
        width:100% !important;
    }
    #manager_details #md_main>div{
        display:inline-block !important;
        width:100% !important;
    }
    #manager_details #md_main>div:first-child{
        display:inline-block !important;
        text-align:center !important;
        width:10em !important;
    }
    #manager_details #md_main>div:first-child>img{
        margin-right:0;
    }
    #manager_details #md_main #md_coach{
        margin-right:0;
    }
    #manager_details #md_main>div>h1,
    #manager_details #md_main>div>.label{
        text-align:center;
    }
    #manager_details #md_main>div>h1{
        padding-top:.5em;
    }
}
#manager_details #md_workshop{
    display:inline-block;
    width:100%;
    padding-top:4em;
    text-align:left;
    margin:0 auto;
    max-width:60em;
}
#popup_business_switch{
    display:inline-block;
    width:100%;
    margin:0 auto;
}
#popup_business_switch>div{
    display:inline-block;
    width:100%;
}
#popup_business_switch>div>a{
    display:table;
    border-collapse:collapse;
    width:auto;
    float:left;
    line-height:0;
    margin-top:.6em;
    margin-bottom:.6em;
}
#popup_business_switch>div>a>div{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}
#popup_business_switch>div>a>div:first-child>img{
    display:inline-block;
    width:2.5em;
    margin:.2em;
}
#popup_business_switch>div>a>div:last-child{
    width:auto;
    padding-left:.3em;
    padding-right:2em;
    vertical-align:middle;
}
/*****************************
MAPS
*****************************/
#mapid_title{
    display:table;
    width:100%;
    background:white;
    padding-top:1em;
    padding-bottom:.6em;
    text-align:center;
	border-collapse:separate;
	border-spacing:1em 0;
}
#mapid_title>div{
    display:table-cell;
    vertical-align:middle;
}
#mapid_title>div:first-child:last-child{
    text-align:center;
}
#mapid_title>div:not(:last-child){
    text-align:right;
}
#mapid_title>div:not(:first-child){
    text-align:left;
    width:1px;
}
#mapid_title span{
    display:inline-block;
    text-align:center;
    width:100%;
    font-size:1.2em;
    font-weight:bold;
}
#mapid_title .gbutton{
    display:inline-block;
    width:auto;
    padding-left:1em;
    padding-right:1em;
    white-space:pre;
}
#mapid_title .link{
    display:inline-block;
    text-align:center;
}
#mapid_title #mpt_headtxt{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.5em .5em;
}
#mapid_title #mpt_headtxt>div{
    display:table-cell;
    vertical-align:middle;
}
#mapid_title #mpt_headtxt img{
    height:3em;
}
#mapid_div{
	display:inline-block;
	width:100%;
	position:relative;
}
#mapidlink{
	display:inline-block;
	width:auto;
	position:absolute;
	z-index:50;
	top:11px;
	right:11px;
	display:inline-block;
	border-radius:1em;
	background:white;
	border:2px solid #666;
  box-shadow:1px 2px 4px rgba(0, 0, 0, .2);
  padding-left:.4em;
  padding-right:.4em;
  padding-top:.2em;
  padding-bottom:.2em;
  font-size:.9em;
}
#mapidlink:hover{
	border-color:#AAAAAA;
    color:#AAAAAA;
}
#mapid{
	z-index:0 !important;
	width:100%;
	height:100%;
}
#mapid .leaflet-popup-content-wrapper{
	display:inline-block !important;
}
#mapid .mapid_marker .h2{
	display:inline-block;
	width:100%;
	text-align:center;
}
#mapid .tinscroll{
	display:block;
	width:100%;
    max-height:30em;
}
#mapid .tinscroll>div{
	display:table;
	width:100%;
}
#mapid .tinscroll>div>div{
	display:table-cell;
	width:100%;
}
#mapid .mapid_marker ul{
	display:table;
	width:100%;
	border-collapse:collapse;
}
#mapid .mapid_marker ul>li{
	display:table-row;
}
#mapid .mapid_marker ul>li>div{
	display:table-cell;
	vertical-align:top;
	padding-top:.6em;
}
#mapid .mapid_marker ul>li>:first-child>img{
	width:2.5em;
	margin-right:.5em;
}
#mapid .mapid_marker ul>li>:last-child{
	width:100%;
}
#mapid .mapid_marker ul>li>:last-child>*{
	display:inline-block;
	width:100%;
}

#mapid .mapid_marker .mapid_unauth_member{
    display:inline-block;
    color:gray;
    padding-left:.3em;
    padding-right:.3em;
    margin-top:.4em;
}
#mapid .mapid_marker .mapid_unauth_member>span{
    display:inline-block;
	white-space:pre;
    padding-left:.3em;
    padding-right:.3em;
}
#mapid .mapid_marker .mapid_workshop{
    display:inline-block;
    color:gray;
}
#mapid .mapid_marker .mapid_workshop>span{
    display:inline-block;
	white-space:pre;
    padding-left:.3em;
    padding-right:.3em;
}
#mapid .mapid_marker .mapid_workshop>span:not(:first-child){
    display:inline-block;
    text-align:left;
	color:white;
    margin:.4em;
    margin-top:.1em;
    margin-bottom:.1em;
}
#mapid .mapid_marker .mapid_workshop>:first-child{
    display:inline-block;
	width:100%;
    margin-top:1em;
    border-top:1px solid gray;
    padding-top:.1em;
}
#mapid .color1{background:#C95C5C;}
#mapid .color2{background:#84B247;}
#mapid .color3{background:#F1C545;}
#mapid .color4{background:#3171AC;}
#mapid .color6{background:#A54095;}
#mapid .color1000{background:#EFEB4D;}

/*****************************
NEWSLETTER EMAIL
*****************************/
#newsletteremail{
	display:table;
	width:100%;
	background:white;
	border-collapse:separate;
	border-spacing:.2em 1em;
}
#newsletteremail>div{
	display:table-cell;
}
#newsletteremail>div>h1{
	display:inline-block;
	width:100%;
	text-align:center;
	padding-top:1em;
	padding-bottom:1em;
}
#newsletteremail .h3{
	display:inline-block;
	width:100%;
	text-align:center;
	padding-top:1em;
}
#newsletteremail>div>div{
    display:inline-block;
    width:100%;
    text-align:center;
    padding-bottom:1em;
}
#newsletteremail .smallbutton{
    width:auto;
    text-align:center;
}
#newsletteremail .h3{
	display:inline-block;
	width:100%;
	text-align:center;
	padding-top:1em;
}
#newsletteremail table{
	margin:0px auto;
	width:100%;
	max-width:20em;
	border-collapse:separate;
	border-spacing:.5em 0em;
	table-layout:fixed;
	text-align:left;
	line-height:0;
}
#newsletteremail table>tbody>tr{
	line-height:normal;
}
#newsletteremail table>tbody>tr>:last-child>span{
	text-align:right;
}
#newsletteremail .halign{
	margin:0px auto;
	margin-top:2em;
	width:100%;
	max-width:20em;
}

/*****************************
PARTICIPANT
*****************************/
/* Participant popup edit */
#pchat_edit{
    max-width:30em;
}
#pchat_edit #pchat_but{
    margin-top:1em;
}
#pchat_edit #pc_table{
    margin-top:1em;
    width:100%;
}
#pchat_edit #pc_table table{
    width:100%;
}
#pchat_edit #pc_table .quote{
    display:inline-block;
    margin-top:.5em;
}

/*****************************
PICTURE GALLERY
*****************************/
#picture_gallery{
    width:100%;
    margin:0px auto;
    margin-top:1em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #E2E2E2;
    padding:.5%;
    padding-top:.3em;
    padding-bottom:.3em;
}
#picture_gallery .pg_img_div{
    display:table;
    width:100%;
    border-collapse:collapse;
    position:relative;
    line-height:0;
    background:#EFEFEF;
}
#picture_gallery .pg_img_div>div{
    display:table-cell;
    vertical-align:bottom;
}
#picture_gallery .pg_img_c{
    width:100%;
    vertical-align:middle !important;
    text-align:center;
}
#picture_gallery .pg_img_c>img{
    width:100%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
#picture_gallery .pg_img_l{
    position:absolute;
    vertical-align:bottom;
    top:0;
    left:0;
    width:2em;
    height:100%;
    background-color:rgba(0,0,0,0.3);
    text-align:center;
    cursor:pointer;
    visibility:hidden;
    color:#CDCDCD;
}
#picture_gallery:hover .pg_img_l{visibility:visible;}
#picture_gallery .pg_img_r{
    position:absolute;
    top:0;
    right:0;
    width:2em;
    height:100%;
    background-color:rgba(0,0,0,0.3);
    text-align:center;
    cursor:pointer;
    visibility:hidden;
    color:#CDCDCD;
}
#picture_gallery:hover .pg_img_r{visibility:visible;}
#picture_gallery.pg_edit .pg_img_l,
#picture_gallery.pg_edit .pg_img_r{
    display:none;
}
#picture_gallery .pg_img_l:hover,
#picture_gallery .pg_img_r:hover{
    background-color:rgba(0,0,0,0.5);
    color:white;
}
#picture_gallery .pg_img_r>div,
#picture_gallery .pg_img_l>div{
    display:table;
    width:100%;
    height:100%;
}
#picture_gallery .pg_img_r>div>div,
#picture_gallery .pg_img_l>div>div{
    display:table-cell;
    vertical-align:middle;
}
#picture_gallery .pg_img_l>div>div>span:before{
  content: "\2B05";
}
#picture_gallery .pg_img_r>div>div>span:before{
  content: "\27A1";
}
#picture_gallery .pg_img{
  width:auto !important;
}
#picture_gallery .pg_cont{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:1em 1em;
    background:#F9F9F9;
    margin-top:.3em;
}
#picture_gallery.pg_edit .pg_cont{
    display:none;
}
#picture_gallery .pg_cont_read_descr{
    dislay:inline-block;
    width:100%;
    font-style:italic;
    font-size:.9em;
    text-align:center;
    padding-top:.3em;
    padding-bottom:.3em;
}
#picture_gallery .pg_cont>div{
    display:table-cell;
    vertical-align:top;
}
#picture_gallery .pg_cont>div:last-child>div{
    float:right;
    width:auto !important;
}
#picture_gallery .halign{
    margin:0 !important;
    padding:0 !important;
}
#picture_gallery .halign .button_img{
    display:inline-block;
    width:2.5em;
    height:2.5em;
}
#picture_gallery .halign .button_img:hover{
    opacity:.6;
    cursor:pointer !important;
}
#picture_gallery .halign .button_img>img{
    display:inline-block;
    width:1.5em;
    height:1.5em;
}
#picture_gallery.pg_edit .pg_cont_edit{
    display:table;
    width:100%;
}
#picture_gallery:not(.pg_edit) .pg_cont_edit{
    display:none;
}
#picture_gallery .pg_cont_edit input[type=number]{
    background:white;
}
#picture_gallery .pg_cont_edit input[type=text]{
    margin-bottom:.6em;
    background:white;
}
#picture_gallery .but_valign .abutton{
    padding-top:.4em !important;
    padding-bottom:.4em !important;
}
/*********************
Picture form
*********************/
#picture_form{
    display:table;
    background-color:white;
    border-collapse:separate;
    border-spacing:1em 1em;
    width:100%;
    max-width:40em;
    margin:0px auto;
}
#picture_form>div{
    display:table-cell;
}
#picture_form h2{
    display:inline-block;
    width:100%;
    text-align:center;
}
#photo_popup label{
    display:inline-block;
    width:100%;
}
#photo_popup img{
    display:inline-block;
    width:100%;
}
#photo_popup #ppc_file_load{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:3em 2em;
}
#photo_popup #ppc_file_load>div{
    display:table-cell;
    width:100%;
    margin:0px auto;
    border:1px solid #969696;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    padding-top:1em;
    padding-bottom:1em;
    cursor:pointer;
    color:#828282;
}
#photo_popup #ppc_file_load>div:hover{
  background: #969696;
  color:white !important;
}
#photo_popup #ppc_file_load>div>span{
    display:inline-block;
    width:100%;
    margin:0px auto;
    font-weight:bold;
    font-size: .9em;
    text-transform:uppercase;
}
#photo_popup .halign{
    margin-top:1em;
}
/*********************
Profile
*********************/
/* Profile image icon */
.default_prof_img,.default_prof_big_img{
  display:inline-block;
  text-align:center;
  vertical-align:bottom;
  line-height:0;
  position:relative;
  text-align:center;
}
.default_prof_img>span,
.default_prof_big_img>span{
    display:inline-block;
    width:100%;
    left:0;
    top:19px;
    font-size:20px;
    font-family:Arial;
    font-weight:bold;
    font-style:italic;
    vertical-align:middle;
    color:white !important;
    position:absolute;
    text-align:center;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.default_prof_img,.img{
	width:36px;
    height:36px;
    border-radius:36px;
}
.default_prof_big_img,.big_img{
	width:50px;height:50px;
    border-radius:50px;
}
.default_prof_big_img>span{top:26px;font-size:30px;}
.default_prof_img.dpi0,.default_prof_big_img.dpi0{background-color:#FBD791;}
.default_prof_img.dpi1,.default_prof_big_img.dpi1{background-color:#FBAF91;}
.default_prof_img.dpi2,.default_prof_big_img.dpi2{background-color:#FB91AF;}
.default_prof_img.dpi3,.default_prof_big_img.dpi3{background-color:#E691FB;}
.default_prof_img.dpi4,.default_prof_big_img.dpi4{background-color:#BC91FB;}
.default_prof_img.dpi5,.default_prof_big_img.dpi5{background-color:#91B4FB;}
.default_prof_img.dpi6,.default_prof_big_img.dpi6{background-color:#91E1FB;}
.default_prof_img.dpi7,.default_prof_big_img.dpi7{background-color:#91FBD8;}
.default_prof_img.dpi8,.default_prof_big_img.dpi8{background-color:#BCFB91;}
.default_prof_img.dpi9,.default_prof_big_img.dpi9{background-color:#FBF591;}
.default_prof_img.dpi,.default_prof_big_img.dpi{background-color:#E9E9E9;color:#aaaaaa !important;}

/* Profile interface */
#profile{
    display:inline-block;
    width:100%;
    text-align:center;
    background-color:white;
    padding-bottom:4em;
}
#profile>div{
    display:table;
    border-spacing:1em 1em;
    border-collapse:separate;
    width:100%;
    max-width:40em;
    margin:0px auto;
    margin-top:2em;
}
#profile>div>div{
    display:table-cell;
}
#profile #profile_img{
    display:inline-block;
    width:100%;
    margin-bottom:2em;
}
#profile #profile_img>div{
    display:inline-block;
    max-width:14em;
    margin:0px auto;
}
#profile #profile_img .img_editable{
    display:inline-block;
    width:14em;
    margin-top:1em;
}
#profile #profile_img .img_editable img{
    display:inline-block;
    width:100%;
    border-radius:1em;
}
#profile #profile_img #profile_medal{
    display:inline-block;
    width:100%;
    height:0 !important;
    position:relative;
    background:white !important;
    line-height:0 !important;
    padding:0 !important;
    margin:0 !important;
}
#profile #profile_img #profile_medal>img{
    position:absolute;;
}
#profile .profile_section{
    display:table;
    width:100%;
    border-collapse:collapse;
    margin-bottom:2em;
}
#profile .profile_section>div{
    display:table-cell;
    vertical-align:top;
}
#profile .profile_section>div:last-child{
    width:1px;
    padding-left:1em;
}
#profile .profile_section>div:first-child{
    padding-top:.5em;
}
#profile #profile_fullname{
    font-weight:bold;
}
#profile #p_main,
#profile #profile_medal{
    margin:0 !important;
}
#profile #profile_medal>div>img{
	width:100%;
	max-width:6em;
	padding-bottom:1em;
}
#profile #profile_delete{
    display:inline-block;
    width:100%;
    text-align:left;
}
#profile_calculator{
    margin-top:1em;
    margin-bottom:1em;
    width:100%;
    text-align:center;
}
#profile_calculator img{
    height:24px;
}
#profile_calculator tr>th{
    background:#F0C344;
    line-height:.8em;
}
#profile_calculator tr>th:first-child{
    background:transparent;
}
#profile_calculator tr>th:first-child>img{
    height:50px;
}
@media screen and (max-width:800px){
    #profile_calculator tr>th:first-child>img{
        height:30px !important;
    }
}
#profile_calculator tbody>*{
    background:#F8F5F0;
    color:#CCCCCC;
}
#profile_calculator tbody>:first-child{
    background:#D7F8C9;
    color:#808080;
}
#profile_calculator .cc_empty{
    width:100%;
    font-style:italic;
    color:gray;
    font-size:0.7em;
    text-transform:uppercase;
    text-align:center;
    font-weight:normal !important;
    background:#EFEFEF;
}
#profile_calculator tbody>tr>td{
    font-size:.8em;
}
#profile_calculator tbody>tr>:last-child{
    font-weight:bold;
}
#profile_calculator tr>th>span{
    display:inline-block;
    width:100%;
    font-size:.7em;
    white-space:pre;
    color:white;
    font-weight:normal;
}
#profile_calculator caption{
   caption-side:bottom;
   font-size:.8em;
   color:gray;
}
.co_user_list{
    width:100%;
}
.co_user_list>li{
    display:table;
    float:left;
    margin-bottom:.5em;
    line-height:0;
    padding:0;
    border-collapse:separate;
    border-spacing:.2em .2em;
    margin-top:.5em;
    margin-bottom:.5em;
    background:white;
}
.co_user_list>li>div{
    display:table-cell;
    vertical-align:middle;
    line-height:normal;
}
.co_user_list>li>div:first-child{
    width:1px;
    line-height:0;
    padding-right:.5em;
}
.co_user_list>li>div:first-child>img{
    width:4em;
}
.co_user_list>li>div:nth-of-type(2)>.ico_headbut{
    display:table;
    border-collapse:collapse;
}
.co_user_list>li>div:nth-of-type(2)>.ico_headbut>div{
    display:table-cell;
    vertical-align:middle;
}
.co_user_list>li>div:nth-of-type(2)>.ico_headbut>div:first-child{
    width:100%;
}
.co_user_list>li>div:nth-of-type(2)>.ico_headbut>div:not(:last-child){
    padding-right:.3em;
}
.co_user_list>li>div:nth-of-type(3){
    padding-left:.2em;
    padding-right:.2em;
    width:1px;
    line-height:0;
}
@media screen and (min-width:1000px){
    .co_user_list>li{
        width:49.5%;
        margin-left:.5%;
        margin-right:.5%;
    }
    .co_user_list>li:nth-of-type(2n){margin-right:0;}
    .co_user_list>li:nth-of-type(2n+1){margin-left:0;}
}
@media screen and (min-width:1300px){
    .co_user_list>li{
        width:32.666%;
        margin-left:.5% !important;
        margin-right:.5% !important;
    }
    .co_user_list>li:nth-of-type(3n){margin-right:0 !important;}
    .co_user_list>li:nth-of-type(3n+1){margin-left:0 !important;}
}
@media screen and (max-width:1000px){
    .co_user_list>li{
        width:100% !important;
        margin-left:0;
        margin-right:0;
    }
}
/**** Popup get user ****/
#popup_get_user{
    max-width:30em;
}
#popup_get_user #user_list_div_empty{
    margin-top:1.5em;
}
#popup_get_user .user_list_email{
    display:inline-block;
    width:100%;
}
#popup_get_user .user_list_email>div{
    display:table;
    width:100%;
    border-collapse:collapse;
    margin-top:.4em;
}
#popup_get_user .user_list_email>div>div{
    display:table-cell;
    text-align:left;
    vertical-align:middle;
}
#popup_get_user .user_list_email>div>:last-child{
    padding-left:.2em;
}
/**** Profile init manage ****/
#profile_init_manage{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.5em 1em;
	background:white;
}
#profile_init_manage>div{
	display:table-cell;
	text-align:center;
}
#profile_init_manage>div>div{
    display:inline-block;
    width:100%;
    max-width:60em;
    margin:0 auto;
}
#profile_init_manage h1{
    margin-bottom:1em;
}
#profile_init_manage>div>div>.halign{
    margin-bottom:1em;
}
#profile_init_manage>div>div>.halign:last-child{
    margin-top:2em;
}
/**** popup_profile_info ****/
#popup_profile_info #ppi_main{
	display:table;
	border-collapse:collapse;
	width:100%;
}
#popup_profile_info #ppi_main>div{
	display:table-cell;
	text-align:left;
	vertical-align:top;
}
#popup_profile_info #ppi_main>div:first-child{
	width:8em;
	position:relative;
}
#popup_profile_info #ppi_main>div:first-child>img{
	display:inline-block;
    width:8em;
    margin-right:1em;
    margin-bottom:1em;
}
#popup_profile_info #ppi_main>div:first-child>div{
	position:absolute;
    left:5.2em;
    top:5.2em;
    width:4em;
}

#popup_profile_info #ppi_main>div:first-child>div>img{
	width:3.5em;
}
#popup_profile_info #ppi_head{
	display:table;
	width:100%;
	border-collapse:collapse;
	line-height:0;
}
#popup_profile_info #ppi_head>div{
	display:table-cell;
	text-align:left;
	line-height:normal;
}
#popup_profile_info h1{
	text-align:left !important;
	padding:0 !important;
	margin:0 !important;
}
#popup_profile_info .label{
	padding-bottom:.5em;
}
#popup_profile_info #ppi_head>div:nth-of-type(2){
	text-align:right;
}
#popup_profile_info>div>button{
	margin-top:1em;
}
/* popup_profile_delete */
#popup_profile_delete #ppd_worklist{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:0 .3em;
}
#popup_profile_delete #ppd_worklist>a{display:table-row;}
#popup_profile_delete #ppd_worklist>a>div{
	display:table-cell;}
#popup_profile_delete #ppd_worklist>a>div:last-child{text-align:right;}
/*********************
THREAD MAIN
*********************/
#thread_main{
    display:table;
    width:100%;
    border-collapse:collapse;
    background:white;
}
#thread_main>div{
    display:table-cell;
    text-align:center;
}
#thread_main>div>div{
    width:100%;
    max-width:60em;
    margin:0 auto;
}
#thread_main h1{
    width:100%;
    text-align:center;
    padding-top:1em;
    padding-bottom:1em;
}
#thread_main #tm_link{
    display:inline-block;
    width:100%;
    text-align:right;
    padding-top:.5em;
}
#thread_main>div>div>#tm_list{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:0 4px;
    line-height:0;
}
#thread_main>div>div>#tm_list>*{
    display:table-row;
}
#thread_main>div>div>#tm_list>*:not(.tm_new){
    opacity:.6;
}
#thread_main>div>div>#tm_list>a:hover{
    background:white;
  	filter: grayscale(100%);
}
#thread_main>div>div>#tm_list>*>div{
    display:table-cell;
    vertical-align:top;
    text-align:left;
    padding:.5em;
}
#thread_main>div>div>#tm_list>*>:first-child{
    width:1px;
}
#thread_main>div>div>#tm_list>*>div>img{
	padding-top:.5em;
	padding-bottom:.5em;
    width:3em;
}
#thread_main>div>div>#tm_list>*>div>span{
    width:100%;
    text-align:right;
    top:0;
    right:0;
    line-height:.5em;
    font-weight:normal;
}
#thread_main>div>div>#tm_list .tm_head{
    font-size:1.2em;
}
#thread_main>div>div>#tm_list>*>div>p.tm_m{
    color:#232323;
    font-weight:normal;
}
#thread_main>div>div>#tm_list>.tm_new>div>p.tm_m{
    color:#666 !important;
    font-weight:bold;
}
#thread_main>div>div>#tm_list>*>div>p.tm_m>i{
	color:#84B148;
  font-style:normal !important;
  font-weight:bold !important;
}
#thread_main>div>div>#tm_list>*>div>p{
    line-height:1.3em;
}
#thread_main>div>div>#tm_list>*>div>h2{
    line-height:1.3em;
}
#thread_main #tm_list_empty{
    display:table-caption;
    line-height:1.3em;
}
/*********************
USER
*********************/
.user_list{
    width:100%;
}
.user_list>li{
    display:table;
    border-collapse:separate;
    border-spacing:0 .5em;
    float:left;
    line-height:0;
    padding:0;
    width:100%;
}
.user_list>li>div{
    display:table-cell;
    vertical-align:top;
    line-height:normal;
}
.user_list>li>div:first-child{
    width:1px;
    line-height:0;
    padding-right:1em;
}
.user_list>li>div:first-child>img{
    width:4em;
}
.user_list>li>div:nth-of-type(3){
    width:1px;
    line-height:0;
}
.user_list>li .b>div{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:0 .3em;
    line-height:0;
}
.user_list>li .b>div>div{
    display:table-row;
}
.user_list>li .b>div>div>div{
    display:table-cell;
    line-height:normal;
}
.user_list .smallbutton,
.user_list .delsmallbutton{
    white-space:pre;
}
.user_list_empty{
    margin-top:1em;
}
/*********************
Workshop
*********************/
/* tab_main */
#tab_main{
    display:inline-block;
    height:100%;
    width:100%;
}
#tab_main .wm_block{
    background:white;
    display:inline-block;
    width:100%;
    margin-top:.5em !important;
    margin-bottom:.5em !important;
}
#tab_main .wm_block p{
    display:inline-block;
    width:100%;
    text-align:center;
}
#tab_main .wm_block>h1{
	display:inline-block;
	width:100%;
	text-align:center;
	padding-top:.5em;
}


#tab_main #wm_head_new{
	display:table;
	border-collapse:separate;
	border-spacing:1em 1em;
	width:100%;
  padding-top:.3em;
}
#tab_main #wm_head_new>div{
	display:table-cell;
	vertical-align:middle;
  line-height:1.5em;
}
#tab_main #wm_head_new>:nth-last-child(2){
	width:100%;
}
#tab_main #wm_head_new p>span{
	display:inline-block;
	width:100%;
	text-align:center;
}
#tab_main #wm_head_new .gbutton{
	padding-left:2em;
	padding-right:2em;
  margin-bottom:.3em;
}
#tab_main #wm_head_new .mbutton{
	padding-left:2em;
	padding-right:2em;
  margin-top:.3em;
}
#tab_main #wm_head{
    display:table;
    border-collapse:separate;
    border-spacing:1em 1em;
    width:100%;
    text-align:left;
}
#tab_main #wm_head>div{
    display:table-cell;
    vertical-align:middle;
}
#tab_main #wm_head>div:last-child{
    float:right;
}
#tab_main #wm_head>div>button{
    width:auto !important;
}
#tab_main #tm_maplink{
    padding:0 !important;
    line-height:0;
}
#tab_main #tm_maplink:not(:hover){
    border-color:#A0A0A0;
}
#tab_main #tm_maplink>img{
    height:5em;
    padding:0 !important;
    margin:0 !important;
}
#tab_main #tm_maplink:hover>img{
	filter: grayscale(100%);
}
/* Workshop inactive */
#wm_inactive{
	display:table;
	border-collapse:separate;
	border-spacing:.3em .3em;
	width:100%;
	border-spacing:fixed;
	max-width:60em;
	margin:0 auto;
}
#wm_inactive>div{
	display:table-cell;
	vertical-align:top;
}
#wm_inactive>div>p{
	display:inline-block;
	padding-top:1em;
	text-align:left !important;
	width:100%;
}
#wm_inactive>div>div{
	display:inline-block;
	width:100%;
}
#wm_inactive>div>div>a{
	display:inline-block;
	width:100%;
	text-align:left;
	font-size:.9em;
	line-height:1.2em;
	padding-bottom:.3em;
}
/* Workshop info */
#wm_info{
	display:table;
	border-collapse:separate;
	border-spacing:.3em .3em;
	width:100%;
	border-spacing:fixed;
	max-width:60em;
	margin:0 auto;
}
#wm_info>div{
	display:table-cell;
	vertical-align:top;
	padding-bottom:2em;
}
#wm_info>div>p{
    display:inline-block;
	margin-top:2em;
	margin-bottom:2em;
    width:100%;
    text-align:center;
}
#wm_info .h2{
	width:100%;
	padding-bottom:.5em;
	margin-bottom:.5em;
	border-bottom:2px solid #D12B76;
}
#wm_info .wmi_div{
	display:table;
	border-collapse:collapse;
	width:100%;
	table-layout:fixed;
  margin-top:1em;
}
#wm_info .wmi_div>div{
	display:table-cell;
	vertical-align:top;
}
#wm_info .wmi_div>:first-child{
	padding-right:.2em;
}
#wm_info .wmi_div>:last-child{
	padding-left:.2em;
}
@media screen and (max-width:800px){
	#wm_info .wmi_div{
		display:inline-block;
		width:100%;
	}
	#wm_info .wmi_div>div{
		display:inline-block;
		width:100%;
		padding:0 !important;
		margin-bottom:3em;
	}
}
#wm_info .wmi_div_horiz{
	display:table;
	border-collapse:collapse;
	width:100%;
	table-layout:fixed;
  margin-top:1em;
  margin-bottom:2em;
  text-align:center;
}
#wm_info .wmi_div_horiz>div{
	display:table-cell;
	vertical-align:top;
  padding-left:.5em;
  padding-right:.5em;
}
#wm_info .wmi_div_horiz img{
	width:96%;
  max-width:12em;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:.5em;
}
#wm_info .wmi_div_horiz p>:first-child{
	margin-right:.2em;
}
@media screen and (max-width:800px){
  #wm_info .wmi_div_horiz>div,
	#wm_info .wmi_div_horiz{
		display:inline-block !important;
		width:100%;
	}
  #wm_info .wmi_div_horiz>div:not(:last-child){
    padding-bottom:1.5em;
	}
}
#wm_info #wmi_kitp{
	padding:0;
	margin:0;
	margin-bottom:.8em;
	text-align:left;
}
#wm_info .wmi_kit{
	display:table;
	border-collapse:collapse;
	width:100%;
	margin-bottom:1em;
}
#wm_info .wmi_kit>*{
	display:table-cell;
	vertical-align:middle !important;
	text-align:left !important;
}
#wm_info .wmi_kit p{
	text-align:left !important;
	padding:0 !important;
}
#wm_info .wmi_kit>:first-child{
	padding-right:.5em;
	width:1px;
}
#wm_info .wmi_kit>:first-child>img{
	display:inline-block;
	width:12em;
}
#wm_info .wmi_kit>:last-child>div{
	display:inline-block;
	width:100%;
}
#wm_info #wmi_kit_chapter{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
#wm_info #wmi_kit_chapter .wmi_kit>:first-child>img{
    width:5em;
}
#wm_info #wmi_todo{
	display:table;
	border-collapse:collapse;
	width:100%;
	margin-bottom:2em;
	table-layout:fixed;
}
#wm_info #wmi_todo>*{
	display:table-cell;
	vertical-align:top;
	text-align:center;
	padding-left:.2em;
	padding-right:.2em;
}
#wm_info #wmi_todo>*>img{
	display:inline-block;
	width:100%;
	max-width:9em;
}
#wm_info #wmi_med{
	display:table;
	border-collapse:collapse;
	margin-bottom:2em;
	table-layout:fixed;
}
#wm_info #wmi_med>*{
	display:table-cell;
	vertical-align:top;
	text-align:center;
	padding-left:.4em;
	padding-right:.4em;
}
#wm_info #wmi_med>*>img{
	display:inline-block;
	width:100%;
	max-width:8em;
}
#wm_info a:hover img{
	opacity:.3;
	filter: grayscale(100%);
	cursor:pointer;
}
#wm_info .wmi_logo_div{
	display:table;
	border-collapse:collapse;
}
#wm_info .wmi_logo_div>div{
	display:table-cell;
	vertical-align:top;
}
#wm_info .wmi_logo_div>:first-child{
	padding-right:.5em;
	width:1px;
}
#wm_info .wmi_logo_div>:first-child>img{
	display:inline-block;
	width:1.3em;
	margin-top:.1em;
}
/* Workshop create */
#wm_info #wmi_create>p:nth-of-type(1){
    margin:0;
    margin-top:.5em;
    margin-bottom:1em;
}
#wm_info #wmi_create>p{
    margin-top:.3em;
    text-align:justify !important;
    text-justify:inter-word;
}
#wm_info #wmi_create .wmi_kit>*{
	vertical-align:top !important;
	padding-bottom:1em;
}
#wm_info #wmi_create .wmi_kit>div>p:not(:last-child){
	padding-bottom:.3em !important;
}
#wm_info #wmi_create .wmi_kit img{
    width:10em !important;
}
@media screen and (max-width:800px){
	#wm_info #wmi_create .wmi_kit img{
	    width:5em !important;
	}
	#wm_info #wmi_create .wmi_kit{
	    margin-bottom:0 !important;
	}
}
#wm_info #wmi_create #wmi_phone{
	display:inline-block;
	width:100%;
	padding-bottom:1.5em;
	text-align:center;
	margin-top:1.5em;
}
#wm_info #wmi_create #wmi_phone>div{
	display:table;
	border-collapse:collapse;
	margin:0px auto;
	text-align:left;
}
#wm_info #wmi_create #wmi_phone>div>div{
	display:table-cell;
	vertical-align:middle;
}
#wm_info #wmi_create #wmi_phone>div>:first-child{
	padding-right:.5em;
	width:1px;
}
#wm_info #wmi_create #wmi_phone>div>:first-child>img{
	display:inline-block;
	width:2em;
	margin-top:.1em;
}
#wm_info #wmi_create #wmi_phone>div>:first-child>img{
	display:inline-block;
	width:2em;
	margin-top:.1em;
}
#wm_info #wm_create_button{
    display:inline-block;
    width:100%;
    text-align:center;
}
#wm_info #wm_create_button>span{
    font-size:1em !important;
    width:auto !important;
    padding-left:2em;
    padding-right:2em;
}
/* Workshop list */
#workshop_list{
    display:inline-block;
    width:100%;
    padding-top:1em;
    padding-bottom:1em;
    text-align:center !important;
}
#workshop_list p{
    text-align:left !important;
}
.wm_block>#wm_biglogo{
	display:inline-block;
    width:100%;
    text-align:center;
    padding-top:2em;
}
#tab_main>.wm_block:first-child{
    margin-top:0em !important;
}
.wm_block>#wm_biglogo>img{
	display:inline-block;
    width:100%;
    max-width:15em;
}
.wm_block>p#wmain_paragraph{
	padding-top:1em;
	margin-bottom:1em;
    display:inline-block;
    width:100%;
    text-align:center;
}
#workshop_list #wlf_filter{
    display:inline-block;
    width:100%;
    max-width:60em;
    margin:0 auto;
    background:#fbfbfb;
    line-height:0;
    padding-bottom:.2em;
}
#workshop_list #wlf_filter #wlf_text{
    display:table;
    width:100%;
    line-height:0;
    border-collapse:separate;
    border-spacing:.2em .2em;
    margin-bottom:.25em;
}
#workshop_list #wlf_filter #wlf_text>div{
    display:table-cell;
    line-height:normal;
}
#workshop_list #wlf_cat{
    display:table;
    width:100%;
    table-layout:fixed;
    line-height:0;
    border-collapse:separate;
    border-spacing:.2em .2em;
}
#workshop_list #wlf_cat input{
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    background:red;
}
#workshop_list #wlf_cat>li{
    display:table-cell;
    text-align:center;
    border:1px solid #dddddd;
    padding:.3em;
    background:white;
}
#workshop_list #wlf_cat>li.selected{
    border:1px solid transparent;
    background:#B1C7D1;
}
#workshop_list #wlf_cat>li.selected>span{
    color:white !important;
}
#workshop_list #wlf_cat>li:hover{
    background:#dddddd;
    border:1px solid transparent;
    cursor:pointer;
}
#workshop_list #wlf_cat>li>img{
    width:3em;
    border-radius:.5em;
}
#workshop_list #wlf_ckbox{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.2em .2em;
    line-height:normal;
}
#workshop_list #wlf_ckbox>div{
    display:table-cell;
    line-height:0;
}
#workshop_list #wlf_but{
    display:inline-block;
    width:100%;
    line-height:0;
}
#workshop_list #wlf_but>div{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.5em 0;
    table-layout:fixed;
    text-align:left;
}
#workshop_list #wlf_but>div>div{
    display:table-cell;
    vertical-align:middle;
}
#workshop_list #wlf_but>div>div:not(:last-child){
    text-align:right;
}
#workshop_list #wlf_but>div>div>*{
    line-height:normal;
}
#workshop_list #wl_sort{
    display:inline-block;
    width:100%;
    max-width:60em;
    margin:0 auto;
    text-align:right;
    line-height:0;
}
#workshop_list #wl_sort>div{
    display:table;
    border-collapse:collapse;
    line-height:0;
    float:right;
}
#workshop_list #wl_sort>div>div{
    display:table-cell;
    line-height:normal;
}
#workshop_list #wl_sort>div>div>*{
	font-size:.9em;
    color:gray;
    border-bottom:1px dashed #cccccc;
    margin-right:.5em;
}
#workshop_list #wl_sort>div>div:not(:last-child)>*{
    margin-right:1.5em;
}
#workshop_list .sort{
	cursor:pointer;
}
#workshop_list #wl_sort>div>div>.sort_asc::before,
#workshop_list #wl_sort>div>div>.sort_asc::after{
    display:inline-block;
    font-size:.8em;
    content:'\25B2';
    padding-left:.3em;
    padding-right:.3em;
}
#workshop_list #wl_sort>div>div>.sort_desc::before,
#workshop_list #wl_sort>div>div>.sort_desc::after{
    display:inline-block;
    font-size:.8em;
    content:'\25BC';
    padding-left:.3em;
    padding-right:.3em;
}
#workshop_list>ul{
    display:table;
    width:100%;
    max-width:60em;
    border-collapse:separate;
    border-spacing:.5em .5em;
    margin:0 auto;
    text-align:left;
}
#workshop_list>ul>li{
    display:table-row;
}
#workshop_list>ul>li>div{
    display:table-cell;
    vertical-align:top;
    padding-bottom:.5em;
}
#workshop_list>ul>li>div:first-child>img{
    width:3em;
    border-radius:.5em;
}
#workshop_list>ul>li>div:nth-of-type(2){
    width:100%;
}
#workshop_list>ul>li>div.wml_info{font-size:.9em;}

#workshop_list>ul>li>div.wml_info.wml_past>span.n,
#workshop_list>ul>li>div.wml_info.wml_past{color:#D5D5D5;}
#workshop_list>ul>li>div.wml_info.wml_deleted{color:red;}
#workshop_list>ul>li>div.wml_info>span{
    display:inline-block;
    width:100%;
    float:right;
    text-align:center;
    white-space:pre;
    font-size:.85em;
}
#workshop_list>ul>li>div.wml_info>span.d{
    font-weight:bold;
    text-transform:uppercase;
}
#workshop_list>ul>li>div.wml_info>span.v{ /* validated */
    margin-top:.4em;
    color:white;
    background:#B4DF97;
    border-radius:.5em;
}
#workshop_list>ul>li>div.wml_info>span.dv{ /* dark validated */
    margin-top:.4em;
    color:white;
    background:#9EC485;
    border-radius:.5em;
}
#workshop_list>ul>li>div.wml_info>span.p{ /* pending */
    margin-top:.4em;
    color:white;
    background:orange;
    border-radius:.5em;
}
#workshop_list>ul>li>div.wml_info>span.r{ /* refusal */
    color:red;
    font-weight:bold;
}
#workshop_list>ul>li>div.wml_info>span.n{ /* neutral */
    margin-top:.4em;
    border-radius:.5em;
}
#workshop_list>ul>li .wml_rex{
    display:inline-block;
    margin:0 auto;
    width:100%;
    text-align:center;
    font-size:.9em;
    line-height:1em;
}
#workshop_list>ul>li div.wml_rex>:first-child{
    color:gray;
}
#workshop_list>ul>li .wml_rex>.wml_read,
#workshop_list>ul>li .wml_rex>.wml_pending{
    display:inline-block;
    min-width:6em;
    border-radius:.3em;
    color:white;
    text-transform:uppercase;
    font-size:.8em;
}
#workshop_list>ul>li .wml_rex>.lowerlabel{
    text-align:center;
}
#workshop_list>ul>li .wml_info_rex_cell{
    padding-left:2em;
    padding-right:2em;
}
#workshop_list>ul>li .wml_info_rex{
    display:inline-block;
    width:auto;
    text-align:center;
    margin:0 auto;
    float:right;
    margin-top:.5em;
}
#workshop_list>ul>li .wml_rex>.wml_read{
    background-color:#D12B76;
}
#workshop_list>ul>li .wml_rex>.wml_pending{
    background-color:orange;
}
#workshop_list .wml_amb{
    font-size:.8em !important;
}
#workshop_list .wml_locker{
    padding-left:.5em;
    filter: grayscale(40%);
    opacity:.8;
}
#workshop_list .pagination_div{
    display:inline-block;
    width:100%;
    max-width:60em;
    margin:0 auto;
}

/* Popup worskop link */
#pworkshop_link .blue_link{
    font-style:normal;
    text-transform:none;
}
#pworkshop_link #ptpl_butlink{
    display:inline-block;
    width:100%;
    text-align:center;
}
#pworkshop_link #ptpl_butlink>*{
    display:inline-block;
    width:100%;
    max-width:6em;
    height:6em;
    position:relative;
    border:1px solid #84B148;
    border-radius:5px;
    cursor:pointer;
    margin:2px;
}
#pworkshop_link #ptpl_butlink>:hover{
    border:1px solid #DEDEDE;
}
#pworkshop_link #ptpl_butlink>*>:first-child{
    display:inline-block;
    width:100%;
    height:100%;
    position:absolute;
    width:100%;
    top:0;
    left:0;
}
#pworkshop_link #ptpl_butlink>*>:first-child>img{
    display:inline-block;
    width:100%;
    opacity:.8;
}
#pworkshop_link #ptpl_butlink>:hover>:first-child>img{
    filter:grayscale(100%);
    opacity:.5;
}
#pworkshop_link #ptpl_butlink>*>:last-child{
    display:inline-block;
    width:100%;
    max-width:6em;
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
}
#pworkshop_link #ptpl_butlink>*>:last-child>span{
    display:inline-block;
    width:100%;
    background:rgba(255,255,255,.3);
    font-size:.8em;
    color:#84B148;
    font-family:'Open Sans Condensed';
    text-transform:uppercase;
    line-height:1.1em;
}
#pworkshop_link #ptpl_butlink>:hover>:last-child>span{
    color:#DEDEDE;
}
/* workshop_details */
#workshop_details{
    display:inline-block;
    height:100%;
    width:100%;
}
#workshop_details .wd_block{
    background:white;
    display:inline-block;
    width:100%;
    margin-top:.5em !important;
    margin-bottom:.5em !important;
}
#workshop_details #wd_head{
    display:table;
    border-collapse:separate;
    border-spacing:1em 1em;
    width:100%;
}
#workshop_details #wd_head>div{
    display:table-cell;
    vertical-align:top;
}
#bloc_sharing>img{
    height:2em;
    padding-top:.4em;
}
#bloc_sharing:hover>img{
	opacity:.5;
	filter: grayscale(100%);
}
#bloc_sharing>span{
    white-space:pre;
    font-size:1em !important;
}
#workshop_details #wd_head>div:first-child{
    width:1px;
    line-height:0;
    padding-top:.35em;
}
#workshop_details #wd_head>div>img{
    width:5em;
    border-radius:1em;
}
#workshop_details #wd_title{
    display:table;
    border-collapse:collapse;
}
#workshop_details #wd_title>div{
    display:table-cell;
    height:2.7em;
    vertical-align:middle;
}
#workshop_details #wd_title>*{
    vertical-align:middle;
}
#workshop_details #wd_headsub{
    display:table;
    border-collapse:collapse;
    width:100%;
}
#workshop_details #wd_headsub>div{
    display:table-cell;
    vertical-align:middle;
}
#workshop_details #wd_headsub>div:first-child{
    line-height:0;
}
#workshop_details #wd_headsub>div:nth-of-type(2){
    width:100%;
}
#workshop_details #wd_headsub>div:first-child{
    padding-right:.5em;
}
#workshop_details #wd_headsub>div>img{
    width:2.5em;
}
#workshop_details #wd_headsub_locklabel>span{
    padding-right:.3em;
    text-align:center;
    min-width:6em;
}
#workshop_details #wd_headbut>div:not(:first-child){
    padding-top:.1em !important;
}
@media screen and (max-width:800px){
    #workshop_details #wd_head{
        border-collapse:collapse;
    }
    #workshop_details #wd_head>div{
        padding-top:.5em !important;
    }
    #workshop_details #wd_head>div:first-child{
        padding-right:.5em;
        padding-left:.5em;
    }
    #workshop_details #wd_head>div:last-child{
        padding-right:0 !important;
    }
    #workshop_details #wd_head>div:nth-of-type(2){
        padding-right:.5em;
    }
}
/* Workshop details : activate */
#workshop_details #wd_activate{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:1em 1em;
    background:#FFFFDC;
}
#workshop_details #wd_activate>div{
    background:#FFFFDC;
}

/* Workshop details : authenticate */
#workshop_details #wd_authenticate{
    display:table;
    border-collapse:separate;
    border-spacing:1em 1em;
    width:100%;
}
#workshop_details #wd_authenticate>div{
    display:table-cell;
    text-align:left;
}
#workshop_details #wd_authenticate>div>div>.label{
	display:inline-block;
	width:100%;
    padding-bottom:.5em;
}
/* Workshop details : infos */
#workshop_details #wd_info_edit{
    display:table;
    border-collapse:separate;
    border-spacing:1em 0;
    width:100%;
}
#workshop_details #wd_info_edit>div{
    display:table-cell;
    text-align:left;
    padding-top:1em;
}
#workshop_details #wd_info_edit>div:last-child{
    text-align:right;
}
#workshop_details #wd_info_box{
    display:table;
    width:96%;
    margin-left:2%;
    margin-right:2%;
    text-align:center;
    border-collapse:collapse;
    margin-top:1em;
}
#workshop_details #wd_info_box>div{
    display:table-cell;
    vertical-align:middle;
}
#workshop_details #wd_info_add_pic{
    width:50%;
    border:2px dotted #808080;
    color:#808080;
    text-transform:uppercase;
}
#workshop_details #wd_info_add_pic:hover{
    border:none;
    border:2px solid #DEDEDE;
    color:#AAAAAA;
    background:#DEDEDE;
}
#workshop_details #wd_info_pic{
    width:50%;
}
#workshop_details #wd_info_pic img{
    width:100%;
    border-radius:1em;
}
@media screen and (max-width:800px) {
  #workshop_details #wd_info_box{
      display:inline-block;
      width:96%;
      margin-left:2%;
      margin-right:2%;
  }
  #workshop_details #wd_info_box>div{
      display:inline-block;
  }
  #workshop_details #wd_info_pic{
      margin-top:1em;
      width:100%;
  }
}
#workshop_details #wd_info_list{
    display:table;
    border-collapse:separate;
    border-spacing:1em 1em;
    width:100%;
    max-width:40em;
    margin:0px auto;
}
#workshop_details #wd_info_media{
    display:table;
    width:100%;
    max-width:60em;
    border-collapse:separate;
    border-spacing:1em 1em;
}
#workshop_details #wd_info_media>div{
    display:table-cell;
    font-style:italic;
    color:#A7B7DA;
}
@media screen and (max-width:800px) {
	#workshop_details #wd_info_media>div,
    #workshop_details #wd_info_list{border-spacing:1em 1em;}
}
#workshop_details #wd_info_list>div{
    display:table-row;
}
#workshop_details #wd_info_list>div>span{
    display:table-cell;
    text-align:left;
    vertical-align:top;
}
#workshop_details #wd_info_list>div>span:first-child{
    text-align:right;
    width:30%;
    line-height:2.1em;
}
#workshop_details #wd_descr{
    display:inline-block;
    width:96%;
    margin:2em;
    margin-left:2%;
    margin-right:2%;
    text-align:center;
}
#workshop_details #wd_descr>div{
    display:table;
    border-collapse:separate;
    border-spacing:1em 1em;
    width:100%;
    max-width:60em;
    margin:0px auto;
}
#workshop_details #wd_descr #wd_descr_fulfil{
    display:inline-block;
    margin-bottom:.5em;
}
@media screen and (max-width:800px) {
    #workshop_details #wd_descr>div{border-spacing:.3em 1em;}
}
#workshop_details #wd_descr>div>p{
    display:table-cell;
    border-collapse:separate;
    border-spacing:1em 1em;
    text-align:justify;
}
@media screen and (max-width:800px) {
    #workshop_details #wd_descr>div>p{border-spacing:.3em 1em;}
}
/* Workshop details : participants */
#workshop_details .wd_part>div{
    display:table;
    border-collapse:separate;
    border-spacing:1em 1em;
    width:100%;
}
@media screen and (max-width:800px) {
    #workshop_details .wd_part>div{border-spacing:.3em 1em;}
}
#workshop_details .wd_part>div>div{
    display:table-cell;
}
/* pending participants */
#workshop_details #wd_part_pend{
    background:#FFFFDC;
}
/* Popup workshop edit */
#workshop_edit{
    max-width:1200px;
}
#workshop_edit.we_smaller{
    max-width:600px;
}
#workshop_edit #we_split{
    display:table;
    border-collapse:collapse;
    width:100%;
}
#workshop_edit #we_split>div{
    display:table-cell;
}
#workshop_edit #we_split>div:first-child{padding-right:1em;}
#workshop_edit #we_split>div:last-child{padding-left:1em;}
@media screen and (max-width:800px) {
    #workshop_edit #we_split,
    #workshop_edit #we_split>div{
        display:inline-block;
        width:100%;
        padding:0 !important;
    }
}
#workshop_edit .halign>div>.checkbox_left:nth-of-type(2){
    margin-top:0 !important;
}
#workshop_edit .link.label{
    text-align:right;
    color:#666;
    font-style:normal;
}

#workshop_edit .link.label:hover{
    color:#cccccc;
}

/* Workshop details : reporting */
#wd_reporting>div{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.5em 1em;
	background:white;
	margin:0px auto;
	max-width:60em;
}
#wd_reporting>div>div{
	display:table-cell;
	text-align:center;
}
#wd_reporting .wdr_head{
	display:table;
    border-collapse:collapse;
    width:100%;
    margin-top:.5em;
    margin-bottom:.3em;
}
#wd_reporting .wdr_head>div{
	display:table-cell;
	text-align:left;
}
#wd_reporting .wdr_head>div:nth-of-type(2){
	text-align:right;
}
#wd_reporting .wdr_head>div:nth-of-type(2)>*{
	width:auto;
}
#wd_reporting #wdr_article_list{
	display:table;
	width:100%;
	text-align:left;
	border-collapse:separate;
	border-spacing:.4em .5em;
	margin-bottom:1.5em;
}
#wd_reporting #wdr_article_list>div{
	display:table-row;
}
#wd_reporting #wdr_article_list>div>div{
	display:table-cell;
	vertical-align:top;
}
#wd_reporting #wdr_article_list>div>div:nth-of-type(1){
	line-height:1.3em;
}
#wd_reporting #wdr_article_list>div>div:nth-of-type(1)>:last-child{
	color:gray;
	font-style:italic;
	font-size:.8em;
	line-height:1em;
}
#wd_reporting #wdr_article_list>div>div:nth-of-type(2){
	width:1px;
}

/*********************
Workshop validation
*********************/
#wvalidation_pending{
    display:inline-block;
    width:100%;
    text-align:center;
}
#wvalidation_pending>ul{
	display:table;
    width:100%;
    max-width:60em;
    border-collapse:separate;
    border-spacing:.3em 1em;
    margin:0 auto;
    text-align:left;
    margin-top:1em;
    margin-bottom:1em;
}
#wvalidation_pending>ul>li{
	display:table-row;
}
#wvalidation_pending>ul>li>div{
	display:table-cell;
	vertical-align:top;
}
#wvalidation_pending>ul>li>div>:first-child{
	display:table;
	border-collapse:collapse;
	width:100%;
}
#wvalidation_pending>ul>li>div>:first-child>div{
	display:table-cell;
	vertical-align:top;
}
#wvalidation_pending>ul>li>div>:first-child>div:nth-of-type(2){
	text-align:right;
}
#wvalidation_pending>ul>li>div>:first-child>div:nth-of-type(2)>div{
	display:table;
	border-collapse:collapse;
	float:right;
}
#wvalidation_pending>ul>li>div>:first-child>div:nth-of-type(2)>div>div{
	display:table-cell;
	padding-left:.3em;
}
#wvalidation_pending .wvlist_val{
	display:inline-block;
	width:100%;
	text-align:right;
	font-style:italic;
	font-size:.8em;
}
#wvalidation_pending .wvlist_warn{
	color:red !important;
}
#wvalidation_pending .wvlist_auth{
	display:inline-block;
	width:100%;
	font-size:.8em;
}
#wvalidation_pending .wvlist_box{
	text-transform:uppercase;
	font-weight:bold;
	font-size:.8em;
	color:blue;
}
#wvalidation_pending .wvlist_comment{
	display:inline-block;
	width:100%;
	font-weight:bold;
	font-size:.8em;
	color:blue;
}
#wvalidation_pending .wvlist_boxcomment{
	display:inline-block;
	width:100%;
	font-style:italic;
	font-size:.8em;
	color:blue;
}
/*** (POPUP) WORKSHOP VALIDATION PENDING EDIT ***/
#wvalidation_pending_edit .green{
	color:green !important;
}
#wvalidation_pending_edit .wvlist_warn{
	color:red !important;
}
#wvalidation_pending_edit .wvlist_box{
	text-transform:uppercase;
	font-weight:bold;
	font-size:.8em;
	color:blue;
}
#wvalidation_pending_edit .wvblue_comment{
	font-weight:bold;
	font-size:.8em;
	color:blue;
}
#wvalidation_pending_edit>div>:last-child{
	margin-top:0 !important;
}
/* reporting content */
.reporting_content{
	display:inline-block;
    text-align:left;
    width:100%;
    border-top:1px solid #DEDEDE;
    border-bottom:1px solid #DEDEDE;
}
.reporting_content h1{
    display:inline-block !important;
    width:100%;
    padding-top:1em;
    padding-bottom:.3em;
    color:#D12B76;
    font-weight:bold;
    font-size:1.3em;
    text-transform:uppercase;
}
.reporting_content h2{
    display:inline-block !important;
    color:#D12B76;
    font-style:italic;
    font-weight:bold;
    text-transform:uppercase;
    padding-top:.8em;
    padding-bottom:.3em;
}
.reporting_content h3,
.reporting_content h4,
.reporting_content h5,
.reporting_content h6{
    display:inline-block !important;
    color:#D12B76;
    font-style:italic;
    font-weight:bold;
    font-size:.8em;
    text-transform:uppercase;
    padding-top:.5em;
    padding-bottom:.3em;
}
.reporting_content img{
    display:inline-block !important;
    width:100% !important;
    max-width:25em !important;
    float:left !important;
}
.reporting_content_pic{
	display:table;
	width:100%;
	border-collapse:collapse;
}
.reporting_content_pic>div{
	display:table-cell;
}
.reporting_content_pic>div>ul{
	display:inline-block;
	width:100%;
}
.reporting_content_pic>div>ul>li{
	display:inline-block;
	width:100%;
	text-align:center;
	line-height:0;
}
.reporting_content_pic>div>ul>li:not(:last-child){
	padding-bottom:1em;
}
.reporting_content_pic>div>ul>li>img{
	max-width:100%;
}
.reporting_content_pic>div>ul>li>span{
	display:inline-block;
	width:100%;
	text-align:center;
	font-style:italic;
	font-size:.9em;
	line-height:normal;
}

/* Address input */
#address_input #adr_results{
    cursor:pointer;
    width:100%;
    border:1px solid #F0F0F0;
}
#address_input #adr_results>li{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.3em .3em;
    line-height:0;
}
#address_input #adr_results>li>div{
    display:table-cell;
    line-height:normal;
}
#address_input #adr_results>li:hover{background:#F4F4F4;}
#address_input #adr_verified{color:green !important;}
#address_input #adr_pending{color:orange !important;}
#address_input #adr_lock{display:table;width:100%;border-collapse:collapse;}
#address_input #adr_lock>*{display:table-cell;vertical-align:top;}
#address_input #adr_lock>.no-display{display:none !important;}
#address_input #adr_lock>:last-child{text-align:right;padding-left:.5em;white-space:pre;}
#address_input #adr_lock.no-display{display:none !important;}
#address_input #adr_no_result{display:table;width:100%;margin-top:.4em;}
#address_input #adr_no_result>*{display:table-cell;vertical-align:top;}
#address_input #adr_no_result>.no-display{display:none !important;}
#address_input #adr_no_result>:last-child{
	text-align:right;padding-left:.5em;white-space:pre;vertical-align:middle;}
#address_input #adr_no_result.no-display{display:none !important;}

/* Postcode input */
#postcode_input #pi_results{
    cursor:pointer;
    width:100%;
    border:1px solid #F0F0F0;
}
#postcode_input #pi_results>li{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:.3em .3em;
    line-height:0;
}
#postcode_input #pi_results>li>div{
    display:table-cell;
    line-height:normal;
}
#postcode_input #pi_results>li:hover{background:#F4F4F4;}
#postcode_input #pi_pending{color:orange !important;}
#postcode_input #pi_lock{display:table;width:100%;}
#postcode_input #pi_lock>*{display:table-cell;vertical-align:top;}
#postcode_input #pi_lock>.no-display{display:none !important;}
#postcode_input #pi_lock>:last-child{text-align:right;padding-left:.5em;white-space:pre;}
#postcode_input #pi_lock.no-display{display:none !important;}
#postcode_input #pi_no_result{display:table;width:100%;margin-top:.4em;}
#postcode_input #pi_no_result>*{display:table-cell;vertical-align:top;}
#postcode_input #pi_no_result>.no-display{display:none !important;}
#postcode_input #pi_no_result>:last-child{
	text-align:right;padding-left:.5em;white-space:pre;vertical-align:middle;}
#postcode_input #pi_no_result.no-display{display:none !important;}
/* Mon Atelier Ecofrugal copyright 2026 */
#content>div{
 width:100%;
 max-width:1360px;
 margin:0px auto;
}
.copyright::after{
    position: relative;
    bottom: 1px;
    font-size: .8em;
    line-height: .8em;
    vertical-align:super;
    content:"\00AE";
    padding-left:.2em;
}
.landmedia_center{
    display:inline-block;
    width:100%;
    text-align:center;
}
.landmedia_center>*{
    width:100%;
}

/*
.img_center{
    display:inline-block;
    width:100%;
    text-align:center;
}
.landing_button{
    display:inline-block;
    background:#84B148;
    color:white;
    cursor:pointer;
}
.button:hover{
    background:white;
    color:#84B148;
}
.button>span{
    display:inline-block;
    margin:12px;
}
.link{
    display:inline-block;
    width:100%;
}
.link>a{
    text-decoration:underline;
    color:#4C4B47;
}
.link>a:hover{
    text-decoration:none;
    color:#868686;
}
.green,
a.green:not(:hover){
    color:#84B148;
}
.magenta{
    color:#D12B76;
}
.big_font{
    font-size:25px;
}
*/
/******************************
            HEADER
******************************/

/*****************************
Header
*****************************/
#header_landing{
    display:block;
}
#header_landing>div{
    background:white;
    position:fixed !important;
    top:0;
    z-index:100 !important;
    width:100%;
}
#header_landing #hl_logo_div{
    display:inline-block;
    width:100%;
    text-align:center;
    padding-bottom:1em;
}
#header_landing #hl_logo_div>img{
    display:inline-block;
    width:100%;
    max-width:300px;
    padding-top:1.4em;
    margin:0px auto;
}
#header_landing #hl_logo_div>span{
    display:inline-block;
    width:100%;
    font-size:1.2em;
    font-weight:bold;
}
/* Nav */
nav{
    display:table;
    border-collapse:collapse !important;
    color:black;
    margin:0 auto;
    cursor:pointer;
}
nav>*{
    display:table-cell;
    vertical-align:middle;
    white-space:pre;
}
nav>:not(:first-child){
    padding-left:1em !important;
}
nav>:not(:last-child){
    padding-right:1em !important;
}
nav>.selected{
    color:#D12B76 !important;
}
nav>.nav{
    line-height:3em !important;
}
nav>*>span{
    padding:0 !important;
    margin:0 !important;
    line-height:0 !important;
    white-space:pre;
}

header .logo{
    padding-top:4px;
}
header .hd_margin>span{
    display:inline-block;
    width:auto;
    font-size:.8em;
    margin-right:1em;
    line-height:.9em;
    color:gray;
}

#header_landing #hl_to_logged:not(:hover){
    background-color:#84B148 !important;
    color:white !important;
}
@media screen and (max-width:1150px){
	nav>:not(:first-child){
	    padding-left:.5em !important;
	}
	nav>:not(:last-child){
	    padding-right:.5em !important;
	}
	nav>*{
	    font-size:.85em;
	}
}

/******************************
            ASIDE
******************************/
aside>div{
    background:white;
}
aside .nav_section>a{
    margin:0 !important;
    padding:0 !important;
    margin-top:.3em !important;
    margin-bottom:.3em !important;
}
aside .nav_section>.selected{
    color:#D12B76;
}
/******************************
           HOME
******************************/
.h1{
	display:inline-block;
	width:100%;
	text-align:center;
	padding-top:.5em !important;
	font-size:1.3em !important;
    color:#D12B76 !important;
    text-transform:none !important;
}
.lh_button{
    display:inline-block;
    width:100%;
    text-align:center;
    margin-top:10px;
}
.lh_button>*{
    width:auto;
    padding:1.4em;
}
#landing_home .lh_block{
	display:table;
	border-collapse:separate;
	border-spacing:.3em 1em;
	width:100%;
	background:white;
	margin-top:1em;
	margin-bottom:1em;
}
#landing_home .lh_block>div{
	display:table-cell;
	padding-top:1em;
	padding-bottom:1em;
}
#landing_home .lh_block>div>h2{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:1.6em;
	padding-bottom:1.5em;
}

/*** TOP ***/
#land_top_bdkgrd,
#land_top_bdkgrd>*{
    display:inline-block;
    width:100%;
    height:822px;
    position:absolute;
    z-index:0;
    background:rgba(0,0,0,.5);
    background-size: auto 822px;
    background-position:center;
    background-repeat:no-repeat;
}
#land_top_bdkgrd>:last-child{
    z-index:80;
}
#landh_top_home{
    display:inline-block;
    width:100%;
    color:white;
    font-size:2em;
}
#landh_top_home>:first-child{
    display:inline-block;
    width:100%;
    text-align:center;
    margin:0 !important;
}
#landh_top_home>:first-child>span{
    display:inline-block;
    padding:.5em;
    padding-top:5em;
    width:100%;
    max-width:20em;
    margin:0 auto !important;
    color:white;
    font-weight:bold;
}
@media screen and (max-width:800px){
    #landh_top_home,
    #land_top_bdkgrd,
    #land_top_bdkgrd>*{
        height:600px !important;
    }
    #landh_top_home>:first-child>span{
        padding-top:4em;
    }
}
#landh_top_home #goto_lhprog{
    display:inline-block !important;
    width:100%;
    text-align:center;
    cursor:pointer;
}
#landh_top_home #goto_lhprog span{
    display:inline-block !important;
    width:100%;
    text-align:center;
    font-size:.5em;
}
#landh_top_home #goto_lhprog div{
    display:inline-block !important;
    width:100% !important;
}
#landh_top_home #goto_lhprog>div>img{
    display:inline-block !important;
    width:auto !important;
    margin:0 auto;
}

/* Video */
#landing_home #lhvid{
	margin-top:0;
}
#landing_home #lhvid>div>div{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:2em 1em;
	table-layout:fixed;
}
#landing_home #lhvid>div>div>div{
	display:table-cell;
	vertical-align:top;
}
#landing_home #lhvid img{
	width:100%;
}
#landing_home #lhvid img:hover{
	width:100%;
	cursor:pointer;
    opacity:.6;
    filter:grayscale(50%);
}
#landing_home #lhvid p{
	padding-bottom:1.2em;
}
#landing_home #lhvid p>span{
	padding:0 !important;
  font-weight:bold;
}
@media screen and (max-width:800px){
	#landing_home #landh_top_home .landmedia_center{
		display:inline-block;
		margin:0px auto;
		text-align:center;
		margin-top:8em;
	}
	#landing_home #landh_top_home .landmedia_center img{
		width:80%;
	}
	#landing_home #lhvid>div>div>div,
	#landing_home #lhvid>div>div{
		display:inline-block;
		width:100%;
	}
	#landing_home #lhvid p{
		padding-left:.5em;
		padding-right:.5em;
	}
	#landing_home #goto_lhprog img{
		width:60px;
	}
}
/* Programs */
#landing_home #lhprog .h2{
	padding-bottom:1.5em;
}
#landing_home #lhprog ul{
	display:table;
	border-collapse:separate;
	border-spacing:2em 0;
	table-layout:fixed;
	width:100%;
	margin:0px auto;
	margin-bottom:2em;
}
#landing_home #lhprog ul>li{
	display:table-cell;
	vertical-align:top;
	text-align:center;
}
#landing_home #lhprog ul>li img{
	display:inline-block;
	width:100px;
	text-align:center;
}
#landing_home #lhprog ul>li>:first-child{
	display:inline-block;
	width:100%;
	font-weight:bold;
	padding-top:1em;
}
#landing_home #lhprog .lhprog_t{
	display:inline-block;
	width:100%;
	padding-top:1em;
	font-size:1.3em;
}
#landing_home #lhprog .lhprog_s{
	display:inline-block;
	width:100%;
	padding-top:.5em;
	font-size:1.2em;
	min-height:4em;
}
#landing_home #lhprog ul>:first-child .lhprog_s{color:#D12B76;}
#landing_home #lhprog ul>:last-child .lhprog_s{color:#4f9aeb;}
#landing_home #lhprog p{
	min-height:5em;
}
#landing_home #lhprog .lh_prog_slog_descr{
	text-align:center;
}
#landing_home #lhprog .lh_prog_slog{
	font-weight:600;
	padding-top:2em;
	text-align:center;
	min-height:7em;
}
#landing_home #lhprog .lh_prog_slog>span{
	display:inline-block;
	width:100%;
	padding-bottom:.3em;
}
#landing_home #lhprog .lhprog_b{
	display:inline-block;
	width:100%;
}
#landing_home #lhprog .gbutton{
	width:auto !important;
	margin-top:2em;
	font-size:1.1em !important;
}
#landing_home #lhprog ul>:last-child .gbutton:not(:hover){background-color:#4f9aeb !important;}
#landing_home #lhprog ul>:first-child .gbutton:not(:hover){background-color:#D12B76 !important;}

@media screen and (max-width:800px){
	#landing_home #lhprog .h2{
		padding-bottom:1em;
	}
	#landing_home #lhprog ul{
		display:inline-block;
		width:100%;
	    margin-bottom:0;
	}
	#landing_home #lhprog ul>li{
		display:inline-block;
		width:100%;
		margin-top:1em;
	}
	#landing_home #lhprog .lhprog_s{
	margin-bottom:1em;
	}
    #landing_home #lhprog .lhprog_s,
	#landing_home #lhprog p,
	#landing_home #lhprog .lh_prog_slog{
		min-height:auto;
		text-align:center;
	}
	#landing_home #lhprog .lh_prog_slog{
	    padding-top:.5em;
    }
	#landing_home #lhprog .gbutton{
		margin-top:.5em;
	}
}
/* Map */
#landing_home #lhmap{
    width:100%;
    position:relative;
    display:inline-block;
    padding:0;
    background: url("landing/images/map.jpg?01121653") repeat center;
    background-size:auto 200%;
    height:400px;
}
@media screen and (min-width:800px){
	#landing_home #lhmap{
        background-size:cover;
        background-attachment:fixed;
	}
}
#landing_home #lhmap>div{
    width:50%;
    height:400px;
    vertical-align:middle;
}
#landing_home #lhmap p{
    color:white;
    font-weight:bold;
    font-size:1.2em;
}
#landing_home #lhmap .gbutton{
	width:auto !important;
	margin-top:2em;
	font-size:1.1em !important;
}
@media screen and (max-width:800px){
	#landing_home #lhmap>div:first-child{
		width:33% !important;
	}
}
/* Box */
#landing_home #lhbox{
	margin-bottom:0;
}
#landing_home #lhbox #lhbox_d{
	display:table;
	border-collapse:separate;
	border-spacing:2em 0;
	width:100%;
	max-width:50em;
	margin:0px auto;
	text-align:center;
}
#landing_home #lhbox #lhbox_d>div{
	display:table-cell;
	vertical-align:top;
}
#landing_home #lhbox #lhbox_d img{
	width:100%;
	max-width:700px;
}
#landing_home #lhbox ul{
	display:table;
	border-collapse:separate;
	border-spacing:1.5em 0;
	table-layout:fixed;
	width:100%;
	max-width:70em;
	margin:0px auto;
	margin-top:2em;
}
#landing_home #lhbox ul>li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}
#landing_home #lhbox ul>li>h3{
	font-size:1.3em;
	padding-bottom:.4em;
  color:#84B148;
}
@media screen and (max-width:800px){
    #landing_home #lhbox #lhbox_d,
    #landing_home #lhbox #lhbox_d>div{
		display:inline-block;
		width:100%;
	    margin-bottom:0;
	}
	#landing_home #lhbox #lhbox_d img{
		max-width:300px;
	}
	#landing_home #lhbox ul,
	#landing_home #lhbox ul>li{
		display:inline-block;
		width:100%;
	}
}
/* Kit */
#landing_home #lhkit ul{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:1.5em 0;
	table-layout:fixed;
	width:100%;
	max-width:50em;
	margin:0 auto;
	margin-top:2em;
}
#landing_home #lhkit ul>li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:1px;
}
#landing_home #lhkit ul>li>div{
	display:inline-block;
	width:200px;
	height:167px;
}
#landing_home #lhkit ul>li span{
	display:inline-block;
	width:100%;
}
#landing_home #lhkit ul>li img{
	width:auto;
	max-height:143px;
}
#landing_home #lhkit ul>li:hover img{
	opacity:.3;
	filter:grayscale(100%);
}
@media screen and (max-width:600px){
	#landing_home #lhkit ul{
		display:inline-block;
		width:100%;
		text-align:center;
		padding-bottom:.5em;
	}
	#landing_home #lhkit ul>li{
		display:inline-block;
		width:100%;
	}
	#landing_home #lhkit ul>li:not(:first-child){
		margin-top:1em;
	}
}
/* Brand */
#landing_home #lhbrand{
	padding-top:0 !important;
	padding-bottom:2em;
}
#landing_home #lhbrand .h2{
	padding-bottom:0;
}
#landing_home #lhbrand #lhbrand_d{
  display:inline-block;
  width:100%;
  text-align:center;
  padding-bottom:.5em;
  margin:0 auto;
  margin-top:2em;
}
#landing_home #lhbrand #lhbrand_d>a{
  display:inline-block;
  width:23%;
  margin-left:1%;
  margin-right:1%;
  vertical-align:top;
  text-align:center;
}
#landing_home #lhbrand #lhbrand_d>a>span:nth-of-type(1){
  display:inline-block;
  width:100%;
  color:#666;
  font-weight:bold;
  padding-top:.5em;
  padding-bottom:.5em;
}
#landing_home #lhbrand #lhbrand_d>a>span:nth-of-type(2){
  display:inline-block;
  width:100%;
  color:black;
  padding-bottom:1.5em;
  font-size:.8em;
  color:gray;
  font-weight:normal;
}
#landing_home #lhbrand #lhbrand_d>a:hover>span{
  color:#AAAAAA;
}
#landing_home #lhbrand #lhbrand_d img{
	display:inline-block;
  max-height:5em;
}
#landing_home #lhbrand #lhbrand_d a:hover img{
	opacity:.3;
	filter:grayscale(100%);
}
@media screen and (max-width:1000px){
	#landing_home #lhbrand #lhbrand_d>a{
		width:31%;
	}
}
@media screen and (max-width:700px){
	#landing_home #lhbrand #lhbrand_d>a{
		width:48%;
	}
}
/* Partnerships */
#landing_home #lhpart .h2{
	padding-bottom:0;
}
#landing_home #lhpart #lhpart_div{
	display:table;
	width:100%;
	border-collapse:collapse;
	margin-top:2em;
	max-width:40em;
	margin:0px auto;
}
#landing_home #lhpart #lhpart_div>div{
	display:table-cell;
}
#landing_home #lhpart #lhpart_div .lhpart_sub{
	display:table;
	border-collapse:separate;
	width:100%;
	border-spacing:.5em .5em;
}
#landing_home #lhpart #lhpart_div .lhpart_sub>*{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:1px;
}
#landing_home #lhpart #lhpart_div img{
	display:inline-block;
	width:100%;
	max-width:6em !important;
}
@media screen and (min-width:800px){
	#landing_home #lhpart #lhpart_div #lpart_sub1 img{
		max-height:10em !important;
	}
}
#landing_home #lhpart #lhpart_div a:hover img{
	opacity:.3;
	filter:grayscale(100%);
}
/* Press */
#landing_home #lhpress .h2{
	padding-bottom:0;
}
#landing_home #lhpress #lhpress_div{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:1.5em 0;
	table-layout:fixed;
	width:100%;
	max-width:80em;
	margin:0 auto;
	margin-top:2em;
}
#landing_home #lhpress #lhpress_div>a{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:1px;
}
#landing_home #lhpress #lhpress_div img{
	display:inline-block;
	width:100%;
}
#landing_home #lhpress #lhpress_div a:hover img{
	opacity:.3;
	filter:grayscale(100%);
}
@media screen and (max-width:800px){
	#landing_home #lhpress #lhpress_div{
		display:inline-block;
		width:100%;
		text-align:center;
		padding-bottom:.5em;
	}
	#landing_home #lhpress #lhpress_div>a{
		display:inline-block;
		width:20%;
	}
}
/* Action */
#landing_home #lhaction #lhaction_v{
	display:table;
	width:100%;
	border-collapse:collapse;
  margin-bottom:2em;
}
#landing_home #lhaction #lhaction_v>div{
	display:table-cell !important;
	vertical-align:middle;
}
#landing_home #lhaction #lhaction_v>:nth-of-type(2){
	width:100%;
}
#landing_home #lhaction #lhaction_v>:not(:nth-of-type(2))>img{
	width:30px;
}
#landing_home #lhaction #lhaction_v img.magnific:hover{
	opacity:.8;
}
#landing_home #lhaction #lhaction_v span.magnific{
	margin-bottom:0;
  padding-bottom:.5em;
}
#landing_home #lhaction p{
	font-size:.9em;
}
#landing_home #lhaction ul{
	display:table;
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
#landing_home #lhaction ul>li{
	display:table-cell;
	vertical-align:top;
	padding-right:.2em;
	padding-left:.5em !important;
}
#landing_home #lhaction ul>li>div{
	display:table;
	width:100%;
	border-collapse:collapse;
}
#landing_home #lhaction ul>li>div>div{
	display:table-cell;
	vertical-align:top;
}
#landing_home #lhaction ul>li>div>div:first-child{
	width:50%;
	padding-right:.5em;
}
#landing_home #lhaction #lhaction_vl:hover,
#landing_home #lhaction #lhaction_vr:hover{
	opacity:.6;
	cursor:pointer;
}
#landing_home #lhaction #lhaction_vl:active,
#landing_home #lhaction #lhaction_vr:active{
	opacity:.3;
	filter:grayscale(100%);
	cursor:pointer;
}
#landing_home #lhaction ul>li>div>div>div{
	display:inline-block;
	width:100%;
	height:auto;
	line-height:0;
	position:relative;
}
#landing_home #lhaction ul>li>div>div>div>img:nth-of-type(1){
	width:100%;
    border-radius:1em;
}
#landing_home #lhaction .lhaction_play{
	position:absolute;
    display:table;
	top:35%;
	left:0;
	width:100%;
	vertical-align:bottom;
	text-align:center;
}
#landing_home #lhaction .lhaction_play>div{
    display:table-cell;
    position:top;
    height:100%;
}
#landing_home #lhaction .lhaction_play>div>img{
    position:relative;
    top:30%;
	width:30%;
}
#landing_home #lhaction ul>li .link{
	display:inline-block;
	min-height:3em;
	padding-bottom:1em;
}
@media screen and (max-width:1000px){
	#landing_home #lhaction ul>:nth-of-type(3){
		display:none;
	}
}
@media screen and (max-width:800px){
	#landing_home #lhaction ul>:nth-of-type(2){
		display:none;
	}
}
#landing_home .lh_swipe{
	display:inline-block;
	width:100%;
  text-align:center;
}
#landing_home .lh_swipe>div>:not(:nth-of-type(2)):hover{
	cursor:pointer;
  opacity:.4;
}
#landing_home .lh_swipe>div{
	display:table;
	width:15em;
  margin:0px auto;
}
#landing_home .lh_swipe>div>div{
	display:table-cell;
	width:15em;
  margin:0px auto;
  vertical-align:middle;
  line-height:0;
	font-size:1.8em;
}
#landing_home .lh_swipe>div>div>img{
	width:1em;
}
/* Verbatim */
#lh_verbatim{
  	display:table;
  	width:100%;
  	border-collapse:collapse;
  	table-layout:fixed;
    margin-top:1em;
}
#lh_verbatim>li{
  	display:table-cell;
}

@media screen and (max-width:800px){
  #lh_verbatim>li:last-child{
    	display:none;
  }
}
#lh_verbatim>li img{
    width:5em !important;
    border-radius:0;
    margin-right:.8em;
}
#lh_verbatim>li>div{
    display:table;
    border-collapse:collapse;
  	table-layout:auto;
    line-height:0;
    width:100%;
}
#lh_verbatim>li>div>div{
    display:table-cell;
    vertical-align:middle;
    padding:0;
}
#lh_verbatim>li>div>div:last-child{
    width:70%;
}
#lh_verbatim>li>div>div:first-child{
    text-align:right;
}
#lh_verbatim>li>div>div>span{
    display:inline-block;
    line-height:normal;
    color:#D12B76;
    width:80%;
}
#lh_verbatim>li>span{
    display:inline-block;
    margin-top:.5em;
    width:100%;
}

/* News */
#landing_home #lhnews{
	padding-bottom:1em;
}
#landing_home #lhnews form{
    display:table;
    width:100%;
    border-collapse:collapse;
    max-width:40em;
    margin:0px auto;
}
#landing_home #lhnews form>div{
    display:table-row;
}
#landing_home #lhnews form>div>div{
    display:table-cell;
    line-height:normal;
    vertical-align:top;
}
#landing_home #lhnews form>div>:first-child{
    padding-right:8px;
}
#landing_home #lhnews form>div>:last-child{
    padding-left:8px;
}
#landing_home #lhnews .submitbutton{
    padding-left:8px;
    padding-right:8px;
}
#landing_home #lhnews form>div>*>*{
    display:inline-block !important;
    width:100% !important;
    padding-left:0;
    padding-right:0;
    margin:0 !important;
}

/* Label */
#landing_home #lhome_label #lh_label_img_div{
	text-align:center;
    width:100%;
    max-width:600px;
    margin:0 auto;
}
#landing_home #lhome_label #lh_label_img_div a{
	display:inline-block;
	width:100%;
	max-width:267px;
	text-align:center;
	margin:0px auto;
}
#landing_home #lhome_label #lh_label_img_div>a:hover img{
	opacity:.3;
	filter:grayscale(100%);
}
#landing_home #lhome_label #lh_label_img_div a>img{
	display:inline-block;
	width:100%;
	max-width:267px;
}
#landing_home #lhome_label span{
    display:inline-block;
    width:100%;
	color:black;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    padding-bottom:1em;
}
/*** TOP ***/
#landh_top_bckgrd1{
    display:inline-block;
    width:100%;
    background: url("landing/images/fond_pique_nique.jpg?01121653") no-repeat center;
    height:822px;
    position:absolute;
    z-index:0;
}
#bckgrd1{background: url("landing/images/fond_pique_nique.jpg?01121653") no-repeat center !important;}
#landh_top_bckgrd2{
    display:inline-block;
    width:100%;
    background: url("landing/images/fond_bureau.jpg?01121653") no-repeat center;
    height:822px;
    position:absolute;
    z-index:1;
    opacity:0;
}
#bckgrd2{background: url("landing/images/fond_bureau.jpg?01121653") no-repeat center !important;}
#landh_top_home{
    display:inline-block;
    width:100%;
    height:822px;
    position:relative;
    z-index:1;
}
#landh_top_home>:first-child{
    margin-top:150px;
}
#landh_top_home>:first-child>img{
    max-width:443px;
}
#landh_top_home>:nth-of-type(2){
    margin-top:60px;
}
#landh_top_home>:nth-of-type(2)>*{
    width:100%;
    height:100%;
    max-width:443px;
    max-height:249px;
}
@media screen and (max-width:443px){
	#landh_top_home>:nth-of-type(2)>iframe{
	    width:350px !important;
	    height:auto !important;
	    padding-bottom:52px;
	}
}
@media screen and (max-width:350px){
	#landh_top_home>:nth-of-type(2)>iframe{
	    width:250px !important;
	    height:auto !important;
    }
}
#landh_top_home>:nth-of-type(3){
    margin-top:10px;
}
#landh_top_home>:nth-of-type(3)>*{
    max-width:61px;
}

/*** PARTNER ***/
#lhome_partner{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.2em 1em;
	background:#F6F7F9;
}
#lhome_partner>div{
	display:table-cell;
}
#lhome_partner>div>h2{
	display:inline-block;
	width:100%;
	text-align:center;
    color:#84B148 !important;
}
#lhome_partner>div>ul{
	display:table;
	border-collapse:separate;
	border-spacing:.5em 1em;
	table-layout:fixed;
	width:100%;
	max-width:1000px;
	margin:0px auto;
}
#lhome_partner>div>ul>li{
	display:table-cell;
	text-align:center;
}
#lhome_partner>div>ul>li>img{
	width:100%;
}
@media screen and (max-width:600px){
	#lhome_partner>div>ul{
		display:inline-block;
		width:100%;
	}
	#lhome_partner>div>ul>li{
		display:inline-block;
		width:50%;
	}
}
/*** STEP ***/
#lhome_step{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.2em 1em;
}
#lhome_step>div{
	display:table-cell;
}
#lhome_step>div>h2{
	display:inline-block;
	width:100%;
	text-align:center;
    color:white !important;
	margin-bottom:1em;
}
#lhome_step_ul{
	display:table;
	border-collapse:separate;
	border-spacing:.5em 1em;
	table-layout:fixed;
	width:100%;
	margin:0px auto;
}
#lhome_step_ul>li{
	display:table-cell;
	color:white;
	vertical-align:top;
}
@media screen and (max-width:800px){
	#lhome_step_ul{
		display:inline-block;
		width:100%;
	}
	#lhome_step_ul>li{
		display:inline-block;
		width:48%;
		margin-left:1%;
		margin-right:1%;
		padding-bottom:2em;
	}
}
@media screen and (max-width:500px){
	#lhome_step_ul{
		display:inline-block;
		width:100%;
	}
	#lhome_step_ul>li{
		display:inline-block;
		width:98%;
		margin-left:1%;
		margin-right:1%;
		padding-bottom:2em;
	}
}
#lhome_step_ul>li>.lhsimg{
    display:inline-block;
    height:84px;
    width:100%;
    background: url("landing/images/sprit_step.png?01121653") no-repeat;
    background-size:122px 420px;
    background-position: center;
}
#lhome_step_ul>:nth-of-type(1)>.lhsimg{background-position:50% -1px;}
#lhome_step_ul>:nth-of-type(2)>.lhsimg{background-position:50% -85px;}
#lhome_step_ul>:nth-of-type(3)>.lhsimg{background-position:50% -169px;}
#lhome_step_ul>:nth-of-type(4)>.lhsimg{background-position:50% -253px;}
#lhome_step_ul>:nth-of-type(5)>.lhsimg{background-position:50% -337px;}
#lhome_step_ul>li>h3{
    display:inline-block;
    width:100%;
    text-align:center;
    font-weight:bold;
    height:3.5em;
}
#lhome_step_ul>li>ul>li{
	font-size:.85em;
}

#lhome_step_ul>li>ul>li>div::before{
	content:".";
    padding-right:.2em;
    position:relative;
    top:-.1em;
    left:0;
    font-size:2em;
}
#lhome_step_ul>li>ul>li>span{
	display:inline-block;
	width:100%;
	font-style:italic;
	opacity:.8;
	font-size:.9em;
}
#lhome_step_ul>li>ul>li>*>a:not(:hover),
#lhome_step_ul>li>ul>li>*>.link:not(:hover){
	text-decoration:underline !important;
	color:white !important;
}
#lhome_step .lh_button>:not(:hover){
	background:white !important;
    color:#84B148 !important;
}
#lhome_step .lh_button{
    margin-bottom:2em;
}
#lhome_step #lhome_step_done>*{
    display:inline-block !important;
    width:100% !important;
    text-align:center !important;
    color:white !important;
    padding-bottom:2em !important;
}
/*** MIDDLE IMAGE ***/
#lhome_middleimg{
	line-height:0;
}
#lhome_middleimg>img{
	display:inline-block;
	width:100%;
}
/*** SUPPORTER ***/
#lhome_supporter{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.2em 1em;
	background:#F6F7F9;
}
#lhome_supporter>div{
	display:table-cell;
}
#lhome_supporter>div>h2{
	display:inline-block;
	width:100%;
	text-align:center;
    color:#84B148 !important;
}
#lhome_supporter>div>ul{
	display:table;
	border-collapse:separate;
	border-spacing:.3em 1em;
	width:100%;
	max-width:320px;
	text-align:center;
    margin:0px auto;
    table-layout:fixed;
}
#lhome_supporter>div>ul>li{
	display:table-cell;
}
#lhome_supporter>div>ul>li>img{
	display:inline-block;
	width:100%;
}
/*** Social ***/
#lhome_social{
	display:inline-block;
	width:100%;
	background:white;
	padding-top:4em;
	padding-bottom:2em;
	text-align:center;
}
/*** FAQ ***/
#faq{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.2em 1em;
	background:white;
	margin-top:1em;
	margin-bottom:1em;
}
#faq>div{
	display:table-cell;
	text-align:center;
}
#faq>div>h2{
	display:inline-block;
	width:100%;
	color:gray;
	font-weight:normal;
}
#faq ul{
    display:table;
    border-collapse:collapse;
    width:100%;
    text-align:left;
    margin-bottom:30px;
    max-width:600px;
    margin:0 auto;
    margin-top:3em;
    margin-bottom:2em;
}
#faq ul>li{
    display:table-row;
}
#faq ul>li>div{
    display:table-cell;
    border:1px solid #B9B9B9;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#faq ul>li .faq_head{
    display:table;
    width:100%;
    border-collapse:collapse;
    cursor:pointer;
}
#faq ul>li .faq_head>div{
    display:table-cell;
    vertical-align:middle;
}
#faq ul>li .faq_head>div:first-child{
    padding-left:20px;
}
#faq ul>li .faq_head>div:last-child{
    width:30px;
    height:50px;
    width:50px;
    text-align:center;
}
#faq ul>li .faq_head>div:last-child>span{
    display:inline-block;
    width:21px;
    height:10px;
    background: url("landing/images/sprit_arrow.png?01121653") no-repeat;
    background-size:19px 21px;
    background-position:top;
}
#faq ul>li>div>p{
    display:none;
    padding-top:10px;
    font-size:.9em;
}
#faq ul>li>div.faq_deploy>.faq_head>div:last-child>span{
    background-position:bottom;
}
#faq ul>li>div.faq_deploy>p{
    display:inline-block;
    padding:20px;
}
/******************************
        LANDING VIDEO
******************************/
#landing_video{
    width:10px !important;
    border-spacing:.2em .2em;
}
#landing_video iframe{
    width:443px;
    height:249px;
}
#landing_video .halign{
    margin-top:0 !important;
}
/******************************
        BUSINESS HOME
******************************/
.lh_business #landh_top_bckgrd2{
    opacity:1;
}
/*** TOP ***/
#landbh_top_home{
    display:inline-block;
    width:100%;
    height:822px;
    position:relative;
    z-index:1;
}
#landbh_top_home>:first-child{
    margin-top:150px;
}
#landbh_top_home>:first-child>img{
    max-width:443px;
}
#landbh_top_home #lbh_top_office{
    margin-top:100px;
    text-align:center;
}
#landbh_top_home #lbh_top_office>div{
    margin:0px auto;
    max-width:300px;
    width:100%;
    font-size:12px;
    color:#4f9aeb !important;
}
#landbh_top_home #lbh_top_office>div>*{
	display:inline-block;
	width:100%;
}
#landbh_top_home>:nth-of-type(3)>*{
    margin-top:63px;
    max-width:61px;
}
/*** Program ***/
#lbhome_program{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.2em 1em;
	background:#F6F7F9;
}
#lbhome_program>div{
	display:table-cell;
}
#lbhome_program>div>h2.h1{
	display:inline-block;
	width:100%;
	text-align:center;
    color:#4f9aeb !important;
}
#lbhome_program>div>p{
	display:inline-block;
	width:100%;
	text-align:center;
	padding-top:2em;
}
#lbhome_program>div>ul{
	display:table;
	border-collapse:separate;
	border-spacing:.5em 1em;
	table-layout:fixed;
	width:100%;
	max-width:1000px;
	margin:0px auto;
}
#lbhome_program>div>ul>li{
	display:table-cell;
	text-align:center;
	padding-top:2em;
	padding-bottom:2em;
}
#lbhome_program>div>ul>li>img{
	height:100px;
}
#lbhome_program>div>ul>li>span{
	display:inline-block;
	width:100%;
	font-weight:bold;
	font-size:.9em;
	margin-top:1em;
}
@media screen and (max-width:600px){
	#lbhome_program>div>ul,
	#lbhome_program>div>ul>li{
		display:inline-block;
		width:100%;
	}
}
/*** Offer ***/
#lbhome_offer{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.2em 1em;
	background:white;
}
#lbhome_offer>div{
	display:table-cell;
}
#lbhome_offer>div>h2{
	display:inline-block;
	width:100%;
	text-align:center;
	margin-bottom:1em;
}
#lbhome_offer>div>p{
	display:inline-block;
	width:100%;
	text-align:center;
	margin-bottom:1em;
	font-size:1.3em;
}
#lbhome_offer #lbhome_offer_img{
	display:inline-block;
	width:100%;
	text-align:center;
	margin-bottom:1em;
}
#lbhome_offer #lbhome_offer_img>img{
	width:100%;
	max-width:100px;
	margin-top:1em;
	margin-bottom:1.5em;
}
#lbhome_offer .lh_button{
    margin-bottom:2em;
}
#lbhome_buslist .lhbl{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:1.5em 0;
	table-layout:fixed;
	width:100%;
	max-width:40em;
	margin:0 auto;
	text-align:center;
}
#lbhome_buslist .lhbl>li{
	display:table-cell;
	vertical-align:top;
}
#lbhome_buslist .lhbl>li .lbh_l{
	display:inline-block;
	width:100%;
	font-size:.75em;
	padding-bottom:.5em;
}
#lbhome_buslist .h1{
	padding-bottom:1.5em;
}
#lbhome_buslist .lhbl img{
	display:inline-block;
	width:100%;
}
#lbhome_buslist .lhbl a:hover img{
	opacity:.3;
	filter:grayscale(100%);
}
/******************************
            CONTACT
******************************/
#landing_contact{
    display:inline-block;
    width:100%;
    background:white;
    padding-bottom:50px;
    text-align:center;
}
#landing_contact>div{
    display:table;
    width:100%;
    max-width:50em;
    margin:0px auto;
    border-collapse:separate;
    border-spacing:.2em 1em;
}
#landing_contact>div>div{
    display:table-cell;
    text-align:left;
}
#landing_contact input[type=text],
#landing_contact input[type=email],
#landing_contact input[type=tel],
#landing_contact textarea{
    background:#F7F7F9;
    border:none;
    padding:13px;
    vertical-align:middle;
    resize:none;
    font-family: 'opensans';
}
#landing_contact .emf_txt{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:0px 15px;
    margin-top:30px;
}
#landing_contact .emf_txt>div{
    display:table-row;
}
#landing_contact .emf_txt>div>div{
    display:table-cell;
    text-align:left !important;
}
#landing_contact .lcontact_block .lowerlabel{
    font-size:1em !important;
}
#landing_contact .input_label_with_helptext{
    line-height:1em !important;
}
#landing_contact .input_label_with_helptext>.lowerlabel{
    font-size:.7em !important;
    padding-bottom:.3em;
}
@media screen and (max-width:800px){
	#landing_contact .emf_txt{
	    display:inline-block;
	    width:100%;
	}
	#landing_contact .emf_txt>div{
	    display:inline-block;
	    width:100%;
	    margin-top:.5em;
	}
	#landing_contact .emf_txt>div>div{
	    display:inline-block;
	    width:100%;
	}
}
#landing_contact .emf_txt>div>div:first-child{
    width:200px;
}
#landing_contact .emf_txt>div>div>label{
    text-align:left !important;
}
#landing_contact .emf_txtarea{
    display:inline-block !important;
    width:200% !important;
    margin-top:30px;
}
#landing_contact .emf_txtarea>div{
    display:inline-block;
    width:100%;
}
#landing_contact .emf_txtarea label{
    display:inline-block;
}
#landing_contact .emf_txtarea textarea{
    height:60px;
}
#landing_contact .emf_chkbox{
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:0px 15px;
    table-layout:fixed;
    margin-top:30px;
}
#landing_contact .emf_chkbox>div.emf_caption{
    display:table-caption;
    text-align:left;
}
#landing_contact .emf_chkbox>div:not(.emf_caption){
    display:table-row-group;
}
#landing_contact .emf_chkbox>div:not(.emf_caption)>div{
    display:table-row;
}
#landing_contact .emf_chkbox>div:not(.emf_caption)>div>div{
    display:table-cell;
    text-align:left;
}
#landing_contact .emf_chkbox>div>div:first-child{
    width:230px;
    text-align:left;
}
#landing_contact .checkbox_left{
	border-collapse:separate;
	border-spacing:0 .3em;
}
#landing_contact #lcontact_ambassador_descr{
    margin-top:1.5em;
}
#landing_contact #lcontact_for_ambassador{
    margin-top:1.5em;
}
#landing_contact #lcontact_for_ambassador .label{
    color:#D12B76;
    font-weight:bold;
}
#landing_contact #lcontact_for_ambassador_div{
    margin-bottom:1em;
}
#landing_contact #lcontact_for_ambassador_div>p:first-child{
    font-size:.75em;
}
#landing_contact #lcontact_for_ambassador_div>.emf_txt{
    margin-top:1em;
}
#landing_contact #lcontact_for_ambassador_div>.lcontact_block{
    margin-top:1em;
}

#landing_contact #lcontact_cat{
    padding-top:2em;
}
#landing_contact #lcontact_cat>div{
    display:table;
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
#landing_contact #lcontact_cat>div>div{
    display:table-cell;
    vertical-align:top;
}
#landing_contact .lcontact_right{
	text-align:right;
}
#landing_contact .form_info{
	margin-top:1.5em;
}
/*****************************
LOGIN & REGISTER
*****************************/
.login_register{
    display:table;
    border-collapse:separate;
    border-spacing:1em 2em;
    width:100%;
    background-color:#E4E4E4;
    background-repeat: no-repeat;
    background-position: center;
    height:822px;
    position:relative;
}

.login_register #bckgrd_white{
    display:inline-block;
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;
    opacity:1;
    top:0;
    left:0;
    background:rgba(85,76,64,.6);
}

.login_register>div{
    display:table-cell;
    vertical-align:top;
    text-align:center;
    padding-top:80px;
}
.login_register>div>*:not(#bckgrd_white){
    display:inline-block;
    padding:1em;
    width:100%;
    max-width:500px;
    margin:0px auto !important;
    margin-top:2em !important;
    background-color:rgba(255,255,255,.9);
    text-align:left !important;
    position:relative;
    z-index:2;
}
.login_register .login_register_link{
    display:inline-block;
    width:100%;
    margin-bottom:.3em;
}
@media screen and (max-width:800px){
    .login_register{
        display:inline-block;
        width:100%;
    }
    .login_register>div{
        display:inline-block;
        width:98%;
        margin:1%;
        padding:0;
    }
    .login_register .halign>div{
        display:inline-block;
        width:100%;
    }
    .login_register .halign>*:not(:first-child){
        padding-left:0 !important;
    }
    .login_register .halign>*:not(:last-child){
        padding-right:0 !important;
    }
}
.login_register .h2{
    margin-bottom:1em;
}
.login_register p{
    margin-top:1em;
    margin-bottom:1em;
}
.login_register .halign{
    margin-bottom:1em !important;
}
.login_register form>.halign:nth-last-of-type(-n+1){
    margin-top:2em;
    margin-bottom:1em;
}
.login_register .checkbox_left{
}
.login_register input[type=submit]{
    margin-top:1em !important;
}

/*****************************
ABOUT
*****************************/
#home_about{
	display:inline-block;
	width:100%;
	text-align:center;
	background:white;
}
#home_about>div{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.2em 1em;
	max-width:50em;
	text-align:left;
	margin:0 auto;
}
#home_about>div>div{
	display:table-cell;
}
#home_about .textsection{
	margin-bottom:3em;
    display:table;
    width:100%;
}
#home_about h2{
	margin-top:2em;
}
#home_about p{
    display:block;
    text-align:justify;
    text-justify:inter-word;
}
#home_about b{
    color:#D12B76;
}
#home_about i{
    color:#84B148;
    font-style:normal;
    font-weight:bold;
}
#home_about li{
    text-align:justify;
    text-justify:inter-word;
}
#home_about img{
    float:left;
    padding-right:1em;
}
#home_about hr{
    display:inline-block;
    float:left;
    width:100%;
    border:0px solid transparent;
    border-top:1px solid gray;
    padding-bottom:2em;
}
#home_about .textsection>div{
    display:table-cell;
    vertical-align:top;
}
#home_about .textsection>div:last-child{
    width:100%;
}
#home_about #habout1{padding-top:1em;}
#home_about #habout1 img{width:20em;}
#home_about #habout2 img{width:12em;}
#home_about #habout3 img{width:20em;}
#home_about #habout4 img{width:12em;}
#home_about #habout6>div{display:inline-block;width:100%;margin-top:1em !important;}
#home_about #habout6>div>img{display:inline-block;width:100%;padding-bottom:2em;padding-right:0;}


@media screen and (max-width:900px){
    #home_about #habout1 img{width:15em;}
    #home_about #habout3 img{width:15em;}
}

/*****************************
EULA
*****************************/
#home_eula{
	display:inline-block;
	width:100%;
	text-align:center;
	background:white;
}
#home_eula>div{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.2em 1em;
	max-width:60em;
	text-align:left;
	margin:0 auto;
}
#home_eula>div>div{
	display:table-cell;
}
#home_eula .h2{
    padding-bottom:.4em;
}
#home_eula p{
    text-align:justify;
    text-justify:inter-word;
}
#home_eula .center_bold{
    display:inline-block;
    width:100%;
    text-align:center;
    padding-top:3em;
}
#home_eula .ul_dash{
	margin-left:2em;
    list-style-type: none;
}
#home_eula .ul_dash>li::before{
	content:'-';
    position: absolute;
    margin-left: -1em;
}
#home_eula .ol_number{
	margin-left:2em;
}
#home_eula .ol_number>li{
	padding-left:.5em;
    list-style-type:decimal !important;
}
#home_eula>div>div>*{
	padding:1em;
}
/******************************
           GUIDE
******************************/
#guide{
	display:table;
	width:100%;
	border-collapse:collapse;
	text-align:center;
}
#guide>div{
	display:table-cell;
	vertical-align:middle;
}
#guide>div>div{
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:.3em 1em;
	max-width:40em;
	background:white;
	margin:0px auto;
}
#guide>div>div>div{
	display:table-cell;
}
#guide>div>div>div>a{
	margin-top:1em;
	margin-bottom:1em;
	display:inline-block;
	max-width:20em;
}

#guide>div>div>div>p{
	text-align:center;
}
/******************************
            SURVEY
******************************/
#landing_survey{
    display:inline-block;
    width:100%;
    background:white;
    padding-bottom:50px;
    text-align:center;
}
#landing_survey>div{
    display:table;
    width:100%;
    max-width:50em;
    margin:0px auto;
    border-collapse:separate;
    border-spacing:.2em 1em;
}
#landing_survey>div>div{
    display:table-cell;
    text-align:left;
}

#landing_survey>div>div{
    display:table-cell;
    text-align:left;
}
#landing_survey #ls_content>div{
	display:inline-block;
	width:100%;
	margin-top:.5em;
	margin-bottom:1em;
}
#landing_survey .ls_choices ul{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	padding-top:.5em;
}
#landing_survey .ls_choices ul>li{
	display:inline-block;
	width:100%;
}
#landing_survey .ls_choices ul>li label{
    color:#232323;
    font-size:.9em;
    text-transform:none;
    font-style:normal;
}
#landing_survey .checkbox_left .label{
    text-align: justify;
    text-justify: inter-word;
}
#landing_survey .helptext{
    position:relative;
    top:-.6em;
}
#landing_survey .errorlist>li{
    text-align:left;
}
/******************************
            CALCULATOR
******************************/
#calculator_auth,#calculator{
    display:inline-block;
    width:100%;
    background:white;
    padding-bottom:50px;
    margin-top:1em;
    margin-bottom:1em;
    text-align:center;
}
#calculator_auth>div,#calculator>div{
    display:inline-block;
    max-width:60em;
    width:100%;
    margin:0 auto;
}
#calculator_auth>div{
    width:98%;
    padding-left:1%;
    padding-right:1%;
    max-width:40em;
}
#calculator_auth #calc_img{
    padding-top:2em;
    width:100%;
    text-align:center;
}
#calculator_auth #calc_img>img{
    width:200px;
    margin:0 auto;
}
#calculator_auth p{
    padding-top:1em;
    text-align:justify;
    text-justify:inter-word;
}
#calculator_auth .calc_buttons{
    margin:0 auto;
    margin-top:1.5em;
    white-space:pre;
    table-layout:auto;
}
#calculator_auth .calc_buttons>*{
    max-width:20em;
}
#calculator_auth .calc_buttons.calc_no_auth>div>a{
    padding-top:.4em;
    padding-bottom:.4em;
}