body {margin: 0;}
@font-face {font-family: 'HelveticaLTPro-Bold';
    src: url('../font/fonts/HelveticaLTPro-Bold.eot'),url('../font/fonts/HelveticaLTPro-Bold.otf'),
    url('../font/fonts/HelveticaLTPro-Bold.ttf'),url('../font/fonts/HelveticaLTPro-Bold.woff');}
@font-face {font-family: 'HelveticaLTPro-Roman';
    src: url('../font/fonts/HelveticaLTPro-Roman.eot'),url('../font/fonts/HelveticaLTPro-Roman.otf'),
    url('../font/fonts/HelveticaLTPro-Roman.ttf'),url('../font/fonts/HelveticaLTPro-Roman.woff');}
@font-face {font-family: 'AdobeFnt16';
    src: url('../font/fonts/adobefnt16.eot'),url('../font/fonts/AdobeFnt16.lst'),url('../font/fonts/adobefnt16.otf'),
    url('../font/fonts/adobefnt16.ttf'),url('../font/fonts/adobefnt16.woff'),url('../font/fonts/Arial.eot');}
@font-face {font-family: 'Arial';src: url('../font/fonts/Arial.eot'),url('../font/fonts/Arial.otf'),
url('../font/fonts/Arial.ttf'),url('../font/fonts/Arial.woff');}
@font-face {font-family: 'Arial-Bold';src: url('../font/fonts/Arial-Bold.eot'),
url('../font/fonts/Arial-Bold.otf'),url('../font/fonts/Arial-Bold.ttf'),url('../font/fonts/Arial-Bold.woff');}
@font-face {font-family: 'Helvetica';src: url('../font/fonts/Helvetica.dfont'),url('../font/fonts/helvetica.eot'),
url('../font/fonts/helvetica.otf'),url('../font/fonts/helvetica.ttf'),url('../font/fonts/helvetica.woff');}
@font-face {font-family: 'HelveticaNeue';
    src: url('../font/fonts/helveticaneue.woff'),url('../font/fonts/helveticaneue.ttf'),
    url('../font/fonts/helveticaneue.otf'),url('../font/fonts/helveticaneue.eot'),url('../font/fonts/HelveticaNeue.dfont');}
