@import url(//fonts.googleapis.com/css?family=Open+Sans:400, 700, 800, 600);
    @import url(https://www.mecaforma.ch/templates/jm_futura/css-home/ /fonts.googleapis.com/css?family=Open+Sans+Condensed:300, 700, 300italic);
    #container, body {
    margin: 0 auto;
    position: relative;
}
#container, #div-logo #logo, #top_menu, body {
    position: relative;
}
#menu li a, a {
    color: #fff;
    text-decoration: none;
}
#metier a, #tests a {
    -ms-transform: rotate(-5deg);
}
#menu ul, ul {
    list-style-type: none;
}
#container, .bgs {
    overflow: hidden;
}
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
}
body {
    background: url(/templates/jm_futura/img/bg1.jpg) center top no-repeat #00070e;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    padding: 0!important;
}
#container {
    max-width: 1097px;
    width: 100%;
    min-height: 1190px;
}
.recherche input#mod-search-searchword {
    display: none;
}
#tmp-home .container {
    max-width: 990px !important;
}
#menu, #menu ul {
    max-width: 1097px;
}
#tmp-home .sp-main-menu-toggler {
    margin-top: 0!important;
}
#tmp-home .mod-languages {
    display: none!important;
}
#sp-header-wrapper.OnTop, #tmp-home #sp-header-wrapper.ontop {
    background: rgba(0, 27, 99, .5);
    box-shadow: 0 0 46px 24px rgba(0, 65, 178, .5);
    width: 100%;
    top: 43%;
    min-height: 40px!important;
    height: 40px;
	border-bottom: 1px #a7da0b solid;
}
#tmp-home #sp-main-menu ul.level-0>li {
    height: 36px!important;
}
body.page-fr #tmp-home #sp-main-menu ul.level-0>li:nth-child(2)>a{
	padding-left: 0px;
}
body.page-de #tmp-home #sp-main-menu ul.level-0>li:nth-child(2)>a{
	padding-left: 0px;
}
body.page-fr #tmp-home #sp-main-menu ul.level-0>li>a {
    line-height: 40px!important;
    padding: 0 50px;
}
body.page-de #tmp-home #sp-main-menu ul.level-0>li>a {
    line-height: 40px!important;
    padding: 0 65px;
}
#tmp-home #sp-main-menu ul.level-0>li>.sp-submenu {
    top: 40px!important;
}
#tmp-home .icon-search {
	margin-right: 0px;
    margin-top: 10px!important;
}
#main, #menu {
    margin: 0 auto;
}
#tmp-home .icon-search input[type=text] {
    right: -132px!important;
}
#tmp-home .sp-mobile-menu ul li a {
    text-align: left;
}
#menu, #menu li a, #top_menu li a {
    text-align: center;
}
#tmp-home .sp-mobile-menu {
    width: 105%!important;
}
#bg-menu, #div-logo, #menu, #menu ul, #menu ul ul li {
    width: 100%}
