/* OPTIONAL CSS */
@font-face {
    font-family: 'spinweradbold';
    src: url('../fonts/spinwerad-webfont.eot');
    src: url('../fonts/spinwerad-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/spinwerad-webfont.woff') format('woff'),
         url('../fonts/spinwerad-webfont.ttf') format('truetype'),
         url('../fonts/spinwerad-webfont.svg#spinweradbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway.eot');
	src: url('../fonts/Raleway.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Raleway.woff') format('woff'),
		 url('../fonts/Raleway.ttf') format('truetype'),
		 url('../fonts/Raleway.svg#Raleway') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { 						font-family: 'Raleway', Arial, sans-serif; color: #777; background-color:#aaa; }
table { 					border-color: grey; }
.font_r { 					font-weight:normal;  font-family: 'Raleway', Arial, sans-serif;  }
.font_s {    				font-weight:normal;  font-family: 'spinweradbold', serif; }
.font_o { 					font-weight:normal;  font-family: 'robotoregular', Arial, sans-serif;  }
/* COLOR MANAGEMENT Cimmon */
	.txt_b_w{ 				color: rgb(0,0,0); }
	.txt_grey{ 				color: #666; }
	.txt_white{ 			color: rgb(255, 255, 255); }
	.txt_grey0{ 			color: rgb(242, 242, 242); }
	.txt_grey1{ 			color: rgb(229, 229, 229); }
	.txt_grey2{ 			color: #212121; color: rgba(33,33,33,0.7); }
	.txt_grey3{ 			color: rgb(25, 25, 25); }
	.txt_grey4{ 			color: rgb(12, 12, 12); }
	.txt_black{ 			color: rgb(33,33,33); }
	.txt_fade{ 				color : transparent; color: rgba(127, 127, 127, 0); }
	.txt_shadow{ 			text-shadow: 1px 1px #777; }
	.bg_none{ 				background-color: transparent; }
	.bg_empty{ 				background-color: transparent; }
	.bd_white{ 				color: rgb(255, 255, 255); }
	.bd_grey0{ 				color: rgb(242, 242, 242); }
	.bd_grey1{ 				color: rgb(229, 229, 229); }
	.bd_grey2{ 				color: rgb(170, 170, 170); }
	.bd_black{ 				color: rgb(0, 0, 0); }
	.bg_white{ 				background-color: rgb(255, 255, 255); }
	.bg_grey0{ 				background-color: rgb(242, 242, 242); }
	.bg_grey1{ 				background-color: rgb(229, 229, 229); }
	.bg_grey2{ 				background-color: rgb(170, 170, 170); }
	.bg_black{ 				background-color: rgb(0, 0, 0); }
	.bg_black80{ 			background-color: rgba(0, 0, 0, 0.8); }
	.bg_black60{ 			background-color: rgba(0, 0, 0, 0.6); }
	.bg_black40{ 			background-color: rgba(0, 0, 0, 0.4); }
	.bg_black30{ 			background-color: rgba(0, 0, 0, 0.3); }
	.bg_white80{ 			background-color: rgba(255, 255, 255, 0.8); }
	.bg_white60{ 			background-color: rgba(255, 255, 255, 0.6); }
	.bg_white40{ 			background-color: rgba(255, 255, 255, 0.4); }
	.bg_white30{ 			background-color: rgba(255, 255, 255, 0.3); }
/* colors vv */
	.txt_une, .txt_color{ 	color: rgb(218,251,32); }
	.txt_color2{ 			color: rgb(168,197,6); }
	.bg_color{ 				background-color: rgb(218,251,32); }
	.bg_color3{ 			background-color: black; }
/* Header & Menu */
    .connect{           	background-color: transparent; overflow: hidden; }





	.shop_cont{           	background-color: rgb(168,197,6); }
    .shop_sel{           	color: #464646; background-color: white; }
    .shop_alert{           	color: white; background-color: transparent; }
    .menu_bg{       		background-color: transparent; }

	.menu_items>li>a:hover,
	.block_menu>div>a:hover{color: rgb(218,251,32); }
    .net_item { 			color: white; }    
    .net_item:hover { 		color: rgb(218,251,32); }    
/* common CSS  */
	.btn1 {             	background-color: black;}
    .btn1 {					color: rgb(229, 229, 229); }
    .btn1:hover {			transition: background-color 0.4s ease 0s; background-color: white; }
    .btn1:hover {			transition: color 0.4s ease 0s; color: rgb(170, 170, 170); }
	.btn1 input {       	color: white; }
	.btn1:hover input{		transition: color 0.4s ease 0s; color: black; }
	.btn1 {					-webkit-user-select: none; -ms-user-select: none; user-select: none; }
    .f18_32a {              text-shadow: 1px 1px #777;}
    /* search tags */
    .std .input-search-addon{color: #666; background: white; }
    .std .input-search{     color: #666; background: white; }
    .tab .input-search-addon{color: rgb(242, 242, 242); background-color: rgb(168,197,6); }
    .tab .input-search{     color: rgb(242, 242, 242); background-color: rgb(168,197,6); }
    .std .tag:hover{        color: rgb(218,251,32); background-color: white;}
	.p_cc4.omj-vv-theme a, .p_cc4.omj-vv-theme span{ color: #ddd; } 
/* Item form */
    #p_form_title{          color: black; }
    .pformBg{				background-color: rgba(0,0,0, 0.1); }
    .pForm {				background-color: white; }
	.p__07{		        	background: url('../../images_site/icon_close_4.png') no-repeat; background-size:contain;  }
    /* pop up */
    #p_pop_title{           color: black; }
    .pPop {             	background-color: white; }
    .list_pop:hover{    	background-color: rgba(128, 255, 128, 0.8);}
/* page_1 Panos */
    #p1fe_info{				background-color: rgba( 0, 0, 0, 0.4); }
    #p1_pano_cont{			background-color:transparent; }
    #p1_pano_c {   		    background-color:transparent; }
    #p1_pano_t {   		    background-color:transparent; }
    #p1_pano_p {   	        background-color:transparent; }
	#p1p_title2{			color: rgb(218,251,32); }											
    #p1p_loader{			background-color: rgba(0,0,0,0.2); } 
    #p1p_target_t>p, 
	#p1p_target_t>a{		color:#fff; }
	.std .btn_switch{		color: rgb(33,33,33); background-color: white; }
	.tab .btn_switch{		color: rgb(33,33,33); background-color: white; }
    /* Carrousel */
    .f11_23{         		color: rgb(13, 13, 13); font-weight: bold;}
    .std .p1c_1a div:hover{	color: rgb(168,197,6); }											
	.std .is_active{		color: rgb(168,197,6); }
	.std .p1cc_windows_{	background-color: white; }
	.std .p1f_places, 
	.std .p1f_items{		background-color: rgba(0,0,0,0.2); }
	.f16_75  {              color: rgb(242, 242, 242); font-weight: bold;}
	.tab .p1cc_windows_{	background-color: rgba(0,0,0,0.8); }
	.tab .p1cc_1d{			background-color: black; } /* search */
	.tab .tab_btn1{			background-color: rgb(168,197,6); } /* Boutons */
	.tab .tab_btn0{			background-color: black; } /* RAZ */
	#p1_filter.tab{			background-color: rgba(0,0,0,0.5); }
	.tab .p1f_select{		background-color: rgba(0,0,0,0.8); }
	.tab .p1f_1a.bg_color{	background-color: rgb(168,197,6); } /* Boutons */
	.tab .tag.is_selected{	border-color: rgb(218,251,32); }
	.tab .tag_img2_bg{		background-color: rgba( 0, 0, 0, 0.3);}
	.p1c_4{	        		background-color: rgba(0,0,0,0.4);}
   /* Scrollbar */
	.std #p1c_cont .scrollbar-outer > .scroll-element { background-color: transparent; }
	.std #p1c_cont .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #e3e3e3; }
	.std #p1c_cont .scrollbar-outer > .scroll-element .scroll-bar { background-color: #bbb; }
	.std #p1c_cont .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #999; }
	.std #p1c_cont .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #777; }
	#p1_filter.std .scrollbar-outer > .scroll-element { background-color: transparent; }
	#p1_filter.std .scrollbar-outer > .scroll-element .scroll-element_track { background-color: rgba(255, 255, 255, 0.3); }
	#p1_filter.std .scrollbar-outer > .scroll-element .scroll-bar { background-color: rgba(255, 255, 255, 0.3); }
	#p1_filter.std .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: rgba(255, 255, 255, 0.6); }
	#p1_filter.std .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: rgba(255, 255, 255, 0.8); }
    /* Version tablette - scrollbar */
	.tab #p1c_cont .scrollbar-outer > .scroll-element { background-color: transparent; }
	.tab #p1c_cont .scrollbar-outer > .scroll-element .scroll-element_track { background-color: rgba(255, 255, 255, 0.3); }
	.tab #p1c_cont .scrollbar-outer > .scroll-element .scroll-bar { background-color: rgba(255, 255, 255, 0.3); }
	.tab #p1c_cont .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: rgba(255, 255, 255, 0.6); }
	.tab #p1c_cont .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: rgba(255, 255, 255, 0.8); }
	#p1_filter.tab .scrollbar-outer > .scroll-element { background-color: transparent; }
	#p1_filter.tab .scrollbar-outer > .scroll-element .scroll-element_track { background-color: rgba(255, 255, 255, 0.3); }
	#p1_filter.tab .scrollbar-outer > .scroll-element .scroll-bar { background-color: rgba(0, 0, 0, 0.6); }
	#p1_filter.tab .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: rgba(0, 0, 0, 0.8); }
	#p1_filter.tab .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: rgba(0, 0, 0, 1); }
    /* Tuto */
    #p1_tuto{				background-color: rgba(0,0,0,0.8); }
/* Header & Menu */
.header{                    position: absolute; z-index: 5; width: 100%; float: none;
							-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; 
							-webkit-transform: translateZ(0); float: none !important}
    .menu{               	font-family: "Raleway", sans-serif; }
    .header_logo{       	position: absolute; background-color: transparent;}
    .header_logo_img{    	position: absolute; background: url('../../images_site/omj/logo_omj_0.png') no-repeat; background-size: cover; cursor:pointer; }
    .block_menu{         	position: absolute; }
    .menu_items{         	margin: 0;  }
    .menu_items > li {    	cursor: pointer; }
    .menu_items > li > a {	text-transform: uppercase; text-decoration: none;}

    .block_net {        	float:right; text-align: right; vertical-align: top; }
    .block_net_float{		position:fixed; z-index:10; right: 10px; margin:0; padding: 0; float:right; display: none;}
	.block_net_float .net { text-align: center; }    
    .net {              	z-index:1; display: inline-block;  }
    .net_item {             position: relative; display: block; float: left; text-decoration: none; }
    .fb-page {              z-index:0;   }
    .sw_lang {              z-index:1; margin-left: 65%; margin-top: -7%;text-align:center; padding: 0; display:none;}
/* pages elements vv */
    #p1p_target{			position:absolute; z-index:2; left: 50%; top: 50%; display:none;
                            background: url('../../images_site/omj/p1p_target_omj.png') no-repeat; background-size:contain;  }
@media (min-width: 310px) {
/* Common */
    .fa,.fab,.fal,.far,.fas{ font-size: 14px; line-height: 25px; }
    .fa-fw {                width: 30px; }
/* Connect */
    .net_menu{           	height:25px; }
	.shop_cont{           	position: absolute; top: 1px; right: 0; width: 305px; height:20px; padding: 2px 5px 2px 0; }
    .shop_sel{           	display: block; float: right; width: 150px; padding: 2px 0 2px 3px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.shop_sel.f13_20,
	.shop_alert.f13_20{		font-size: 12px; line-height: 14px; font-family: Open Sans,sans-serif; }
    .shop_alert{           	display: block; float: right; width: 140px; padding: 2px 6px 2px 0; }
/* Menu */
    .menu_bg{           	height: 55px; }
    .header_logo{        	height: 40px;  width: 70px; left: 0; margin: 0; padding: 0; }
    .header_logo_img{    	left: 0; width: 70px;  height: 70px; margin-top: -10px; }
    .block_menu{         	top: 0; left: 80px;  margin: 10px 0 0 10px;  }
    .block_menu>ul,
	.block_menu>div{        float: none; margin: 0; min-width: 40px;}
    .block_menu>ul{   		display: none; height: 100%; background-color: rgba(0,0,0,0.3); }
    .block_menu>ul>li {   	float: none; padding: 3px; cursor: pointer;}
    .block_menu>ul>li>a{	font-size: 14px; line-height: 25px; letter-spacing: 0.3em; padding: 4px 10px; font-weight: 600; text-decoration: none; text-shadow: 1px 1px #777;   }
    .block_net { 			height:25px; margin-top: 15px; margin-right: 9px; }
    .t_m_0 { 				display: block; cursor: pointer; text-align: center;}
    .t_m_1 { 				display: none; width: 30px; cursor: pointer; text-align: center; }
    .t_m_0>a>.fas, 
	.t_m_1>a>.fas{ 			font-size: 28px; line-height: 28px;  padding: 1px 5px;}
    .t_m_1>a>.fas{ 			font-weight: 600;}
}
@media (min-width: 480px) {
	.shop_cont{           	width: 310px; }
    .block_menu{         	left: 180px; }
}
@media (min-width: 768px) {
/* Common */
    .fa,.fab,.fal,.far,.fas{ font-size: 18px; line-height: 33px; }
    .fa-fw {                width: 37px; }
/* Connect */
    .net_menu{           	height:32px; }
	.shop_cont{           	width: 340px; height:24px; padding: 4px 8px 4px 0; }
    .shop_sel{           	width: 170px; padding: 3px 0 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.shop_sel.f13_20,
	.shop_alert.f13_20{		font-size: 14px; line-height: 18px; }
    .shop_alert{           	width: 160px; padding: 3px 10px 3px 0; }
/* Menu */
    .menu_bg{            	height: 55px; }
    .header_logo{        	height: 45px;  width: 85px;  margin-left: -8px; }
    .header_logo_img{    	width: 110px;  height: 110px; margin-top: -20px;  }
    .block_menu{         	left: 110px; margin: 12px 0 0 25px; }
    .t_m_1 { 				width: 40px; }
    .t_m_0>a>.fas,
	.t_m_1>a>.fas{ 			font-size: 37px; line-height: 37px;  padding: 1px 6px 9px 6px;}
    .block_menu>ul{   		background-color: transparent; }
    .block_menu>ul>li {   	padding: 2px 0px;}
    .block_menu>ul>li>a{	font-size: 13px; line-height: 15px; letter-spacing: 0.3em; padding: 4px 7px; }
    .block_net {         	height:15px; margin-top: 10px; margin-right: 9px; }
}
@media (min-width: 1200px) {
/* Menu */
    .menu_bg{            	height: 58px; }
    .header_logo{        	height: 58px;  width: 110px;  margin-left: -10px;  }
    .t_m_0 { 				display:none;}
    .block_menu{         	margin: 15px 0 0 20px; }
    .block_menu>ul{   		display: block; background-color: transparent;}
    .block_menu>ul>li  {    float: left; padding: 0 6px;}
    .block_net {         	height:20px; margin-top: 15px; margin-right: 12px; }
}
@media (min-width: 1600px) {
/* common Menus  & footer*/
    .fa,.fab,.fal,.far,.fas{ font-size: 16px; line-height: 30px; }
    .fa-fw {                width: 35px; }
 /* Menu */
    .block_menu{         	margin: 15px 0 0 65px; }
}
/* ================= SPECIFIC OMJ OTHER ELEMENTS ===================== */
	.fb_share{ 				background-color: transparent; background-color: rgba(0, 0, 0,0.2); }    
    .fb_like_box {          z-index:1; width: 400px; display: inline-block; display: none; }
    .fb_like_box_bg {       z-index:3; width: 5000px; height:3000px; margin-left:-3000px; margin-top:-1000px; background-color:transparent; background-color: rgba(0, 0, 0, 0.4)  }
    .fb-page {              z-index:0;   }
    .fb_share_on, 
	.fb_share_off { 		cursor: pointer; }
    .fb_share {             position: relative; z-index:2; width: 140px; text-align: right; display: none; }
    .fb_share_off {         width: 100%; color: white;  }
    .pin_it, .fb-like {     padding: 5px 0; }
    .sw_lang {              z-index:1; margin-left: 65%; margin-top: -7%;text-align:center; padding: 0; display:none;}
	.fb_share { 			margin-left: -150px; padding: 5px; }