@font-face {font-family: 'MinionPro-Bold';src: url('../font/fonts/MinionPro-Bold.eot'),
url('../font/fonts/MinionPro-Bold.otf'),url('../font/fonts/MinionPro-Bold.ttf'),url('../font/fonts/MinionPro-Bold.woff');}
@font-face {font-family: 'MinionPro-Regular';src: url('../font/fonts/MinionPro-Regular.eot'),url('../font/fonts/MinionPro-Regular.otf'),
url('../font/fonts/MinionPro-Regular.ttf'),url('../font/fonts/MinionPro-Regular.woff');}
.container-page {float: left;position: relative;width: 100%;}
.item ul {height: 48px;list-style: none;margin: 0;padding: 0; }
.item ul > li {border-left: 1px solid #000;	border-bottom: 1px solid #000;cursor: pointer;float: left;font-size:16px;width: 16.66%;}
@media only screen and (min-width : 1300px) {.item ul > li {width: 16.64%;} }
@media only screen and (min-width : 1300px) {.logo{width: 16.75% !important;} }
@media only screen and (max-device-width : 480px) {.logo td {border-width: 2px !important;} }
.logo {background-color: #fff;cursor:pointer;position: absolute;right: 0;top: 47px;width: 16.8%;z-index: 2;}
.logo table {border-spacing: 0;border-collapse: collapse;height: 72px;text-align: center;width: 100%;}
.logo td {padding-top: 5px;border: solid 3px black;border-width: 3px;text-transform: uppercase;font-family: 'Arial-Bold';font-size: 20px;color: #000;}
.logo img {width: 100%;}
ul.community li> a.top-menu {border-bottom: 1px solid #000;}
.item a {color:#000;display:block;padding: 12px 0 13px 4%;text-decoration:none;font-family:HelveticaLTPro-Bold;width: 100%;}
ul.sous-menu li:last-child { border-bottom: 0;}
ul.sous-menu li:hover {background-color:#000;}
.sous-menu-agenda ul li > a:hover {color:#FFF !important;}
/************** start sous-menu-agenda**************/
.sous-menu-agenda {background-color: #FFF;border: 1px solid #000;display: none;margin-left: -1px;position: absolute;top: 47px;width: 16.7%;z-index: 9;}
.sous-menu-agenda ul { border: 0px;}
.sous-menu-agenda ul > li {border-bottom: 1px solid #000;border-left: 0;width: 100%;}
.sous-menu-agenda  ul li> a{color: #000;display: block ;font-family: HelveticaLTPro-Bold;font-size: 18px;
    padding: 12px 0px 12px 9px;text-decoration: none;width: 100%;}
a.top-menu.active  {background-color:#000 ;color:#FFF !important;}
/************** end sous-menu-agenda**************/
.img-cm-cover  {background-position: center;background-size: cover;cursor:pointer;
    float: left;height: auto;min-height: 470px;position: relative;width:33.33%;}
@media only screen and (min-width : 1300px) {.img-cm-cover {width: 33.3%;} }
.overlay , .overlay-text {background-color: #FFF;border-left: 0.5px solid #000;border-bottom: 1px solid #000;float: left;
    height: 470px;position: relative;width: 100%;z-index: -1;}
.img-cm-cover:hover .overlay {z-index: 1; }
.overlay-text {z-index: 1;   }
.img-cm-cover:hover .overlay-text { 	z-index: -1;}
.text {color: #000;font-size: 20px;position: absolute;top: 30%;
    left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width: 80%;}
.text p { font-size: 30px;}
.menu-horizontal {bottom: -10px;left: -39px;position: absolute;width: 100%;z-index: 2;}
.menu-horizontal li {background: #fff; border-bottom: 1px solid #000;border-top: 1px solid #000;cursor:pointer;
    display: inline-block;float: left; border-right: 1px solid #000;padding: 5px;width: 25%;}
.menu-horizontal li:hover { background-color: #00FF00; }
.menu-horizontal li a {color:#000;font-family: HelveticaLTPro-Bold;text-decoration:none;}
/************** Start item menu **************/
.horizontal-menu {background-color:#fff;border-right: 0px;border-right: 1px solid #000;border-top: 1px solid #000;
    bottom:0px;position: absolute;right: 0;width:16.8%;z-index: 2;}
ul.horizontal-item {list-style: none;margin: 0;padding: 0;}
ul.horizontal-item li {border-left: 1px solid #000;cursor: pointer;float: left;padding: 10px 0;text-align: center;width: 16.5%;}
li.menu-element a:hover {text-decoration:none;}
ul.horizontal-item li  > a{color: #000;display: inline-block; font-family: HelveticaLTPro-Bold; padding: 8px 0px 0px 0px; text-decoration: none;}
ul.clock-spread {background-color: #fff;border: 1px solid #000;bottom: 48px;display: none;list-style: none;
    padding-left: 0;position: absolute;width: 82.75%;left: 0;}
#triangle , #triangle_04 {border-width: 0px 0px 125px 125px;border-style: solid; position: absolute;border-color: #fff #fff transparent;
    border-image: initial; bottom: 0;right: 0;background-attachment: fixed;background-position: bottom left; }
#triangle {background-image: url(../img/image-02.jpg);}#triangle_04 {background-image: url(../img/image-04.jpg);}
ul.clock-spread li {border-bottom: 1px solid #000;border-left: 0;cursor:default;display: block;
    font-family:HelveticaLTPro-Bold;line-height: 33px;padding: 0px 0 0 5%;text-align: left;width: 100%;}
.oc span {background-color: #00FF00;border-left: 1px solid #000;display: inline-block;float: right;font-family:HelveticaLTPro-Bold;font-size: 16px;height:33px;
    line-height: 28px;padding: 3px 2px 2px 0px;text-align: center;width: 21%;}
.clock-spread li.oc:first-child {font-family: 'HelveticaLTPro-Bold';}
ul.content-search{bottom: 39px;display:none;list-style: none;padding: 0px 0px;position: absolute;width: 75%;}
input.searchcontrol {	padding: 5px 0px 5px 10px;width: 600%;} ul.content-search li{border-left: 0;}
#language {	text-transform: capitalize;}
/************** End item menu **************/

/******* table style *************/
.table-bordered { border: 0;}
.bs-example {margin-top:74px;}
.table>tbody>tr>td.img-table {cursor: pointer;padding:0px;position: relative;width:22%}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid #000;color: #000;font-family: HelveticaLTPro-Bold;}
.table>tbody>tr>td {vertical-align: middle;}
td.fix-grid.rowspan-hover { border-bottom: 1px solid #000;}
.table >tbody>tr>td>img {	background-size: cover;	background-position: center;height: 90px;vertical-align: middle;width: 100%;}
.table>tbody>tr>td.expo {border-top: 1px solid #000;border-bottom: 0;padding:0;}
.table>tbody>tr>td.expo.last{border-bottom:1px solid #000;}
td.fix-grid {height:55px;}
.table { margin-bottom: 0px;}
tr.vertical-row {height:56px;}
tr.tr-table { height: 37px;}
td.rowspan-hover { background-color:#FFF; cursor: pointer;}
.table>tbody>tr>td {height: 45px;}
td.rowspan-hover:hover {cursor: pointer;}
.bck-img {height: 100%; float: left;position: absolute;width: 100%;top: 0;}
.tr-table:hover .rowspan-hover  {background-color:#00FF00;}
.tr-table:hover .bck-img {background-color: rgba(0, 255, 0, 0.2);}
.picbig {position: absolute; -webkit-transition: width 0.3s linear 0s; transition: width 0.3s linear 0s;
    z-index: 10;display: none;margin-left: 305px; z-index: 2;-ms-transition: all 200ms ease-in; -ms-transform: scale(1.5);
    -moz-transition: all 200ms ease-in; -moz-transform: scale(1.5);  border: 2px solid #000;}
td.img-table:hover  .picbig { display: block;position:absolute;height: 350px;width: 260px;}
.bs-example.com .table-bordered>tbody>tr>td.marks {border:0 !important;}
.bs-example.com .table-bordered>tbody>tr>td {border-top: 1px solid #000 !important;border-bottom: 1px solid #000 !important;}
/******* end table style *************/

/*******  table02 style *************/
.agenda_table  ul > li.menu-element { border-bottom: 0px solid #000;}
.bs-example.agenda_table {margin-top:-1px;}
.agenda_table {position: relative;}
.cm {background: #fff;color: #000;cursor:pointer;position: absolute;right: 0;top: 0; }
.cm span:first-child {border-bottom: 2.5px solid #000;text-transform: uppercase; font-family: 'Arial-Bold'; color: #000;}
.cm span {border-left: 2.5px solid #000;border-right: 2.5px solid #000;padding: 1px 10px;position: relative;top: 0px;
    text-transform: uppercase;display: block;font-size: 13.5px;border-bottom: 3px solid #000;}
td.month {text-transform:uppercase;width: 16.65%;}
td.day {width: 12%;}
td.even span {font-family: 'Arial';}
td.month , td.day , td.even  {cursor:pointer;}
.agenda_table li.menu-element:first-child {width: 16.65%;}
/******* end table02 style *************/

/******* page spectacle style *************/
/** initial setup  scrollbar**/
.nano { position : relative; overflow : hidden;}
.nano .content {position:absolute;overflow:scroll;overflow-x:hidden; top :0;right :0; bottom: 0;left : 0;}
.nano .content:focus {outline: thin dotted;}
.nano .content > div:not(first-child) img , .nano .content > div:not(first-child) iframe{
    top:-60px;
}
.nano .content::-webkit-scrollbar { visibility: visible;}
.has-scrollbar .content::-webkit-scrollbar { visibility: visible;}
.nano > .pane {background : rgba(0,255,0,1);position: absolute; width: 14px;right : 0;top: 0;
    bottom     : 0;visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity: 1; -webkit-transition: .2s;-moz-transition: .2s;-o-transition  : .2s;transition   : .2s;}
.nano > .pane > .slider {background: rgba(0,255,0,1);position: relative;margin: 0 1px;z-index: 1;}
.nano:hover > .pane, .pane.active, .pane.flashed { visibility : visible\9; /* Target only IE7 and IE8 with this hack */ opacity    : 0.99;}
.nano {  height: 1000px; float: left;border-top: 1px solid #000; margin-top: -1px;width: 100%;}
.nano.sid_lr {width: 99.9%;}
@media only screen and (min-width : 1300px) {.nano.sid_lr {width: 100%;} }
.nano .pane   { background: #000; }
/*** end scrollbar ***/
.side-left-even  {float:left;width: 49.9%;}
.nano.lag{height: 1117px;}
.side-right-even {float:left;width: 50.1%;}
.evenment_focus .bs-example {margin-top: 0px;}
.evenment_focus .table-bordered {width: 100%;}
.evenment_focus .table-bordered>tbody>tr>td {font-family: 'Helvetica';letter-spacing: 1px;padding: 10px;}
.evenment_focus { margin-top: -1px;position: relative;}
td.yolo {font-size: 28px;}
td.allta_time {padding:0 !important;}
td.allta_time > table {width:100%;}
td.allta {border-right: 1px solid #000;padding-left: 10px;width:66.9%;}
td.time {background-color:#00FF00;font-size: 25px;padding: 10px 0px 10px 10px;width:33%;}
table.nano_01 {height: 50px;width: 100%;}
.table-bordered>tbody>tr>td.nano_01_:first-child{cursor:pointer;width:67%;}
.table-bordered>tbody>tr>td.nano_01_:first-child:hover{background-color:#00FF00;}
.table-bordered>tbody>tr>td.nano_01_ {border-top: 0;padding: 5px 5px 5px 10px;width:34%;}
.nano_02 {width:100%;}
.table-bordered>tbody>tr>td.nano_02_ { border-top: 0; width: 33%; vertical-align: top;}
/*.table-bordered>tbody>tr>td.nano_02_ .table-bordered:first-child{ border-top: 1px solid; }*/
.table-bordered>tbody>tr>td.nano_02_01 { border-top: 0;padding:10px 10px 10px 20px;width: 77%;}
td.nano_02_ table.table-bordered {width:100%;}
.table-bordered>tbody>tr>td.nano_02_00 , .table-bordered>tbody>tr>td.nano_02_02 {
    border-top: 0;border-left: 0;padding:7px 10px 4px 10px;   width: 50%;}
.table-bordered>tbody>tr>td.nano_02_02 {border-bottom:0;border-right:0;}
.table-bordered>tbody>tr>td.nano_02_03 {border-right: 0;}
.table-bordered>tbody>tr>td.nano_02_02.nano_02_03 {cursor:pointer;-webkit-animation: mymove 2s infinite; /* Safari 4.0 - 8.0 */animation: mymove 1s infinite;/* Safari 4.0 - 8.0 */border-bottom: 1px solid #000;}
@-webkit-keyframes mymove {0%   {background-color:#00FF00;}50%  {background-color:#FFF;}100%  {background-color:#00FF00;}}
/* Standard syntax */
@keyframes mymove {0%   {background-color:#00FF00;}50%  {background-color:#FFF;}100%  {background-color:#00FF00;}}
td.nano_02_00.nano_02-02.second{	border-right: 0; cursor:default !important;-webkit-animation: none !important;/* Safari 4.0 - 8.0 */}
.table-bordered>tbody>tr>td.nano_03 {border: 0;}
.table-bordered>tbody>tr>td.nano_03-01:first-child {border: 0!important;}
.table-bordered>tbody>tr>td.nano_03-01 {border: 0; border-left: 1px solid #000;text-align:center;width: 25%;}
.table-bordered>tbody>tr>td.nano_03-01 a {color: #000;display: inline-block; padding:5px 15px}
.table-bordered>tbody>tr>td.nano_03-01 a.sw {line-height: 14px;font-weight: lighter;font-family: 'Arial';}
/********** modal *************/
.modal-backdrop.in { filter: alpha(opacity=0);opacity: 0;}
.modal.and.carousel {position: fixed;}
.nav-pills>li>a {   border-radius: 0px;}
.nav>li>a { position: relative;display: block;padding: 0;}
.nav-stacked>li+li {  margin-top: 0px;}
img.img-rotate {-ms-transform: rotate(7deg); /* IE 9 */-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);}
.nav>li>a:focus, .nav>li>a:hover { outline: none;}
.modal-content {position: relative;background-color: #fff;-webkit-background-clip: padding-box;
    background-clip: padding-box;border: 0;border: 0;border-radius: 0px;}
.modal-body {position: relative;padding: 0px;}
.modal-dialog {height:700px !important;width: 42% !important;margin: 4% auto;}
@media(max-width:480px){.modal-dialog {margin: 14% auto !important;}}
button.close {position: absolute;top: 8px;opacity: 1;font-weight: 200;font-size: 50px; right: 20px; color: #00FF00;}
.sd_01 {width: 20px; bottom: 15px; height: 20px;position: absolute; border-top: 1px solid #00FF00;
    transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.triangle { position: absolute;margin: auto;top: -6px;left: 0;right: 0; width: 13px; height: 13px; transform: rotate(45deg);
    -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);border-right: 1px solid #00FF00; border-bottom: 1px solid #00FF00;}
a.sd_np {position:absolute;right:35px;}
.sd_01.np {border-top: 1px solid #00FF00;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.triangle.np {position: absolute;margin: auto;top: -6px;left: 0; right: 0;width: 13px;height: 13px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);border-left: 1px solid #00FF00;border-right:0;}
.carousel-inner>.item>img {width: 100%;    border: 5px solid #000; max-height: 100%;}
/********** end modal *********/
/******* end page spectacle style *************/

/****************** page journal *********/
.jr_01  {float: left;position: relative;width: 33.333%;}
.nano.jr_00 {position: relative;}  .nano.jr_00 img {height: auto;position: relative;}
.history {color:#000;height: 60px;float: right;position: relative;top: -60px;width: 100%;z-index: 0;}
iframe+.history{
    bottom:0;
    top:0;
}
.history_01 {background: #fff;cursor:pointer;float: right;border-bottom: 0.5px solid #000;padding:5px;width: 50%;}
.his_01 {border-left: 1px solid #000;border-right: 1px solid #000;}
.history_01.his_01:first-child {border-top: 1px solid #000;}
.history_01.his_01{
    bottom:0!important;
}
.his_hidden { background: transparent; border-top: 1px solid #000;visibility:hidden;}
.bdr_hid {border-top: 1px solid #000;margin-top: -1px;border-left: 1px solid #000;}
.history_01.bdr_hid.hb_002 {padding:5px;}
.bdr_hid {padding:0;}
.bdr_hid .media-01 {width: 50%;float: left;padding:5px;}
.bdr_hid .media-01:first-child {border-right:1px solid #000;}
.his_01:hover , .media-01:hover{ background-color: #00FF00;}
.play_01 {border-bottom: 1px solid #000;height: 503px;position: relative;width: 100%;}
.fa.fa-play-circle {position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); font-size: 65px;cursor: pointer;color: #000;}
/****************** end page journal *********/

/******************  page boutique ************/
#store.bs-example {margin-top:0;}
#store td.rowspan-hover {width: 20%;}
#store td.rowspan-hover.store {width: 45%;}
#store .table>tbody>tr.tr-table {height: 45px;}
#store td.rowspan-hover span { color: #00FF00;text-transform: uppercase;-ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg); transform: rotate(-35deg);display: inline-block;font-size: 18px; margin-left: -10px;}
table.store {margin-bottom: -1px;margin-top: -1px;}
table.store td:first-child {border-left:0;height: 44px;padding: 0;}
table>tbody>tr>td.middle-store{padding:0;width: 26.3%;border-right: 0;}
table>tbody>tr>td.last-middle-store{border-right: 0;}
table.store >tbody> tr.tr-table {height: 40px;}
table.str_00 >tbody>tr>td.str_01 {width: 80%;text-align: center;}
table.str_00>tbody>tr>td.str_02 {border-left: 1px solid #000;text-align: center;width: 20%;background-color:#00FF00;}
table>tbody>tr>td.str_001 {padding:0;}
table.str_00 {width:100%;}
table>tbody>tr>td.last-store{width: 26.3%;border-left: 0;}
table.store>tbody>tr>td.smat{width: 57%;}
/****************** end page boutique *********/mouseenter

                                                    /******************  page archive ************/
                                                .bs-example.archive {margin-top:-1px;}
.archive table>tbody>tr>td.title{width:50%;}
.archive table>tbody>tr>td.type {width:25.05%;padding: 8px 0;}
.archive table>tbody>tr>td.type span{border-right: 1px solid;cursor:pointer;padding:15.5px 5px;}
.archive table>tbody>tr>td.type span:hover{background-color:#00FF00;padding:15px 5px 16px 5px;}
i.fa.fa-long-arrow-down {vertical-align: middle;}
.archive .dropdown-menu {min-width: 160px; padding: 0px 0;margin: 12px 0 0;border-top: 1px solid #000;
    border-bottom:0;border-left: 0;border-right: 1px solid #000;border-radius: 0px;
    -webkit-box-shadow: none ; box-shadow: none ;background-color:#00FF00;}
.archive .dropdown-menu>li>a {border-bottom: 1px solid #000; padding: 7px 20px 2px 20px;color: #000;}
.archive .dropdown-menu>li>a:hover {background-color:#FFF;}
.active_item_archive{background-color:#00FF00;}
.type_tr{ background-color:#fff !important;}
/****************** end page archive *********/

/******************  page communauté *********/
.bs-example.com {margin-top:-1px;position: relative;}
table>tbody>tr>td.marks {font-size: 50px;font-size: 50px;height:60px;float:left;line-height:54px;}table>tbody>tr>td.txt_def {padding: 5px 0px 10px 0px}/* liScroll styles (text-defilant) */
.tickercontainer { /* the outer div with the black border */background: #fff; width: 100%; height: 27px; margin: 0; padding: 0;overflow: hidden; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */position: relative;left: 10px;top: 8px;width: 100%;overflow: hidden;}
ul.newsticker { /* that's your list */position: relative;left: 50px;list-style-type: none;margin: 0;padding: 0;}
ul.newsticker li {float: left; /* important: display inline gives incorrect results when you check for elem's width */margin: 0;padding: 0;background: #fff;}
ul.newsticker a {white-space: nowrap;padding: 0;color: #ff0000;margin: 0 50px 0 0;} ul.newsticker span {margin: 0 10px 0 0;}
/****************** end page communauté *********/

/**************** page smartphone **************/
.navbar-toggle {float: left;}
.navbar-fixed-top .container {background-color: #FFF;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #000!important;}
.navbar-inverse .navbar-toggle {border-color: #FFF !important;}
.navbar-header-smart {width: 45px;height: 50px;border-right: 1px solid #000;}
.navbar-toggle {background-color: transparent; margin: 8px auto !important; background-image: none; border: none; border-radius: 0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #000;}
.navbar-toggle:hover {background-color: transparent !important;}
.navbar-fixed-top .logo {height: 50px;top: 0px;width: 30%;}
@media only screen and (max-width : 484px) {
    .navbar-fixed-top .logo {height: 50px;top: 0px;width: 51%;}
}
.navbar-fixed-top .logo td {font-size: 12px;padding-top: 0px;}
.navbar-fixed-top .logo table {height: 51px;}
.bs-navbar-collaps .navbar-nav {margin: 0px -15px;}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {padding: 10px 5px;}
.navbar-toggle .icon-bar {border-radius: 0px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #FFF;}
.navbar-nav {margin: 0px -15px;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
    margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu {color: #ffffff;font-family: HelveticaLTPro-Bold;width: 100%;}
#cssmenu ul ul {display: none;}
.align-right {float: right;}
#cssmenu > ul > li > a {border-bottom:1px solid #000;cursor: pointer;color: #000;font-size: 14px;padding: 15px 20px;text-decoration: none;text-shadow: none !important;z-index: 2;}
#cssmenu ul> li > a.last   {border-bottom:0;}
#cssmenu ul> li > a.last_01   {border-bottom:1px solid #000 !important;}
#cssmenu > ul > li.active > a{color: #000;} #cssmenu > ul > li.open > a , #cssmenu > ul > li > a:hover {background: #000;color: #fff;}
.holder {width: 0;height: 0;position: absolute;top: 0;right: 0;}
.holder:after, .holder:before {display: block;position: absolute;content: "";width: 6px;height: 6px;right: 20px;z-index: 10;
    -webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
.holder:after {top: 18px;border-top: 2px solid #00FF00;border-left: 2px solid #00FF00;}
#cssmenu > ul > li > a:hover > span::after,#cssmenu > ul > li.active > a > span::after,#cssmenu > ul > li.open > a > span::after {border-color: #00FF00;}
.holder:before {top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit;}
#cssmenu ul ul li a {cursor: pointer;color:#000;border-bottom: 1px solid #FFF;padding: 15px 20px;z-index: 1;text-decoration: none;font-size: 14px;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.open > a,#cssmenu ul ul li.active > a {background: #000;color: #ffffff;}
#cssmenu ul ul li:first-child > a { box-shadow: none;}
#cssmenu > ul > li > ul > li:last-child > a,#cssmenu > ul > li > ul > li.last > a {border-bottom: 0;}
#cssmenu > ul > li > ul > li.open:last-child > a,#cssmenu > ul > li > ul > li.last.open > a {border-bottom: 1px solid #000;}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 0;}
#cssmenu ul ul li.active > a::after,#cssmenu ul ul li.open > a::after,#cssmenu ul ul li > a:hover::after {border-color: #ffffff;}
.sm_001 {margin-top: 50px;}
table.sm_002 {width: 100%;}
table>tbody>tr>td.sm_003{border-left:0;width: 55%;font-family: 'Helvetica';}
table>tbody>tr>td.sm_004{width: 15%;font-family: 'Helvetica';}
table>tbody>tr>td.sm_005 , table>tbody>tr>td.sm_013{width: 30%;}
td.sm_005 table {width:100%;}
table>tbody>tr>td.sm_003,table>tbody>tr>td.sm_004,table>tbody>tr>td.last_006 ,
table>tbody>tr>td.sm_010,table>tbody>tr>td.sm_011 {padding:5px 0 5px 0.6%;font-size: 12px;font-weight: bold;}
table>tbody>tr>td.sm_010{border-left: 0;}
table>tbody>tr>td.sm_010 , table>tbody>tr>td.sm_011 ,table>tbody>tr>td.sm_011 ,
table>tbody>tr>td.sm_013 ,table>tbody>tr>td.sm_012  {border-top:0;height:40px;padding: 5px 0 5px 0.6%;}
table>tbody>tr>td.sm_010 , table>tbody>tr>td.sm_012  {width:70%;border-left:0;}
table>tbody>tr>td.sm_011{border-top:0;width:15%;padding: 5px 0 5px 0.6%;}
table>tbody>tr>td.sm_014{border-top:0;border-left:0;padding: 5px 0 5px 0.6%;width:100%;}
table>tbody>tr>td.sm_015{border-top: 0;width:100%;}
table>tbody>tr>td.last_005:first-child {border-bottom:1px solid #000;background-color:  #00FF00;}
table>tbody>tr>td.sm_016  {width:35%;} table>tbody>tr>td.sm_017  {width:35%;}
table>tbody>tr>td.sm_018 , table>tbody>tr>td.sm_019 , table>tbody>tr>td.sm_020   , table>tbody>tr>td.sm_021  {width:7.5%;}
table>tbody>tr>td.sm_018 a , table>tbody>tr>td.sm_019 a  , table>tbody>tr>td.sm_022  a , table>tbody>tr>td.sm_023 a ,
table>tbody>tr>td.sm_023 a  , table>tbody>tr>td.sm_024 a{color:#000;display: inline-block;text-align: center;width: 100%;}
table>tbody>tr>td.sm_016 , table>tbody>tr>td.sm_017 , table>tbody>tr>td.sm_018 ,
table>tbody>tr>td.sm_019 , table>tbody>tr>td.sm_020 , table>tbody>tr>td.sm_021{padding:5px 0 5px 2px;border-top:0;text-align: center;}
table>tbody>tr>td.sm_022   , table>tbody>tr>td.sm_023 , table>tbody>tr>td.sm_024  {border-top: 0;width:10%;}
/**************** end page smartphone ***********/
#navbar {
    display:block;
}

#navbar_bottom {
    display:none;
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {

    #navbar {
        display:none !important;
    }

    #navbar_bottom {
        display:block !important;
    }
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #fff!important;
}

.image_next .overlay {z-index: 1; }
.image_next:hover .overlay {z-index: -1 !important; }

.second_responsive{
    border-right: 1px solid #000 !important;
}
.style_margin_right{
    right: -4px !important;
}
.iframe_pictures iframe{
    width: 100%;
}