#fr, #infos span.adr {
    height: 24px;
    width: 24px;
}
#tmp-home #sp-footer-wrapper {
    background: rgba(0, 0, 0, 0);
    border-top: 0 none;
    bottom: -30px;
    position: absolute;
    width: 100%;
    z-index: 9999;
	display: none;
}
#div-logo {
    position: absolute;
    top: 350px;
}
#bg-menu {
    background-color: rgba(0, 27, 99, .5);
    box-shadow: 0 0 46px 24px rgba(0, 65, 178, .5);
    height: 40px;
    position: absolute;
    top: 505px;
    display: none;
}
#menu ul {
    padding: 0;
    text-transform: uppercase;
}
#menu ul ul {
    display: none;
    width: 200px;
    background-color: #000;
    border-bottom: 5px solid #a7da0b;
    border-top: 5px solid #a7da0b;
}
#menu li:hover ul {
    display: block;
    position: absolute;
    margin-top: 38px;
    z-index: 999999;
}
#menu li ul li a {
    font-family: Anton, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    text-transform: none!important;
}
#menu li ul li a:hover {
    color: #a7da0b;
    border-bottom: 0;
}
#menu li {
    margin: 0 4px;
    float: left;
}
#menu li a {
    display: block;
    float: left;
    padding: 5px 16px;
    font-size: 18px;
    font-family: Anton, sans-serif;
}
#apprentissages, #championnat, #metier, #stages, #tests {
    text-indent: -9999px;
}
#apprentissages a#app-fr {
    background: url(/templates/jm_futura/img/apprentissages.png) no-repeat!important;
    width: 105px;
    height: 130px;
}
#apprentissages a#app-fr:hover {
    background: url(/templates/jm_futura/img/apprentissages-h.png) no-repeat!important;
}
#apprentissages a#app-de {
    background: url(/templates/jm_futura/img/apprentissages-de.png) no-repeat!important;
    width: 63px;
    height: 70px;
}
#apprentissages a#app-de:hover {
    background: url(/templates/jm_futura/img/apprentissages-de-h.png) no-repeat!important;
}
#metier a#met-fr {
    background: url(/templates/jm_futura/img/metier.png) no-repeat!important;
    width: 51px;
    height: 77px;
}
#metier a#met-fr:hover {
    background: url(/templates/jm_futura/img/metier-h.png) no-repeat!important;
}
#metier a#met-de {
    background: url(/templates/jm_futura/img/metier-de.png) no-repeat!important;
    width: 51px;
    height: 72px;
}
#metier a#met-de:hover {
    background: url(/templates/jm_futura/img/metier-de-h.png) no-repeat!important;
}
#tests a {
    background: url(/templates/jm_futura/img/tests.png) no-repeat!important;
    width: 57px;
    height: 37px;
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    margin: -8px 0 0 30px;
}
#tests a:hover {
    background: url(/templates/jm_futura/img/tests-h.png) no-repeat!important;
}
#stages a#stg-fr {
    background: url(/templates/jm_futura/img/stages.png) no-repeat!important;
    width: 67px;
    height: 33px;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    margin: 0 0 0 30px;
}
#stages a#stg-fr:hover {
    background: url(/templates/jm_futura/img/stages-h.png) no-repeat!important;
}
#stages a#stg-de {
    background: url(/templates/jm_futura/img/stages-de.png) no-repeat!important;
    width: 120px;
    height: 52px;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    margin: -10px 0 0 38px;
}
#stages a#stg-de:hover {
    background: url(/templates/jm_futura/img/stages-de-h.png) no-repeat!important;
}
#championnat {
    position: absolute;
    left: 44%;
    top: 23%;
    background: url(/templates/jm_futura/img/icon-championnat.png) top center no-repeat!important;
    width: 150px;
    height: 80px;
    z-index: 99999;
}
#championnat a {
    background: url(/templates/jm_futura/img/championnat.png) bottom center no-repeat!important;
    width: 150px;
    float: left;
    height: 80px;
}
#championnat a:hover {
    background: url(/templates/jm_futura/img/championnat-h.png) bottom center no-repeat!important;
    width: 150px;
    float: left;
    height: 80px;
}
#menu li a:hover {
    color: #a7da0b;
    border-bottom: 5px solid #a7da0b;
}
#top_menu {
    display: block;
    float: left;
    height: 383px;
    margin: 180px 0 0 150px;
    width: 885px;
}
#apprentissages, #langue, #metier, #stages, #stages .pulse_holder, #tests, #tests .pulse_holder, .contenu {
    position: absolute;
}
#top_menu li a {
    color: #BBF5FC;
    display: block;
    float: left;
    font-family: Anton, sans-serif;
    font-size: 24px;
    padding: 0;
    text-decoration: none;
}
#metier {
    left: -15px;
    top: 150px;
}
#metier a {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    margin: -33px 33px 0;
}
#tests {
    left: 200px;
    top: 50px;
}
#tests .pulse_holder {
    display: block;
    left: 2px;
    top: 32px;
}
#stages {
    left: 390px;
    top: -65px;
}
#stages .pulse_holder {
    display: block;
    left: -9px;
    top: 4px;
}
#apprentissages {
    right: 120px;
    top: -25px;
}
#apprentissages .pulse_holder {
    display: block;
    left: -9px;
    position: absolute;
    top: 4px;
}
@media all and (-ms-high-contrast:none) {
    #apprentissages {
    position: absolute;
    right: 10px;
    top: 30px;
}
}#apprentissages a {
    margin: 24px 0 0 12px;
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
}
#apprentissages a img {
    padding: 20px;
}
#langue {
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    left: 10%;
    top: 36%;
    z-index: 9999999;
}
#main .home-left h3, #main .home-right h3 {
    font-weight: 400;
    font-family: Anton, sans-serif;
    text-align: left;
}
#langue ul {
    width: 60px;
}
#de a:hover, #fr a:hover, #langue ul a:hover {
    color: #A7DA0B;
}
#fr {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #A7DA0B;
    border-radius: 100px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
}
#fr a {
    color: rgba(167, 218, 11, 1);
}
#de {
    color: #FFF;
    float: left;
    margin-left: 8px;
    margin-top: 2px;
}
.contenu {
    top: 570px;
    width: 100%}
#main {
    width: 100%;
    max-width: 990px;
}
#main .home-left {
    max-width: 563px;
    width: 100%;
    margin: 32px 0 0;
    background: #fff;
    opacity: .9;
    float: left;
    text-align: left;
    min-height: 344px;
}
.icon-search .btn.btn-primary, .recherche button {
    background: url(/templates/jm_futura/img/icon-search.png) no-repeat rgba(0, 0, 0, 0);
    height: 25px;
    cursor: pointer;
}
#main .home-left .img {
    max-width: 282px;
    width: 100%;
    float: left;
	height: 344px;
}
#main .home-left .text {
    max-width: 280px;
    width: 100%;
    float: left;
}
#main .home-left h3 {
    font-size: 24px;
    color: #02336d;
    line-height: 28px;
    padding: 15px 20px 15px 20px;
	border-bottom: 1px #aaaaaa solid;
}
#main .home-left p {
    padding: 5px 20px 10px;
    margin: 0;
    text-align: left;
    line-height: 26px;
    font-size: 18px;
}
#main .home-left a, #main .home-left a:focus, #main .home-right a, #main .home-right a:focus {
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
}
#main .home-left a, #main .home-left a:focus{
    color: #8d52e7;
}
#main .home-right a, #main .home-right a:focus {
    color: #2a5fa2;
}
#main .home-right {
	max-width: 392px;
    width: 100%;
    margin: 32px 0 0 35px;
    float: left;
    text-align: left;
}
#main .home-right .top-block{
	width: 100%;
    max-width: 372px;
    float: left;
    padding: 20px 10px;
    background: #fff;
}
#main .home-right .bottom-block{
    width: 100%;
	max-width: 342px;
    float: left;
	padding: 20px 25px 13px;
	background: #fff;
	opacity: 0.9;
}
#main .home-right .top-block .left-bloc{
	max-width: 235px;
    width: 100%;
    float: left;
	border-right: 1px #000 solid;
}
#main .home-right .top-block .right-bloc{
	float: left;
    max-width: 120px;
    width: 100%;
    padding-top: 10px;
    padding-left: 15px;
}

#main .home-right .bottom-block .left-bloc{
	max-width: 185px;
    width: 100%;
    float: left;
	padding-top: 30px;
}
#main .home-right .bottom-block .right-bloc{
    float: left;
	max-width: 155px;
    width: 100%;
	padding-top: 0px;
}
#main .home-right .bottom-block .lien-btm{
    float: left;
    width: 100%;
	padding-top: 22px;
}

#main .home-right .right-bloc p, #main .home-right .left-bloc p{
	color: #000306;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
}
#main .home-right h3 {
    font-size: 30px;
    color: #8d52e7;
    line-height: 22px;
    padding-bottom: 10px;
    cursor: pointer;
}
#main .home-right h2, #main .home-right h2 a {
    text-align: left;
    font-size: 16px;
    color: #8d52e7;
    padding-right: 3px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    border: 0;
}
#main .home-right h2 a:hover {
    border: 0;
}
#main .home-right a span.wf_file_text {
    display: none;
}
/*#main .home-left a:hover, #main .home-right a:hover {
    border-bottom: 1px dotted #C3C2C2;
}*/
#main .home-right .newsflash {
    margin-top: 10px;
}
#main .home-right .module, #main .home-right .moduletable {
    margin-top: 0;
}
#main .home-right p {
    margin-bottom: 0;
}
#main .home-right .lien-btm p:first-child{
	margin-bottom: 24px;
}

#main .bottom_home {
    width: 100%;
    float: left;
	margin-top: 35px;
	text-align: left;
	margin-bottom: 0;
}
#main .bottom_home .bottom_home_left{
	max-width: 392px;
    width: 100%;
    float: left;
	margin-right: 35px;
}
#main .bottom_home .bottom_home_left .box-btm{
	background: #fff;
	opacity: 0.9;
	margin-bottom: 35px;
}
#main .bottom_home h3 {
    font-size: 24px;
    color: #02336d;
    line-height: 28px;
    padding: 15px 20px 15px 20px;
	border-bottom: 1px #aaaaaa solid;
}
#main .bottom_home p {
    padding: 5px 20px 15px;
    margin: 0;
    text-align: left;
    line-height: 26px;
    font-size: 18px;
}
#main .bottom_home a, #main .bottom_home a:focus{
	color: #8d52e7;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
}

#main .bottom_home .bottom_home_right{
	max-width: 562px;
    width: 100%;
	background: #fff;
	opacity: 0.9;
    float: left;
}
#main .bottom_home .bottom_home_right .moduletable{
	margin: 0px;
}
#main .bottom_home .bottom_home_right .stage-home{
	padding: 0 20px;
	margin: 10px 0 20px;
}
#main .bottom_home .bottom_home_right .stage-home a, #main .bottom_home .bottom_home_right .stage-home a:focus{
	color: #000;
	font-size: 18px;
	text-transform: initial;
}



.recherche {
    position: relative;
}
.recherche button {
    float: right;
    margin-right: 40px;
    margin-top: 9px;
    width: 30px;
}
.recherche a {
    width: 30px;
    height: 25px;
    float: left;
    font-size: 0;
}
#infos li, #menu_footer li a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #FFF;
    float: left;
}
.icon-search .btn.btn-primary {
    border: 0;
    margin: 0;
    padding: 0;
    width: 30px;
}
.recherche input[type=text] {
    height: 26px;
    padding: 2px 5px;
    position: absolute;
    right: 70px;
    text-align: left;
    font-family: 'Open Sans Condensed', sans-serif;
    border-radius: 5px;
    top: 5px;
}
#circle-1, #footer-menu, #infos, #infos li, #menu_footer, #menu_footer li a {
    text-align: center;
	margin-bottom: 0;
}
.footer-contenu {
    bottom: 0;
    margin: 0 auto;
	max-width: 990px;
    position: initial;
    width: 100%;
    display: block;
}
#infos li, #menu_footer li {
	display: inline-block;
	padding: 0 18px;
}
#menu_footer li:first-child {
	padding: 0 15px 0 0px;
}
#footer {
    height: auto;
    margin: auto;
}
#footer .socials{
	/*display: none;*/
	margin-top: 20px;
}
.width710 {
    width: 710px;
}
.width635 {
    width: 670px;
}
#menu_footer li a {
    display: block;
    font-weight: 700;
    padding: 0;
}
#menu_footer li a:hover {
    color: #A7DA0B;
}
ul {
    padding: 0;
    text-transform: uppercase;
}
#infos li {
    display: block;
    font-weight: 300;
    padding: 2px 2px 2px 10px;
}
#infos img {
    margin-bottom: -7px;
    margin-left: 30px;
}
#footer-menu {
	margin: 30px 0 0;
    color: #FFF;
    padding: 0;
    top: 0;
}
#infos {
    color: #FFF;
    float: left;
    margin: 10px 0 20px;
    padding: 0;
    top: 30px;
    width: 100%}
#infos span.adr {
    background: url(/templates/jm_futura/img/loc-btn.png) left no-repeat;
    padding: 5px 6px 5px 30px;
    margin: 0 15px;
}
#infos span.face, #infos span.gplus, #infos span.instag, #infos span.linkedin, #infos span.mail, #infos span.tel, #infos span.twitter, #infos span.youtube {
    height: 24px;
    width: 24px;
    padding: 5px 6px 5px 30px;
    margin: 0 15px 0 0;
}
#infos span.tel {
    background: url(/templates/jm_futura/img/phone-btn.png) left no-repeat;
}
#infos span.mail {
    background: url(/templates/jm_futura/img/msg-btn.png) left no-repeat;
	margin: 0 15px 0 0;
}
#infos span.face {
    background: url(/templates/jm_futura/img/icon-face.png) right no-repeat;
	padding: 5px 5px 5px 15px;
}
#infos span.twitter {
    background: url(/templates/jm_futura/img/icon-twitter.png) left no-repeat;
	padding: 5px 5px 5px 15px;
}
#infos span.instag {
    background: url(/templates/jm_futura/img/icon-instag.png) left no-repeat;
	padding: 5px 5px 5px 15px;
}
#infos span.linkedin {
    background: url(/templates/jm_futura/img/icon-linkedin.png) left no-repeat;
	padding: 5px 5px 5px 15px;
}
#infos span.youtube {
    background: url(/templates/jm_futura/img/icon-youtube.png) left no-repeat;
	padding: 5px 5px 5px 15px;
}
#infos span.gplus {
    background: url(/templates/jm_futura/img/icon-gplus.png) left no-repeat;
	padding: 5px 5px 5px 15px;
}
#circle-1 {
    background: url(/templates/jm_futura/img/circle-1.png) center center no-repeat;
    margin: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 1076px;
    width: 1097px;
    position: absolute;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation: turning_cw 300s infinite;
    -moz-animation: turning_cw 300s infinite;
    -ms-animation: turning_cw 300s infinite;
    animation: turning_cw 300s infinite;
}
#circle-2, #circle-3 {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    height: 1076px;
    width: 1097px;
    position: absolute;
    left: -1px;
}
#circle-2 {
    background: url(/templates/jm_futura/img/circle-2.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation: turning_cw 350s infinite;
    -moz-animation: turning_cw 350s infinite;
    -ms-animation: turning_cw 350s infinite;
    animation: turning_cw 350s infinite;
}
#circle-3 {
    float: left;
    background: url(/templates/jm_futura/img/circle-3.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    transform: rotate(360deg);
    -webkit-animation: turning_cw 400s infinite;
    -moz-animation: turning_cw 400s infinite;
    animation: turning_cw 400s infinite;
}
#circle-4, .center-circle {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}
#circle-4 {
    float: left;
    background: url(/templates/jm_futura/img/circle-4.png) 0 0/cover no-repeat rgba(0, 0, 0, 0);
    margin: 0 top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 1076px;
    width: 1097px;
    position: absolute;
    left: -1px;
    transform: rotate(360deg);
    -webkit-animation: turning_cw 200s infinite;
    -moz-animation: turning_cw 200s infinite;
    animation: turning_cw 200s infinite;
}
.outer-circle {
    -webkit-animation: turning_cw 5s infinite;
    -moz-animation: turning_cw 5s infinite;
    animation: turning_cw 5s infinite;
    position: relative;
    opacity: 1;
}
.center-circle {
    transform: rotate(360deg);
    -webkit-animation: turning_cw 5s infinite;
    -moz-animation: turning_cw 5s infinite;
    animation: turning_cw 5s infinite;
}
#inner-circle {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation: turning_acw 3s infinite;
    -moz-animation: turning_acw 3s infinite;
    animation: turning_acw 3s infinite;
}
@-webkit-keyframes aura {
    0% {
    text-shadow: 0 2px 2px #000;
}
50% {
    text-shadow: 0 10px 10px #000;
    line-height: 190px;
}
100% {
    text-shadow: 0 2px 10px #000;
}
}@-webkit-keyframes turning_cw {
    0% {
    -webkit-transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
}
}@-webkit-keyframes turning_acw {
    0% {
    -webkit-transform: rotate(360deg);
}
100% {
    -webkit-transform: rotate(0);
}
}@-moz-keyframes aura {
    0% {
    text-shadow: 0 2px 2px #000;
}
50% {
    text-shadow: 0 10px 10px #000;
    line-height: 190px;
}
100% {
    text-shadow: 0 2px 10px #000;
}
}@-moz-keyframes turning_cw {
    0% {
    -moz-transform: rotate(0);
}
100% {
    -moz-transform: rotate(360deg);
}
}@-moz-keyframes turning_acw {
    0% {
    -moz-transform: rotate(360deg);
}
100% {
    -moz-transform: rotate(0);
}
}@keyframes aura {
    0% {
    text-shadow: 0 2px 2px #000;
}
50% {
    text-shadow: 0 10px 10px #000;
    line-height: 190px;
}
100% {
    text-shadow: 0 2px 10px #000;
}
}@keyframes turning_cw {
    0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}@keyframes turning_acw {
    0% {
    transform: rotate(360deg);
}
100% {
    transform: rotate(0);
}
}@-webkit-keyframes pulse {
    0%, 8% {
    -webkit-transform: scale(0);
    opacity: 0;
}
15% {
    -webkit-transform: scale(.1);
    opacity: 1;
}
30% {
    -webkit-transform: scale(.5);
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: scale(1);
}
}@keyframes pulse {
    8%, filter: progid:DXImageTransform.Microsoft.Matrix(sProperties);
     0% {
    transform: scale(0);
    opacity: 0;
}
15% {
    transform: scale(.1);
    opacity: 1;
}
30% {
    transform: scale(.5);
    opacity: 1;
}
100% {
    opacity: 0;
    transform: scale(1);
}
}@-moz-keyframes pulse {
    0%, 8% {
    -moz-transform: scale(0);
    opacity: 0;
}
15% {
    -moz-transform: scale(.1);
    opacity: 1;
}
30% {
    -moz-transform: scale(.5);
    opacity: 1;
}
100% {
    opacity: 0;
    -moz-transform: scale(1);
}
}.pulse_holder {
    display: block;
    left: 18px;
    position: absolute;
    top: 70px;
}
.pulse_holder .pulse_marker {
    width: 16px;
    height: 16px;
    background: #a7da0b;
    border-radius: 28px;
}
.pulse_holder .pulse_rays, .pulse_holder .pulse_rays2 {
    margin: 0 auto;
    position: absolute;
    right: -26px;
    top: -26px;
    z-index: 10;
    background-color: transparent;
    opacity: .1;
    width: 64px;
    height: 64px;
    border-image: initial;
}
.pulse_holder .pulse_rays {
    border: 2px solid rgba(167, 218, 11, 1);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -webkit-animation: pulse 2s linear infinite;
    -moz-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
    animation-iteration-count: infinite;
}
.pulse_holder .pulse_rays2 {
    border: 2px solid rgba(167, 218, 11, 1);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -webkit-animation: pulse 2s linear infinite;
    -moz-animation: pulse 4s linear infinite;
    animation: pulse 2s linear infinite;
    animation-iteration-count: infinite;
}
.dl-trigger {
    display: none;
}
.bgs {
    float: left;
    width: 1117px;
    height: 1138px;
}
@media screen and (max-width:480px) {
    #bg-menu, #footer, #infos, #langue, #logo, #main, #menu_footer, .recherche {
    position: absolute;
	}
	#bg-menu, #menu {
		box-shadow: none;
	}
	#container, #footer, #infos, #langue, #menu, #menu ul, #menu_footer, #menu_footer li, body {
		text-align: center;
	}
	#sp-header-wrapper.OnTop, #tmp-home #sp-header-wrapper.ontop {
		background: 0 0!important;
		box-shadow: none;
		top: 3%}
	#bg-menu, #menu {
		background: 0 0;
	}
	#tmp-home .container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container {
		width: 80%}
	#tmp-home .icon-search {
		position: absolute;
		width: 50%;
		margin-top: 5px!important;
		z-index: 99999999;
	}
	#tmp-home .sp-mobile-menu {
		top: 34px!important;
	}
	#tmp-home #sp-footer-wrapper {
		display: none;
	}
	.footer-contenu {
		display: block !important;
	}
	.footer-contenu #footer{
		position: initial !important;
		margin: 50px 0 0;
	}
	body {
		width: 100%;
		background: url(/templates/jm_futura/img/bg.jpg) 45% 10% no-repeat rgba(0, 0, 0, 0);
		margin: 0 auto;
	}
	#logo {
		background: url(/templates/jm_futura/img/logo-resp.png) no-repeat rgba(0, 0, 0, 0);
		height: 80px;
		left: 10%;
		top: 160px;
		width: 320px;
	}
	#logo img {
		display: none;
	}
	.dl-trigger {
		display: block;
	}
	#top_menu {
		display: none;
	}
	#container {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		position: relative;
	}
	#langue {
		color: #FFF;
		display: inline-block;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		font-weight: 700;
		left: 42%;
		top: -10px;
	}
	#bg-menu {
		height: 40px;
		top: 15px;
		width: 100%}
	#main {
		background: url(/templates/jm_futura/img/bg-responsive.png) center center no-repeat rgba(0, 0, 0, 0);
		height: 400px;
		top: 180px;
		width: 338px;
	}
	#menu ul ul {
		margin-left: -4px;
		border: 0;
		float: left;
	}
	#menu li:hover ul {
		margin-left: -2px;
		left: 0;
		margin-top: 30px;
	}
	.recherche {
		width: 30px;
		height: 25px;
		left: -21%;
		top: 2px;
	}
	.recherche input[type=text] {
		height: 30px;
		width: 200px;
	}
	#infos {
		margin: 0;
	}
	.contenu {
		top: 0;
	}
	#main .home-left {
		background: #fff;
		min-height: 130px;
		width: 100%;
		max-width: 100%;
		/* float: none; */
		margin: 0 auto;
	}
	#main .bottom_home .bottom_home_left, #main .bottom_home .bottom_home_right{
		max-width: 100%;
	}
	#main .home-left h3 {
		font-size: 22px;
		line-height: 26px;
	}
	#main .home-left p {
		font-size: 14px;
		line-height: 16px;
		/* width: 100%; */
		padding: 5px 20px 10px;
	}
	#main .home-right iframe {
		margin-top: -10px;
	}
	#main .home-right {
		width: 100%;
		max-width: 100%;
		margin: 15px 0 0 0;
	}
	#main .home-right .top-block, #main .home-right .bottom-block{
		width: 100%;
		max-width: 90%;
		padding: 10px 5%;
	}
	#main .home-right .top-block .left-bloc, #main .home-right .top-block .right-bloc,
	#main .home-right .bottom-block .left-bloc, #main .home-right .bottom-block .right-bloc{
		border: 0px;
		max-width: 100%;
		width: 100%;
		float: none;
		margin: 10px 0 !important;
		padding: 0px;
		text-align: center;
	}
	#main .home-right .bottom-block .lien-btm{
		padding: 15px 0;
	}
	#main .home-right h3 {
		line-height: 14px;
	}
	#main .home-right h2 {
		line-height: 16px;
	}
	#main .home-right .module, #main .home-right .moduletable {
		float: left;
		margin-top: 5px;
	}
	#main .home-right p {
		font-size: 14px;
		line-height: 16px;
		width: 100%;
		margin-bottom: 5px;
	}
	#main .home-right iframe {
		margin-left: 40px;
	}
	#footer {
		max-width: 390px;
		height: 130px;
		left: 0;
		width: 100%}
	#menu_footer li {
		width: 100%}
	#menu_footer li a {
		float: none;
	}
	#footer #footer-menu {
		width: auto;
	}
	.none {
		display: none;
	}
	#infos span.adr, #infos span.mail, #infos span.tel {
		background-position: 35px center;
		width: 100%;
		float: left;
		padding: 0;
		margin: 5px 0;
	}
	#infos span.face, #infos span.gplus, #infos span.instag, #infos span.linkedin, #infos span.twitter, #infos span.youtube {
		background-position: center;
		width: 100%;
		margin: 10px 0;
		line-height: 40px;
	}
	#menu_footer {
		width: 100%;
	}
	#infos {
		position: relative;
		top: 150px;
		width: 100%;
	}
	#menu {
		float: left;
		top: 50px;
		width: 100%;
		height: 40px;
	}
	#menu ul {
		list-style-type: none;
		padding: 0;
		text-transform: uppercase;
		background: #000;
		margin: auto auto auto -220px;
		max-width: none;
		width: 480px;
	}
	#menu li {
		clear: both;
		float: left;
		width: 100%}
	#menu li a {
		color: #FFF;
		display: block;
		float: left;
		font-family: 'Open Sans Condensed', sans-serif!important;
		padding: 5px;
		text-align: left;
		text-decoration: none;
		width: 97.5%;
		font-size: 15px;
	}
	#menu li a:hover {
		color: #FFF;
		border-bottom: 0 solid #FFF;
		border-width: 50%}
	@font-face {
		font-family: icomoon;
		src: url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.eot);
		src: url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.eot#iefix) format('embedded-opentype'), url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.woff) format('woff'), url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.ttf) format('truetype'), url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.svg#icomoon) format('svg');
		font-weight: 400;
		font-style: normal;
	}
	.dl-menuwrapper {
		float: right;
		font-family: Anton, sans-serif;
		max-width: 300px;
		position: relative;
		width: 46%;
		z-index: 99999;
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		perspective: 1000px;
		-webkit-perspective-origin: 50% 200%;
		-moz-perspective-origin: 50% 200%;
		perspective-origin: 50% 200%}
	.dl-menuwrapper:first-child {
		margin-right: 0;
	}
	.dl-menuwrapper button.dl-trigger {
		background: #A7DA0B;
		border: none;
		width: 48px;
		height: 45px;
		text-indent: -900em;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		outline: 0;
		border-radius: 3px;
	}
	.dl-menuwrapper button.dl-active, .dl-menuwrapper button.dl-trigger:hover, .dl-menuwrapper ul {
		background: #A7DA0B;
	}
	.dl-menuwrapper button.dl-trigger:after {
		content: '';
		position: absolute;
		width: 68%;
		height: 5px;
		background: #fff;
		top: 10px;
		left: 16%;
		box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
	}
	.dl-menuwrapper ul {
		padding: 0;
		list-style: none;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.dl-menuwrapper li {
		position: relative;
	}
	.dl-menuwrapper li a {
		display: block;
		position: relative;
		padding: 15px 20px;
		font-size: 16px;
		line-height: 20px;
		font-weight: 300;
		color: #fff;
		outline: 0;
	}
	.no-touch .dl-menuwrapper li a:hover {
		background: rgba(255, 248, 213, .1);
	}
	.dl-menuwrapper li.dl-back>a {
		padding-left: 30px;
		background: rgba(0, 0, 0, .1);
	}
	.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li>a:not(:only-child):after {
		position: absolute;
		top: 0;
		line-height: 50px;
		font-family: icomoon!important;
		speak: none;
		-webkit-font-smoothing: antialiased;
		content: ""}
	.dl-menuwrapper li.dl-back:after {
		left: 10px;
		color: rgba(212, 204, 198, .3);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.dl-menuwrapper li>a:after {
		right: 10px;
		color: rgba(0, 0, 0, .15);
	}
	.dl-menuwrapper .dl-menu {
		margin: 5px 0 0;
		position: absolute;
		z-index: 99999;
		width: 100%;
		opacity: 0;
		pointer-events: none;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.dl-menuwrapper .dl-menu.dl-menu-toggle {
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}
	.dl-menuwrapper .dl-menu.dl-menuopen {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subview>a, .dl-menu.dl-subview li.dl-subviewopen>a, .dl-menuwrapper li .dl-submenu {
		display: none;
	}
	.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li, .no-js .dl-menuwrapper li .dl-submenu {
		display: block;
	}
	.dl-menuwrapper>.dl-submenu {
		position: absolute;
		width: 100%;
		top: 50px;
		left: 0;
		margin: 0;
	}
	.dl-menu.dl-animate-out-4 {
		-webkit-animation: MenuAnimOut4 .4s ease;
		-moz-animation: MenuAnimOut4 .4s ease;
		animation: MenuAnimOut4 .4s ease;
	}
	@-webkit-keyframes MenuAnimOut4 {
		100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	}@-moz-keyframes MenuAnimOut4 {
		100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	}@keyframes MenuAnimOut4 {
		100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	}.dl-menu.dl-animate-in-4 {
		-webkit-animation: MenuAnimIn4 .4s ease;
		-moz-animation: MenuAnimIn4 .4s ease;
		animation: MenuAnimIn4 .4s ease;
	}
	@-webkit-keyframes MenuAnimIn4 {
		0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	}@-moz-keyframes MenuAnimIn4 {
		0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	}@keyframes MenuAnimIn4 {
		0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
	}.dl-menuwrapper>.dl-submenu.dl-animate-in-4 {
		-webkit-animation: SubMenuAnimIn4 .4s ease;
		-moz-animation: SubMenuAnimIn4 .4s ease;
		animation: SubMenuAnimIn4 .4s ease;
	}
	@-webkit-keyframes SubMenuAnimIn4 {
		0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	}@-moz-keyframes SubMenuAnimIn4 {
		0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	}@keyframes SubMenuAnimIn4 {
		0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
	}.dl-menuwrapper>.dl-submenu.dl-animate-out-4 {
		-webkit-animation: SubMenuAnimOut4 .4s ease;
		-moz-animation: SubMenuAnimOut4 .4s ease;
		animation: SubMenuAnimOut4 .4s ease;
	}
	@-webkit-keyframes SubMenuAnimOut4 {
		0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	}@-moz-keyframes SubMenuAnimOut4 {
		0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	}@keyframes SubMenuAnimOut4 {
		0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
	}.no-js .dl-menuwrapper .dl-menu {
		position: relative;
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
	.no-js .dl-menuwrapper li.dl-back {
		display: none;
	}
	.no-js .dl-menuwrapper li>a:not(:only-child) {
		background: rgba(0, 0, 0, .1);
	}
	.no-js .dl-menuwrapper li>a:not(:only-child):after {
		content: ''}
	.demo-4 .dl-menuwrapper button {
		background: #90b912;
	}
	.demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper ul {
		background: #79a002;
	}
}

@media screen and (max-width:320px) {
	#main .home-left, #main .home-right{
		max-width: 262px;
	}
	#main .home-right .top-block, #main .home-right .bottom-block{
		max-width: 232px;
	}
}

@media screen and (min-width:480px) and (max-width:980px) {
    #container, #langue, #logo, body {
    text-align: center;
}
#bg-menu, #menu {
    box-shadow: none;
}
#langue, #menu li a {
    font-size: 15px;
    color: #FFF;
}
#tmp-home .container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container {
    width: 50%}
#tmp-home .icon-search {
    position: absolute;
    width: 25%;
    margin-top: 60px!important;
}
#container, #div-logo, #logo, body {
    width: 100%}
#tmp-home .sp-main-menu-toggler {
    margin-top: 50px!important;
}
#logo, #main {
    margin: auto;
}
#tmp-home .sp-mobile-menu {
    top: 84px!important;
}
#tmp-home #sp-footer-wrapper {
    display: none;
}
.footer-contenu {
    display: block!important;
}
#sp-header-wrapper.OnTop, #tmp-home #sp-header-wrapper.ontop {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
}
#bg-menu, #menu {
    background: 0 0;
}
#championnat, #logo img {
    display: none;
}
body {
    background: #000102 url(/templates/jm_futura/img/bg.jpg) 45% 10% no-repeat rgba(0, 0, 0, 0);
    margin: 0 auto;
}
#logo {
    background: url(/templates/jm_futura/img/logo.png) no-repeat rgba(0, 0, 0, 0);
    height: 158px;
    max-width: 570px;
}
#div-logo {
    position: absolute;
    top: 80px;
}
.dl-trigger {
    display: block;
}
#top_menu {
    display: none;
}
#container {
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
#bg-menu, #langue, .recherche {
    position: absolute;
}
#langue {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    left: 45%!important;
    top: 28px;
    z-index: 99999;
}
#bg-menu {
    height: 40px;
    top: 56px;
    width: 98%}
#main {
    /*background: url(/templates/jm_futura/img/bg-window.png) no-repeat rgba(0, 0, 0, 0);*/
    height: 325px;
    width: 506px;
}
#main .home-right .top-block .left-bloc{
	border-right: 0px;
}
.recherche {
    width: 30px;
    height: 25px;
    left: -30%;
    top: 0;
}
.recherche input[type=text] {
    width: 200px;
}
#main .home-left, #main .home-right {
    margin: 32px 0 0 14px;
    width: 100%;
    text-align: left;
    float: left;
}
.contenu {
    top: 330px;
}
#main .home-left {
    /*background: url(/templates/jm_futura/img/bg-right.png) right top repeat-y rgba(0, 0, 0, 0);*/
    max-width: 260px;
    min-height: 270px;
}
#main .home-right {
    max-width: 200px;
}
#infos, #menu, #menu ul, #menu_footer {
    text-align: center;
}
.footer-contenu {
    bottom: 0;
    float: left;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
#footer, #menu ul, #menu_footer {
    margin: auto;
    width: 100%}
#footer {
    height: 75px;
}
#footer #footer-menu {
    margin: 0 auto;
    width: 100%}
.none {
    display: none;
}
#menu_footer {
    max-width: 660px;
}
#infos {
    width: 100%}
#menu {
    float: left;
    top: 50px;
    width: 100%;
    height: 40px;
}
#menu ul {
    list-style-type: none;
    padding: 0;
    text-transform: uppercase;
    background: #000;
}
#menu li {
    clear: both;
    float: left;
    margin-left: 2px;
    width: 100%}
#menu li a {
    display: block;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif!important;
    padding: 5px;
    text-align: left;
    text-decoration: none;
}
#menu li a:hover {
    color: #FFF;
    border-bottom: 0 solid #FFF;
    background: #000;
}
#menu ul ul {
    margin-left: 0;
    border: 0;
    float: left;
    width: 99.3%!important;
}
@font-face {
    font-family: icomoon;
    src: url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.eot);
    src: url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.eot#iefix) format('embedded-opentype'), url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.woff) format('woff'), url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.ttf) format('truetype'), url(https://www.mecaforma.ch/templates/jm_futura/fonts/icomoon.svg#icomoon) format('svg');
    font-weight: 400;
    font-style: normal;
}
.dl-menuwrapper {
    float: right;
    font-family: Anton, sans-serif;
    max-width: 300px;
    position: relative;
    width: 35%;
    z-index: 99999;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%}
.dl-menuwrapper:first-child {
    margin-right: 0;
}
.dl-menuwrapper button.dl-trigger {
    background: #A7DA0B;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: 0;
    border-radius: 3px;
}
.dl-menuwrapper button.dl-active, .dl-menuwrapper button.dl-trigger:hover, .dl-menuwrapper ul {
    background: #A7DA0B;
}
.dl-menuwrapper button.dl-trigger:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}
.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.dl-menuwrapper li {
    position: relative;
}
.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: 0;
}
.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, .1);
}
.dl-menuwrapper li.dl-back>a {
    padding-left: 30px;
    background: rgba(0, 0, 0, .1);
}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li>a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: icomoon;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: ""}
.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, .3);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dl-menuwrapper li>a:after {
    right: 10px;
    color: rgba(0, 0, 0, .15);
}
.dl-menuwrapper .dl-menu {
    margin: 5px 0 0;
    position: absolute;
    z-index: 99999;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subview>a, .dl-menu.dl-subview li.dl-subviewopen>a, .dl-menuwrapper li .dl-submenu {
    display: none;
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li, .no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}
.dl-menuwrapper>.dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}
.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 .4s ease;
    -moz-animation: MenuAnimOut4 .4s ease;
    animation: MenuAnimOut4 .4s ease;
}
@-webkit-keyframes MenuAnimOut4 {
    100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
}
}@-moz-keyframes MenuAnimOut4 {
    100% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
}
}@keyframes MenuAnimOut4 {
    100% {
    transform: translateZ(-300px);
    opacity: 0;
}
}.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 .4s ease;
    -moz-animation: MenuAnimIn4 .4s ease;
    animation: MenuAnimIn4 .4s ease;
}
@-webkit-keyframes MenuAnimIn4 {
    0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
}
}@-moz-keyframes MenuAnimIn4 {
    0% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
}
100% {
    -moz-transform: translateZ(0);
    opacity: 1;
}
}@keyframes MenuAnimIn4 {
    0% {
    transform: translateZ(-300px);
    opacity: 0;
}
100% {
    transform: translateZ(0);
    opacity: 1;
}
}.dl-menuwrapper>.dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 .4s ease;
    -moz-animation: SubMenuAnimIn4 .4s ease;
    animation: SubMenuAnimIn4 .4s ease;
}
@-webkit-keyframes SubMenuAnimIn4 {
    0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
}
}@-moz-keyframes SubMenuAnimIn4 {
    0% {
    -moz-transform: translateZ(300px);
    opacity: 0;
}
100% {
    -moz-transform: translateZ(0);
    opacity: 1;
}
}@keyframes SubMenuAnimIn4 {
    0% {
    transform: translateZ(300px);
    opacity: 0;
}
100% {
    transform: translateZ(0);
    opacity: 1;
}
}.dl-menuwrapper>.dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 .4s ease;
    -moz-animation: SubMenuAnimOut4 .4s ease;
    animation: SubMenuAnimOut4 .4s ease;
}
@-webkit-keyframes SubMenuAnimOut4 {
    0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
}
}@-moz-keyframes SubMenuAnimOut4 {
    0% {
    -moz-transform: translateZ(0);
    opacity: 1;
}
100% {
    -moz-transform: translateZ(300px);
    opacity: 0;
}
}@keyframes SubMenuAnimOut4 {
    0% {
    transform: translateZ(0);
    opacity: 1;
}
100% {
    transform: translateZ(300px);
    opacity: 0;
}
}.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}
.no-js .dl-menuwrapper li.dl-back {
    display: none;
}
.no-js .dl-menuwrapper li>a:not(:only-child) {
    background: rgba(0, 0, 0, .1);
}
.no-js .dl-menuwrapper li>a:not(:only-child):after {
    content: ''}
.demo-4 .dl-menuwrapper button {
    background: #90b912;
}
.demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper ul {
    background: #79a002;
}
}@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) and (-webkit-min-device-pixel-ratio:1) {
    #logo {
    left: 11.3%}
#main {
    left: 16%}
#menu {
    width: 84%}
.dl-menuwrapper {
    width: 100%}
.recherche {
    left: -90%}
#langue {
    left: 26%}
.recherche input[type=text] {
    height: 30px;
}
}@media screen and (min-width:600px) and (max-width:800px) {
    #logo {
    left: 0;
}
#main {
    left: 5.5%}
#menu ul ul {
    margin-left: 0;
    border: 0;
    float: left;
}
#menu li:hover ul {
    margin-left: -2px;
    left: 0;
    margin-top: 30px;
}
.dl-menuwrapper {
    width: 33.6%}
.recherche input[type=text] {
    height: 30px;
}
}@media screen and (min-width:320px) and (max-width:480px) {
    #logo, #main {
    position: relative;
}
body {
    background: url(/templates/jm_futura/img/bg.jpg) 46% 70% no-repeat #00070e;
}
#bg-menu {
    left: 55px;
}
#container {
    min-height: 815px;
}
#div-logo {
    left: 0;
    top: 60px;
    width: 100%!important;
}
#logo {
    left: -5px;
    top: 0;
    margin: auto;
}
.contenu {
    top: 200px;
}
#main {
    top: 60px;
    left: 0;
}
.dl-menuwrapper {
    width: 50%}
.recherche {
    left: -30%%}
#langue {
    left: 35%}
.recherche input[type=text] {
    height: 30px;
}
#championnat {
    display: none;
}
}@media screen (max-width:320px) {
    #logo {
    left: -5px;
}
#main {
    left: 0;
}
.dl-menuwrapper {
    width: 33.6%}
.recherche {
    left: -90%}
#langue {
    left: 35%}
.recherche input[type=text] {
    height: 30px;
}
}@media screen and (max-width:320px), (min-device-width:320px) and (max-device-width:480px) and (orientation :portrait) {
    #bg-menu {
    left: 38px;
}
#langue {
    margin-left: 15px;
}
#logo {
    background: url(/templates/jm_futura/img/logo-resp.png) no-repeat rgba(0, 0, 0, 0)!important;
    left: 0;
    top: 0;
    margin: auto;
    position: relative;
}
#div-logo{
	top: 90px;
}
.contenu {
    top: 0;
}
}@media screen and (min-width:320px) and (max-width:480px), (min-device-width:320px) and (max-device-width:480px) and (orientation :landscape) {
    #logo {
    background: url(/templates/jm_futura/img/logo-2-resp.png) no-repeat rgba(0, 0, 0, 0);
    height: 158px;
    margin: auto;
    max-width: 410px;
    text-align: center;
    width: 100%}
.contenu {
    top: 130px;
}
#main .home-right iframe {
    margin-left: 3px;
}
#infos {
    margin-top: 25px;
}
#langue {
    left: 28%}
#footer {
    max-width: none!important;
}
}@media screen and (max-width:320px), (min-device-width:320px) and (max-device-width:568px) and (orientation :portrait) {
    #main {
    left: 0!important;
}
#championnat {
    display: none;
}
}@media screen and (max-device-width:480px) {
    #div-logo {
    top: 80px!important;
}
}.link-home {
    background-image: url(/templates/jm_futura/images/picto_stand_normal.svg);
    display: none;
    height: 115px;
    width: 160px;
    background-repeat: no-repeat;
    z-index: 999;
    position: absolute;
    top: 18%;
    right: 12%;
    background-size: 100%;
    background-position: center center;
    text-align: center;
    margin: 0 auto;
    text-indent: -999999px;
}
@media screen and (max-width:980px) {
    .link-home {
    margin-top: 140px;
    z-index: 1!important;
}
}@media screen and (max-width:480px) {
    .link-home {
    margin-top: 20px;
}
div#main {
    position: relative;
    margin: 50px auto 0;
    left: 0;
    right: 0;
    max-width: 90%;
    width: 100%;
    padding: 0 20px;
    height: 100%;
}
}.link-home:hover {
    background-image: url(/templates/jm_futura/images/picto_stand_hover.svg);
    border-bottom: 0!important;
}