body {background-color:#fff; margin:0px; font-family: 'ProximaNova', Arial; font-style:normal; font-size:18px; color:000000; } #page { width:100%; max-width:2000px; padding-bottom:0px; margin-left:auto; margin-right:auto; background:url(images/bg-competition.jpg); background-repeat:no-repeat; background-position:top center;} #content { background-color:#FFFFFF; width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width: calc(100% - 300px); float:left; margin-left:auto; margin-right:auto; padding-bottom:20px; } #col2 { background-color:#ffffff; width:100%; max-width:300px; float:left; } #content-col2 { max-width:2000px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; } */ #tinymce { background-color:#FFFFFF !important;} #tinymce body { background-color:#FFFFFF !important;} body #tinymce { background-color:#FFFFFF !important;} /** ####### PAGE ANNONCEURS 2018 ################################################################################### **/ .Logo2018 { float:left; padding:10px; text-align:center; } .Logo2018 img { max-width:150px !important; height:auto; } .Logo2018Title { text-align:left; size:18px; font-weight:bold; background-color:#C5070A; padding:10px; color:#ECEAEA; margin-top:40px; } .Clear2018 { clear:both;} .Logo2019Container { max-width:1020px; margin-left:auto; margin-right:auto; } @media screen and (max-width: 500px) { .Logo2018 img { max-width:100px !important; height:auto; } } /** ####### PAGE ANNONCEURS 2018 ################################################################################### **/ .iframeLiveSX { width: 700 !important; } @media screen and (max-width: 500px) { .iframeLiveSX { width: 450 !important; } } .acc_mininews { display:none !important;} @media screen and (min-width: 1120px) { .acc_verti_b {display:none;} } .banner-Mobile-home { display:none; } @media screen and (max-width: 596px) { .banner-Mobile-home { display:block; align-content:center; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; } } .banner-Tablette-home2 { display:none; } @media screen and (max-width: 1120px) { .banner-Tablette-home2 { display:block; align-content:center; text-align:center; margin-left:auto; margin-right:auto; } } .Banner300x600_Mobile_Footer { display:none; } @media screen and (max-width: 1120px) { .Banner300x600_Mobile_Footer { display:block; align-content:center; margin-left:auto; margin-right:auto; padding-bottom:20px; } } .Banner728x90_Head { margin-bottom:10px; margin-top:10px;} @media screen and (max-width: 820px) { .FBembed { display:none; } .Banner728x90_Head { display:none; } .acc_verti { margin-bottom:30px;} } .Banner320x50_Head { display:none; } @media screen and (max-width: 820px) { .Banner320x50_Head { display:block; } } .banner-300x250-home { display:none; } .BannerApp { display:none; margin-bottom:10px; } .BannerApp img { width:100%; height:auto; } @media screen and (max-width: 1120px) { .banner-300x250-home { display:block; } } @media screen and (max-width: 480px) { .BannerApp { display:block; } } #FBhigh {display:none;} @media screen and (min-width: 1900px) { .acc_verti_b { width:550px !important; height:580px !important;} #FBhigh {display:block;} #FBlow {display:none;} } #FBlow {display:none;} @media screen and (max-width: 1900px) { .acc_verti_b { height:570px !important;} #FBhigh {display:none;} #FBlow {display:block;} } /* pour la banner HomeGiant */ #content-col2 { max-width:1500px !important;} @media screen and (max-width: 1500px) { .FirstInfo { margin-left:auto; margin-right:auto; } /* .acc_life {display:none !important;} */ } /* Habillage complet -------------------------------------------------------------------------------------------------------------------------------------- */ /* #content-col2 { max-width:1100px !important;} #page { background:url(images/habillage-complet/Answer2020.jpg); background-repeat:no-repeat; margin-top:-4px; background-position:top center; background-color:#000000;} #habillage-complet-header img { max-width:100%; height:auto; } .page-lifestyle #habillage-complet-header, .node-type-lifestyle #habillage-complet-header { display:none;} .page-lifestyle #page { background:none;} .catalog-product-view #page, .node-type-lifestyle #page {background:url(images/bg-competition.jpg); max-width:1100px;} @media screen and (max-width: 980px) { #habillage-complet-header { display:none;} } */ /* FIN Habillage complet -------------------------------------------------------------------------------------------------------------------------------------- */ .Actu-Top { float:left; margin-left:50px; } .Actu-Top-Container { text-align:center; margin-bottom:10px; margin-top:30px; } .Actu-Top-Container img { margin-left:40px; } @media screen and (max-width: 650px) { .Actu-Top-Container img { margin-left:10px; height:60px; } } blockquote { background: #f9f9f9; border-left: 10px solid #323232; margin: 1.5em 20px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #323232; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;} blockquote p { display: inline; font-style:italic; font-weight:bold; color:#323232; font-size:22px; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased;} .page-lifestyle #content-col2 { max-width:1100px; } .page-lifestyle #content { width:100%; } .node-type-lifestyle #content { width:100%; } .node-type-lifestyle #content-col2, .page-node-123384 #content-col2, .page-node-123385 #content-col2, .page-node-123386 #content-col2, .page-node-123388 #content-col2, .page-node-123421 #content-col2, .page-forum #content-col2, .page-forums-search #content-col2, .node-type-forum #content-col2, .page-messages #content-col2, .page-comment-reply #content-col2, .node-type-news #content-col2 { max-width:1100px; } .page-node-123384 #content .field-items, .page-node-123385 #content .field-items, .page-node-123386 #content .field-items, .page-node-123421 #content .field-items, .page-node-123388 #content .field-items, .page-comment-reply #content .field-items, .node-type-news #content .field-items { padding:20px;} /** ####### PAGE USER ################################################################################### **/ .page-user-login #page, .page-user #page { max-width:1100px; } .page-user-login #user-login, .page-user #user-login { padding:20px; } #user-login .login-forgot, #user-login .login-register, #user-login--2 .login-forgot, #user-login--2 .login-register { background-color: #808080; float: left; padding: 3px 7px; margin-right: 20px;} #user-login .login-forgot a, #user-login .login-register a, #user-login--2 .login-forgot a, #user-login--2 .login-register a { color:white; text-decoration:none;font-family: "proxima-nova",Arial; text-transform:uppercase; font-size: 12px; } .mx2k-user-register-form-wrapper .confirm-parent, .mx2k-user-register-form-wrapper .password-parent { width:auto; } .mx2k-user-register-form-wrapper .password-strength { max-width: 200px; } body.page-user .mx2k-user-register-form-wrapper { margin: 20px; } body.page-user #modal-content .mx2k-user-register-form-wrapper { margin: 0; } body.page-user .mx2k-user-register-form-wrapper #edit-submit, #user-profile-form #edit-submit { font-family: "proxima-nova",Arial; padding: 5px; margin: 0px 5px 5px 0px; font-size: 14px; border: 0px none; cursor: pointer; text-decoration: none; font-weight: bold; color: #FFF; background-color: #D61216; display: inline-block; text-transform: uppercase; line-height: 15px; } body.page-user .region-content { padding:20px; } body.page-user .user-prof-name { float:left; width:50%; } body.page-user .user-prof-name h1 { margin-bottom: 0; } body.page-user .user-prof-photo { float:right; width:50%; text-align:right; } body.page-user .user-prof-pres { float:left; width:100%; } #user-login input#edit-name, #user-pass input#edit-name, #user-login input#edit-pass, #user-register-form input#edit-name, #user-register-form input#edit-mail, #user-register-form input#edit-pass-pass1, #user-register-form input#edit-pass-pass2, #user-register-form input#edit-field-usernom-und-0-value, #user-register-form input#edit-field-userprenom-und-0-value { width:150px; } #user-profile-form #edit-timezone, #user-profile-form #edit-contact, #user-profile-form #edit-privatemsg, #user-profile-form #edit-locale, #user-profile-form #edit-field-userpres-und-0-format { display:none; } #user-profile-form .form-item.form-type-password.form-item-current-pass .description a { background-color: #808080; float:none; clear:both;display:inline-block; padding: 3px 7px; color:white; text-decoration:none;font-family: "proxima-nova",Arial; text-transform:uppercase; font-size: 12px; } /** ####### TOOLS ################################################################################### **/ .clear { clear:both;} /** ####### BANNERS ################################################################################### **/ .banner-728x90 { float:right; } .banner-300x250, .banner-300x600, #fb-root, .banner-logo { margin-top:20px;} .banner-logo-01, .banner-logo-02 { float:left;} .banner-logo-02 { margin-left:20px; background-color:#000000} /** ####### PAGER ################################################################################### **/ .item-list .pager { padding-top:20px; } .item-list .pager li { padding:0px; margin:0px;} .item-list .pager li a { text-decoration:none; font-size:14px; color:#000000; padding:3px; padding-left:5px; padding-right:5px; font-weight:bold; text-transform:capitalize; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .item-list .pager li a:hover { background-color:#d61216; color:#ffffff } .item-list .pager-current { color:#d61216; font-size:14px; font-weight:bold;} /** ####### MAIN ICONS ################################################################################ **/ .main-icon-goto-bottom { background: url('images/sprite.png') no-repeat -11px -134px; width: 80px; height: 80px; left:auto; right:auto; } /** ####### AFFICHAGE COMMENTAIRES ################################################################################ **/ .link-wrapper { margin-left:10px; margin-top:20px; margin-bottom:20px;} .link-wrapper a { color:#1e1e1e; text-decoration:none; font-weight:bold;} .link-wrapper a:hover { color:#d61216;} /*.comment-wrapper h3, .comment-wrapper .permalink, .comment-wrapper .new, .comment-wrapper .comment-reply { display:none;}*/ .comment-wrapper h3, .comment-wrapper .permalink, .comment-wrapper .new { display:none;} .comment ul.links.inline { /*display:none;*/ font-size: 12px;} .comment ul.links.inline li a { color: white; background-color: #888888; text-decoration: none; padding: 0 4px; text-transform:uppercase; } .comment-wrapper h2 { font-size:14px; font-weight:bold; text-transform:uppercase; background-color:#d61216; color:#ffffff; padding:3px; display:inline-block; padding-left:5px; padding-right:5px; margin-bottom:-25px;} .comment-wrapper .comment { padding-bottom:25px; padding-top:25px; border-bottom:solid 1px #000000;} .comment-wrapper .user-picture { float:left; margin-right:10px; } .comment-wrapper .user-picture img { max-height:20px; max-width:20px; } .comment-wrapper .submitted { border-left:solid 0px #000000; margin-bottom:5px; font-size:16px; color:#636363; } .comment-wrapper .content { border-left:solid 0px #000000; padding-left:0px; } .comment-wrapper .field-items p { margin:0px;} body.page-comment-edit #comment-form { padding: 20px; } .comment-form .text-format-wrapper .form-wrapper, .comment-form .form-type-item, label { display:none;} .comment-form .form-submit { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; background: #ffffff; text-transform:uppercase; font-weight:bold; border: solid 0px #d31219; color: #d61216; font-size: 16px; padding: 5px 5px 5px 5px; text-decoration: none; cursor:pointer; } .comment-form .form-submit:hover { background: #d31219; color:#ffffff; text-decoration: none; } .comment-form label { display:none;} .node-type-article .mce-toolbar, .node-type-video .mce-toolbar, .node-type-album-photos .mce-toolbar { display:none;} /** ####### TOP HEADER ############################################################################### **/ .region-topheader { color:#727272; height:38px; vertical-align:middle; max-width:1100px; margin-left:auto; margin-right:auto;} .region-topheader a {color:#727272;} .region-topheader a:hover {color:#ffffff;} .region-topheader ul { list-style-type:none; line-height:37px; padding:0px; margin:0px; } .region-topheader li { display:inline-block; } .region-topheader li a.active { color:#ffffff; } .social { float:right; } .facebook { background: url('images/sprite.png') no-repeat -60px -80px; width: 7px; height: 12px; margin-left:28px; } .facebook:hover { background: url('images/sprite.png') no-repeat -60px -96px; width: 7px; height: 12px; transition:0.2s; } .twitter { background: url('images/sprite.png') no-repeat -36px -80px; width: 13px; height: 11px; margin-left:8px; } .twitter:hover { background: url('images/sprite.png') no-repeat -36px -96px; width: 13px; height: 11px; transition:0.2s; } .youtube { background: url('images/sprite.png') no-repeat -11px -80px; width: 14px; height: 10px; margin-left:8px; } .youtube:hover { background: url('images/sprite.png') no-repeat -11px -96px; width: 14px; height: 10px; transition:0.2s; } .language-switcher-locale-url { float:left; display:block; } .language-link { color:#494949; text-decoration:none; font-weight:700; font-size:15px; } .language-switcher-locale-url .first a { margin:0px; margin-left:20px; padding-right:5px; border-right:solid 2px #727272;} /** ####### HEADER ################################################################################## **/ #header { background-color:#000000; background-image:url(images/bg-header.jpg); background-position:top left; background-repeat:no-repeat; } .region-header { height:90px; max-width:1100px; margin-left:auto; margin-right:auto;} .logo { background: url('images/sprite.png') no-repeat -11px -13px; width: 189px; height: 59px;} .logo-container { padding-top:17px; margin-left:30px; float:left; } #mainlogo { cursor:pointer;} /** ####### TOP MENU #################################################################################### **/ .top-menu { width:100%; background-color:#4e4e4e; text-align:center; display:none; padding-top:10px; line-height: 1; } .top-menu ul { list-style-type:none; margin:0px; padding:0px; height:40px;} .top-menu li { display:inline-block; margin-top:5px; margin-right:10px;} .top-menu li img { margin-right:5px; display: inline; } .top-menu li a { text-decoration:none; text-transform:uppercase; padding:5px 10px; } .top-menu ul .portail a { background-color:#000; color:#fff;} .top-menu ul .portail a:hover { background-color:#323232; } .top-menu ul .competition a { background-color:#d31217; color:#fff;} .top-menu ul .competition a:hover { background-color:#323232; } .top-menu ul .aventure a { background-color:#fdbe00; color:#fff;} .top-menu ul .aventure a:hover { background-color:#323232; } /** ####### TOP MENU MOBILE #################################################################################### **/ .top-menu-mobile { width:100%; background-color:#4e4e4e; text-align:center; padding-top:5px; display:none; } .top-menu-mobile ul { list-style-type:none; margin:0px; padding:0px; } .top-menu-mobile li { display:inline-block; margin-top:0px; margin-right:5px;} .top-menu-mobile li img { margin-right:5px;} .top-menu-mobile li a { text-decoration:none; font-size:18px; text-transform:uppercase; padding:3px 7px; } .top-menu-mobile ul .portail a { background-color:#000; color:#fff;} .top-menu-mobile ul .portail a:hover { background-color:#323232; } .top-menu-mobile ul .competition a { background-color:#d31217; color:#fff;} .top-menu-mobile ul .competition a:hover { background-color:#323232; } .top-menu-mobile ul .aventure a { background-color:#fdbe00; color:#fff;} .top-menu-mobile ul .aventure a:hover { background-color:#323232; } @media screen and (max-width: 500px) { .top-menu-mobile li a { font-size:14px; } } @media screen and (max-width: 400px) { .top-menu-mobile li a { font-size:12px; } } /** ####### MENU #################################################################################### **/ .nav-collapse { max-width:1100px; margin-left:auto; margin-right:auto; } .region-menu { background-color:#323232; color:#FFFFFF; min-height:55px; } .region-menu .block-menu{ height:auto; } .region-menu .menu {max-width:1100px; margin-left:auto; margin-right:auto; } .menu a {text-decoration:none; font-size: 15px; font-weight: 700; line-height: 50px; text-transform:uppercase; } .menu a:hover { color:#9a9a9a; } .region-menu ul { list-style-type:none; line-height:50px; margin:0px; padding: 0 10px; } .region-menu li { display:inline-block; padding:0px; } .region-menu li a { color:#FFFFFF;} .region-menu li a.active { color:#FFFFFF;} .nav-collapse .nav2 { float:right; margin-right:0px; min-height:50px; } .nav-collapse .nav2 .cart { margin-top:16px; text-transform:uppercase; margin-left:20px; float:right; } .nav-collapse .nav2 .cart img { margin-right:8px; } .nav-collapse .nav2 .cart a { background-color:#d31217; padding:5px; padding-left:10px; padding-right:10px; color:#FFFFFF; text-decoration:none; font-size:14px; font-weight:bold; } .nav-collapse .nav2 .cart a:hover { background-color:#000000;} .nav-collapse .nav2 .identification, .nav2 .create-account { width:25px; height:25px; border:solid 1px #9a9a9a; float:right; margin-top:15px; margin-right:10px;} .nav-collapse .nav2 .identification:hover { background-color:#000;} .nav-collapse .nav2 .create-account:hover { background-color:#000;} .home-competition-menu { float:left;} .home-competition-menu img { margin-top:22px; display: inline-block;} .home-competition-menu2 { float:left;} .home-competition-menu2 img { margin-top:12px; display: inline-block;} .page-lifestyle .nav2 .cart, .node-type-lifestyle .nav2 .cart { display:none;} /** ####### COM EMAG #################################################################################### **/ #ComEmag { display:none; text-align:center; margin:0px; padding:5px; width:95%; background-color:#FFFFFF;} #ComEmag img { max-width:100%; height:auto;} /** ####### MENU MOBILE #################################################################################### **/ #menu-mobile-container { display:none; } #menu-mobile-container .logo-mobile {float:left; padding:12px;} #menu-mobile-container .menu-btn { cursor:pointer; text-align:right; margin:0px; position:absolute; right:20px; top:12px;} #menu-mobile { display:none; position:fixed; margin:0px; padding:0px; width:100%; top:58px; z-index:0; background-color:#696969; height:100%; overflow:auto; padding-bottom:40px; } #menu-mobile .lien-menu-mobile li { border-bottom:solid 1px #8a8a8a; line-height:2em; font-size:1.3em; text-transform:uppercase; display:block; } #menu-mobile .lien-menu-mobile li:last-child { border:none;} #menu-mobile .lien-menu-mobile ul { list-style-type:none; margin:0px; padding:0px; padding-left:20px; padding-right:20px; margin-top:20px; margin-bottom:20px; } #menu-mobile .lien-menu-mobile li a { color:#fff; text-decoration:none;} .top-btn { text-align:center; margin-top:20px;} .top-btn img { display:inline; } .icon-menu-mobile { float:left; width:50px; background-color:#000000;} .lien-menu-mobile { float:left; } #menu-mobile-container .lien-menu-mobile { width:100%; } #menu-mobile-container .cart { text-transform:uppercase; text-align:center; margin-bottom:30px; display:none; } #menu-mobile-container .cart img { margin-right:8px; } #menu-mobile-container .cart a { background-color:#d31217; padding:5px; padding-left:10px; padding-right:10px; color:#FFFFFF; text-decoration:none; font-size:16px; font-weight:bold; } #menu-mobile-container .cart a:hover { background-color:#000000;} #menu-mobile-container .nav2-mobile { margin-right:70px;} #menu-mobile-container .create-account { width:25px; height:25px; border:solid 1px #9a9a9a; margin-top:15px; margin-right:10px; float:right;} #menu-mobile-container .identification { width:25px; height:25px; border:solid 1px #9a9a9a; margin-top:15px; margin-right:10px; float:right;} /** ####### FORUM #################################################################################### **/ .node-type-forum .views-exposed-form, .node-forum .field-type-text-with-summary:first-child { display:none;} .node-type-forum .social-container { max-width:700px; margin-left:auto; margin-right:auto; padding-top:20px;} .node-type-forum .social-container #fb-root { margin-top:0px;} /** ####### BLOC USER ONLINE #################################################################################### **/ #block-user-online { padding:10px; margin:10px; border-top:solid 1px #000000;} #block-user-online h2 { display:none;} #block-user-online ul { list-style-type:none;} #block-user-online li { display:inline-block; margin:0px; padding:0px; margin-right:5px; margin-bottom:5px;} #block-user-online li a { text-decoration:none; color:#fff; padding:3px; padding-left:5px; padding-right:5px; background:#d31217; margin-bottom:5px; text-transform:capitalize;} #block-user-online li a:hover { background:#000000; color:#fff;} /** ####### BLOC NEWSLETTER #################################################################################### **/ #AboNewsletter { height:140px; margin-top:20px; } /** ####### PAGE COMMENT REPLY #################################################################################### **/ #block-block-17 { padding:20px;} .page-comment-reply { padding:20px;} .page-comment-reply .pict, .page-comment-reply h3, .page-comment-reply .comment ul.links.inline, .page-comment-reply #content .field-items, .page-comment-reply #mceu_8, .page-comment-reply #mceu_13 { display:none;} .page-comment-reply form { width:90%; margin-left:auto; margin-right:auto; font-size:14px;} .page-comment-reply form #edit-comment-body-und-0-value_ifr { height:400px !important;} .page-comment-reply .text-format-wrapper { margin-top:20px; margin-bottom:20px;} /** ####### LISTING VIDEOS ############################################################################# **/ .view-videos { margin-top:0px; padding:0px; margin-left:auto; margin-right:auto; } .view-videos .views-row { margin-right:20px; margin-top:20px; float:left; position:relative; overflow:hidden; width:380px; height:285px; } .view-videos .titre-video { position:absolute; padding:20px; bottom:0px; left:0px; right:0px; } .video-container { overflow: hidden; display:block; } .video-container img { z-index:1; } .video-container .titre-video { z-index:4; } .video-container img, .titre-video { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; max-width:380px; max-height:285px; } .video-container:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .video-container:hover .titre-video { transform: translateY(150px); transition-duration:0.4; } .video-container:hover .mask-video { opacity: 0.8; filter: alpha(opacity=80); } .video-container:hover .mask-video-caption { opacity: 1; filter: alpha(opacity=100); } .view-videos .views-field-title .field-content { font-size:19px; font-weight:600; color:#FFFFFF; display:inline-block; width:100%; line-height:19px; } .view-videos .views-field-field-video-categorie { padding:5px; margin-bottom:5px; font-size:14px; line-height:10px; font-weight:bold; color:#FFFFFF; background-color:#d61216; display:inline-block; text-transform:uppercase; line-height:15px; } .video-gradient { position:absolute; width:380px; height:150px; bottom:0px; background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/ } .mask-video { position:absolute; width:380px; height:285px; display:inline-block; background-color:#000000; opacity: 0.0; filter: alpha(opacity=0); z-index:5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .mask-video-caption-container { position:absolute; text-align:center; width:380px; height:285px; line-height:285px; } .mask-video-caption { position:relative; display:inline-block; top:auto; bottom:auto; opacity: 0.0; filter: alpha(opacity=0); z-index:10; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .video-categorie { text-align:center;} .video-categorie div { display:inline-block; margin-top:5px; } .video-categorie a {font-size:14px; font-weight:bold; padding:3px; padding-left:5px; padding-right:5px; color:#000000; text-decoration:none; text-transform:uppercase; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .video-categorie a:hover { color:#ffffff; background-color:#d61216; } .video-titre h1 { margin:0px; margin-top:20px; padding:0px;} /** ####### DETAIL VIDEOS ############################################################################### **/ .node-type-video #content-col2 { max-width:1100px; margin-left:auto; margin-right:auto; } .detail-video-container { text-align:left; margin-top:20px; max-width:900px; margin-left:auto; margin-right:auto;} .detail-video-header { position:relative; width:100%; max-width:780px; height:auto; max-height:330px; overflow:hidden; } .photo-video-header img {max-width:780px; width:100%; height:auto; z-index:0;} .detail-video-container .gradiant {position:absolute; width:100%; max-width:780px; height:165px; bottom:0px; z-index:1; background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(255,255,255,0.9)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba255(255,255,0.9)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,255,255,0.9)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,0.9)); /*Standard*/ } .detail-video-container .opacity { background-color:#ffffff; opacity: 0.5; filter: alpha(opacity=50); position:absolute; width:100%; max-width:780px; height:330px; z-index:1;} .titre-container { position:absolute; z-index:2; bottom:0px; left:0px; right:0px; z-index:30; width:100%; height:auto; } .detail-video-container .titre { max-width:780px; max-height:330px; color:#000000; text-transform:uppercase; text-align:left; bottom:0px; margin-left:20px; margin-bottom:10px; z-index:3;} .detail-video-container .titre h1 { padding:0px; margin:0px; line-height:35px; z-index:10; } .detail-video-container .category { padding:5px; margin-left:20px; margin-bottom:10px; font-size:14px; line-height:10px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; background-color:#d61216; display:inline-block; z-index:10; } .detail-video-container .description { margin-top:5px; margin-bottom:5px; margin-left:20px; max-width:740px;} .detail-video-container .date { margin-top:10px; margin-left:20px; max-width:740px; font-size:14px; color:#898989;} .embed-container { position: relative; padding-bottom: 50.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top:20px; margin-left:20px; text-align:center; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width:740px; max-height:416px; } .icone-video { margin-top:-30px; margin-bottom:20px; text-align:center;} .video-tags {margin-left:20px; max-width:740px; margin-top:20px; } .video-tags .tags div { display:inline-block; margin-bottom:9px; } .video-tags a {font-size:14px; line-height:10px; font-weight:lighter; border:solid 1px #c4c4c4; padding:3px; color:#c4c4c4; margin-right:5px; text-decoration:none; text-transform:capitalize; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .video-tags a:hover { color:#ffffff; background-color:#c4c4c4; } .detail-video-container .commentaires { max-width:740px; margin-left:20px;} .dernieres-actu { border:solid 0px #000; display:block; height:350px; margin-top:50px;} .dernieres-actu .view-display-id-block { background-color:#323232; position: absolute; width: 100%; left: 0; height: 400px; overflow: hidden;} .dernieres-actu .views-row { position:relative;} .dernieres-actu .views-field-field-cat-gorie, .dernieres-actu .views-field-title { position:absolute; bottom:0px; background-color:#d61216; padding:5px; max-width:340px; margin-bottom:10px; margin-left:10px;} .dernieres-actu .gradiant, .dernieres-actu .views-field .caption-container { display:none;} .detail-video-container .social-video { margin-top:20px; margin-left:20px; margin-bottom:20px;} /** ####### BLOC DERNIERES VIDEOS ############################################################################### **/ #block-views-derni-res-vid-os-block { margin:0px; padding:20px; position:relative; height:225px; margin-top:6.5%; } #block-views-derni-res-vid-os-block .content { margin:0px; padding:0px; width:270px; } #block-views-derni-res-vid-os-block h2 { font-weight:800; color:#FFFFFF; line-height:15px; margin:0; background-color:#d61216; font-size:14px; display:inline-block; padding:5px; text-transform:uppercase;} .bx-wrapper{ margin:0px; padding:0px;} .bx-wrapper img { width:270px; height:auto; } #block-views-derni-res-vid-os-block {background-color:#323232;} #block-views-derni-res-vid-os-block .call-to-action { position:absolute; background: url('./images/sprite.png') no-repeat -11px -116px; width: 58px; height: 58px; top:calc(46% - 29px); left:calc(50% - 29px); } #block-views-derni-res-vid-os-block .views-field-title { position:absolute; z-index:10; color:#000000; text-transform:uppercase; font-weight:bold; font-size:14px; padding:10px; webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; left:5px; bottom:10px; } #block-views-derni-res-vid-os-block .gradiant { position:absolute; width:270px; height:100px; bottom:0px; background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(255,255,255,0.9)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba255(255,255,0.9)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,255,255,0.9)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,0.9)); /*Standard*/ } /** ####### PHOTOS ############################################################################# **/ .view-photos { margin-top:0px; padding:0px; } .view-photos .views-row { margin-right:20px; margin-top:20px; float:left; position:relative; overflow:hidden; width:380px; height:285px; } .view-photos .titre-photo { position:absolute; padding:20px; bottom:0px; left:0px; right:0px; } .photo-container { overflow: hidden; display:block; } .photo-container img { z-index:1; } .photo-container .titre-photo { z-index:4; } .photo-container img, .titre-photo { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; max-width:380px; max-height:285px; } .photo-container:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .photo-container:hover .titre-photo { transform: translateY(150px); transition-duration:0.4; } .photo-container:hover .mask-photo { opacity: 0.8; filter: alpha(opacity=80); } .photo-container:hover .mask-photo-caption { opacity: 1; filter: alpha(opacity=100); } .view-photos .views-field-title .field-content { font-size:19px; font-weight:600; color:#FFFFFF; display:inline-block; width:100%; line-height:19px; } .view-photos .views-field-field-albcateg { padding:5px; margin-bottom:5px; font-size:14px; line-height:10px; font-weight:bold; color:#FFFFFF; background-color:#d61216; display:inline-block; text-transform:uppercase; line-height:15px; } .photo-gradient { position:absolute; width:380px; height:150px; bottom:0px; background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/ } .mask-photo { position:absolute; width:380px; height:285px; display:inline-block; background-color:#000000; opacity: 0.0; filter: alpha(opacity=0); z-index:5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .mask-photo-caption-container { position:absolute; text-align:center; width:380px; height:285px; line-height:285px; } .mask-photo-caption { position:relative; display:inline-block; top:auto; bottom:auto; opacity: 0.0; filter: alpha(opacity=0); z-index:10; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /* .mask-photo-caption a { color:#a1a1a1; font-size:22px; text-decoration:none; border:solid 1px #a1a1a1; text-transform:uppercase; padding:20px; padding-bottom:31px; padding-top:31px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius: 50px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .mask-photo-caption a:hover { color:#FFFFFF; border:#FFFFFF 1px solid; } */ .photo-categorie { text-align:center;} .photo-categorie div { display:inline-block; margin-top:5px; } .photo-categorie a {font-size:14px; font-weight:bold; padding:3px; padding-left:5px; padding-right:5px; color:#000000; text-decoration:none; text-transform:uppercase; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .photo-categorie a:hover { color:#ffffff; background-color:#d61216; } .photo-titre h1 { margin:0px; margin-top:20px; padding:0px;} /** ####### DETAIL ALBUM PHOTOS ############################################################################# **/ .photo-head { padding-left:20px; padding-right:20px; text-align:center;} .photo-head .titre a { color:#000000; } .photo-head h1 { text-transform:uppercase;} #image-galerie2 .mask-icon { position:absolute; z-index:20; text-align:center; width:100%; height:100%; background-image:url(/sites/all/themes/mx2k/images/zoom.png); background-repeat:no-repeat; background-position:center; background-size:auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;} #image-galerie2:hover .mask-icon { opacity: 1; filter: alpha(opacity=100); } #image-galerie .mask { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; position:absolute; opacity: 0; filter: alpha(opacity=0); z-index:10; width:100%; height:100%; background: -webkit-linear-gradient(top, rgba(50,50,50,0), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, rgba(50,50,50,0), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, rgba(50,50,50,0), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,1)); /* Standard syntax (must be last) */ } #image-galerie2:hover .mask { opacity: 1; filter: alpha(opacity=100); } #image-galerie .mask-caption { position:absolute; z-index:15; color:#ffffff; width:90%; padding:20px; bottom:0px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } #image-galerie2:hover .mask-caption { opacity: 1; filter: alpha(opacity=100); } .node-type-album-photos .comment-wrapper { max-width:786px; margin-left:auto; margin-right:auto;} .node-type-album-photos .social-container { max-width:500px; margin-left:auto; margin-right:auto;} /** ####### ACCUEIL ############################################################################# **/ .view-accueil { margin-top:0px; padding:0px; } /* .view-accueil .views-row, .view-lifestyle-accueil .views-row { margin-right:2.5%; margin-top:2.5%; float:left; position:relative; overflow:hidden; width:47.5%; } */ .view-accueil .views-row:last-child{ margin-right: 0; } .view-accueil .views-row, .view-display-id-blockaccueil3 .views-row, .view-display-id-blockaccueil2 .views-row, .view-lifestyle-accueil .views-row { margin-right:20px; margin-top:20px; float:left; position:relative; overflow:hidden; width: 380px; height:285px; } .view-lifestyle-accueil .views-row { /* width:97.5%; */width:780px;margin-top:0; } .views-field-field-ls-prod .views-row { height:auto; margin:0; } .view-accueil .titre-accueil, .view-lifestyle-accueil .titre-accueil { position:absolute; padding:20px; bottom:0px; left:0px; right:0px; } .accueil-container { overflow: hidden; display:block; } .accueil-container img { z-index:1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .accueil-container .titre-accueil { z-index:4; } /*.view-id-lifestyle_accueil .accueil-container .titre-accueil { width: 42.5%; }*/ /* .accueil-container img, */ .titre-accueil { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; max-width:100%; max-height:285px; } .accueil-container:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .accueil-container:hover .titre-accueil { transform: translateY(150px); transition-duration:0.4; } .accueil-container:hover .mask-accueil { opacity: 0.8; filter: alpha(opacity=80); } .accueil-container:hover .mask-accueil-caption { /* opacity: 1; filter: alpha(opacity=100); */ display:block; } .view-accueil .views-field-title, .view-lifestyle-accueil .views-field-title { font-size:19px; font-weight:600; color:#FFFFFF; display:inline-block; width:100%; line-height:19px; } .view-accueil .views-field-title a, .view-lifestyle-accueil .views-field-title a { color:#FFFFFF; text-decoration:none; } .view-id-actualit_s .views-field-created, .view-id-actualit_s .views-field-field-cat-gorie { display:inline-block; } .view-accueil .views-field-field-cat-gorie, .view-lifestyle-accueil .views-field-field-ls-categ { padding:5px 5px 3px 5px; margin-bottom:5px; font-size:14px; line-height:10px; font-weight:bold; color:#FFFFFF; background-color:#d61216; display:inline-block; text-transform:uppercase; line-height:15px; } .view-accueil .views-field-field-cat-gorie { background-color:#d61216; } .view-lifestyle-accueil .views-field-field-ls-categ { background-color:#fdc811; } .accueil-gradient { position:absolute; width:100%; height:150px; bottom:0px; background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/ } /*.view-lifestyle-accueil .accueil-gradient { width:48.75%; }*/ .mask-accueil { position:absolute; width:100%; height:285px; display:inline-block; background-color:#000000; opacity: 0.0; filter: alpha(opacity=0); z-index:5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-lifestyle-accueil .mask-accueil { background-color:#ffffff; } .mask-accueil-caption-container { position:absolute; text-align:center; width:100%; height:285px; line-height:285px; } .mask-accueil-caption { position:relative; display:inline-block; top:auto; bottom:auto; /* opacity: 0.0; filter: alpha(opacity=0); */ display:none; z-index:10; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .mask-accueil-caption a { color:#a1a1a1; font-size:80px; text-decoration:none; /* border:solid 1px #a1a1a1; */ border: 3px solid #FFF; text-transform:uppercase; padding: 0px 34px 10px; -webkit-border-radius:160px; -moz-border-radius:160px; border-radius: 160px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .mask-accueil-caption a:hover { color:#FFFFFF; border: 3px solid #FFF; } .view-lifestyle-accueil .mask-accueil-caption a { border: 3px solid #231F20; } .accueil-container:hover .mask-accueil-caption img { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition:none;-webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .view-lifestyle-accueil .mask-accueil-caption a:hover { color:#000000; border:3px solid #231F20; } .accueil-categorie { text-align:center;} .accueil-categorie div { display:inline-block; margin-top:5px; } .accueil-categorie a {font-size:14px; font-weight:bold; padding:3px; padding-left:5px; padding-right:5px; color:#000000; text-decoration:none; text-transform:uppercase; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .accueil-categorie a:hover { color:#ffffff; background-color:#d61216; } .accueil-titre h1 { margin:0px; margin-top:20px; padding:0px;} .view-id-actualit_s .views-field-created, .view-accueil .views-field-created { color: white; font-size: 12px; font-weight:600; } .view-accueil .views-row .views-field-field-cat-gorie .puce, .view-lifestyle-accueil .views-row .views-field-field-ls-categ .puce { float:left; width:18px; height:14px; margin-right:4px; background-repeat: no-repeat; background-size: contain; } .view-accueil .views-row.article .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-actu.png"); } .view-accueil .views-row.article-premium .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-premium.png"); } .view-accueil .views-row.album-photos .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-photo.png"); } .view-accueil .views-row.video .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-video.png"); } .view-lifestyle-accueil .views-row .views-field-field-ls-categ .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-lifestyle2.png"); } .view-accueil .mask-accueil-caption img, .view-id-lifestyle_accueil .mask-accueil-caption img { width:40px; height:40px; } .view-news-accueil .views-field-created { width:20%; float:left; font-size:12px; font-weight:600; padding-top: 4px; max-width: 90px; } .view-news-accueil .views-field-title { width:80%; float:left; line-height: 14px; padding: 4px 0; } .view-news-accueil .views-field-title a { font-size:14px; font-weight: 700; color: #000; text-decoration:none; } .view-news-accueil .views-field-title a:hover { text-decoration:underline; } body.node-type-news .detail-article-header { max-width:none; height:auto; overflow:visible; } body.node-type-news .detail-article-header .titre-container { position:relative; left:none; bottom:none; right:none; } body.node-type-news .description > p:first-child { font-weight:300; } /** ####### COL 2 ############################################################################# **/ #block-system-user-menu { background-color: #323232; margin-top:6.5%; } #block-system-user-menu ul { margin:0; padding:0; } #block-system-user-menu ul li { list-style:none; margin:0; padding:0px 19px; } #block-system-user-menu ul li:first-child { background-color:black; } #block-system-user-menu ul li a { color:white; font-size:14px; } #block-boost-status { background-color: #323232; color:white; font-size:12px; padding: 5px 20px; margin-top:6.5%; } #block-boost-status #edit-clear { border:0 none; font-size:14px; font-family:'proxima-nova', Arial; text-transform: uppercase; font-weight: 700; padding: 1px; line-height:20.833px; cursor: pointer; background: #009933 none repeat scroll 0% 0%; color: #fdfdfd; text-decoration: none; } #user-login-block-container { background-color: #323232; margin-top:6.5%; } #user-login-block-container .links { margin:0; padding:0; } #user-login-block-container .links li { list-style:none; margin:0; padding:0px 19px; } #user-login-block-container .links li a { color:white; font-size:14px; } #user-login{ padding:5px; } #privatemsg-new { padding:10px; } #block-views-dernier-e-mag-block { margin-top:6.5%; background-color: #323232;padding:19px; } .view-dernier-e-mag .view-content .views-row .emag-titre { line-height: 15px; margin: 0 0 15px 0; display: inline-block; } .view-dernier-e-mag .view-content .views-row .emag-fond { position:absolute; z-index:2; width: 172px; overflow: hidden;margin-left:20px; } .view-dernier-e-mag .view-content .views-row .emag-imgs img { width:172px; } .view-dernier-e-mag .view-content .views-row .emag-over { height:133px; z-index:3; position: absolute; } .view-dernier-e-mag .view-content .views-row .emag-bas { margin-top:144px; } .view-dernier-e-mag .view-content .views-row .emag-bas .emag-app { float:left; } .view-dernier-e-mag .view-content .views-row .emag-bas .emag-lire { float:right; } .view-dernier-e-mag .view-content .views-row .emag-bas a { color:white; background-color:black; padding:2px 5px; text-transform:uppercase; text-decoration:none; font-size:13px; font-weight:700; } /** ####### LISTING ACTUALITES ############################################################################### **/ .page-actualites .actualite-categorie { text-align:center;} .view-actualit-s ul { margin:0px; padding:0px;} .view-actualit-s li { display:inline-block;} .view-actualit-s .views-row { position:relative; margin:0px; padding:0px; margin-right:20px; margin-top:20px; float:left; max-width:380px; max-height:285px; overflow:hidden; } .view-actualit-s .views-row img { max-width:380px; max-height:285px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-actualit-s .views-row:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .view-actualit-s .views-row:hover .groupe-de-champs { transform: translateY(150px); transition-duration:0.4; } .view-actualit-s .groupe-de-champs { position:absolute; padding:20px; bottom:0px; left:0px; right:0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .view-actualit-s .views-field-field-cat-gorie a { padding:5px; text-decoration:none; margin-bottom:5px; font-size:14px; line-height:10px; font-weight:bold; color:#FFFFFF; background-color:#d61216; display:inline-block; text-transform:uppercase; line-height:15px; } .view-actualit-s .views-field-title a { font-size:19px; font-weight:600; color:#FFFFFF; display:inline-block; width:100%; line-height:19px; text-decoration:none; } .view-actualit-s .gradiant { position:absolute; width:380px; height:150px; bottom:0px; background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/ } .view-actualit-s .mask { position:absolute; background-color:#000000; opacity: 0.0; filter: alpha(opacity=0); z-index:5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-actualit-s .mask img {width:380px; height:285px;} .view-actualit-s .views-row:hover .mask { opacity: 0.8; filter: alpha(opacity=80); } /* .view-actualit-s .caption-container { position:absolute; background-image:url(images/arrow-asc.png); width:100%; display:block; width:auto; text-align:center; margin-top:30%; margin-left:30%; opacity: 0.0; filter: alpha(opacity=0); z-index:10; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} */ .view-actualit-s .icon-actu { position:absolute; background-repeat:no-repeat; background-position:center; width:380px; height:285px; display:block; opacity: 0.0; filter: alpha(opacity=0); z-index:10; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .article-premium .icon-actu { background-image:url(images/puce-premium-large.png);} .article .icon-actu { background-image:url(images/puce-actu-large.png);} .view-actualit-s .icon-actu img { width:380px; height:285px; } .view-actualit-s .icon-actu:hover { opacity: 1; filter: alpha(opacity=100);} .view-actualit-s .views-row:hover .caption-container { opacity: 1; filter: alpha(opacity=100); } .view-actualit-s .caption { display:block; text-transform:uppercase; padding:10px; border:solid 1px #FFFFFF; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .view-actualit-s .caption:hover { opacity: 1; filter: alpha(opacity=100);} .view-actualit-s .caption a { color:#FFFFFF; text-decoration:none;} .acc_cont_a { width:100%; float:none; clear:both; } .acc_life { /*width:780px;*/ float:none; clear:both; /*padding-top:20px; margin-right:20px;*/ display:inline-block; } .acc_life img { max-width:100%; height:auto;} .acc_life .EmagCouv { display:none;} .acc_forum { width:780px; float:none; vertical-align: top; top:0; clear:both; margin-bottom:20px; /* margin-right:20px; */ padding-top: 20px; display:inline-block; } .acc_verti { width:100%; float:none; clear:both; border-top: 0px solid black; } .acc_verti_a { float:left; width:780px; margin-right:20px; } .acc_free_mark, .acc_verti_b { float:left; width:380px; height: 895px; margin-top: 20px; display:inline-block; } .acc_cont_c { width:100%; float:none; clear:both; } .acc_verti_a .acc_cont_b .view-accueil .views-row-even{ margin-right:0; } .acc_free_mark { margin-left:20px; } .acc_cont_c .view-id-accueil .views-row-last{ display:none; } .view-id-lifestyle_accueil { height:285px; width:100%; overflow:hidden; } .view-id-lifestyle_accueil .view-content { height:285px; /*width:10000em;*/ } .view-id-lifestyle_accueil .views-row img, .view-display-id-blockaccueil1 .views-row img, .view-display-id-blockaccueil2 .views-row img, .view-display-id-blockaccueil3 .views-row img { max-width:100%; height:auto; } .view-id-lifestyle_accueil .views-row { float:none; clear:both; } .view-id-lifestyle_accueil .views-field-field-ls-prod { float:left; width:48.75%; padding-top:1.5%; } .view-id-lifestyle_accueil .views-field-field-ls-prod .view-id-field_collection_view_produits .views-row { float:left; width:33%; clear:none; } .view-id-lifestyle_accueil .views-field-body { position:absolute; left: 69.5%; margin-top:124px; font-size:16px; } .view-id-lifestyle_accueil .accueil-container { float:left; /* width:48.75%; */width:100%; margin-right:2.5% } /* .view-display-id-blockaccueil2 .views-row { float:left; width:100%;margin-top:5%; margin-right:0; } */ /* .view-display-id-blockaccueil3 .views-row { float:left; width:22.5%; } */ .pastille { padding:5px 5px 3px; text-transform:uppercase; font-size:14px; font-weight:700; } .pastille.bleu { background-color:#18b4f5; color:white; } .pastille.noir { background-color:#000000; color:white; } .pastille.cyan { background-color:#48C7F0; color:white; } .pastille.fb { background-color:#3A5795; color:white; margin-left:1px; } .acc_forum .titre { font-weight:700; font-size:20px; text-transform:uppercase; margin:6px 0 12px 0; } .view-id-forum_accueil .views-row { font-size:14px; color:#818080; font-style:italic; margin:6px 0 0 0; background:url('/sites/all/themes/mx2k/images/puce-forum.jpg') no-repeat left center; padding-left: 18px; } .view-id-forum_accueil .views-row a { font-style:normal; font-weight:700; color:black; text-decoration:none; } .view-id-forum_accueil .views-row a:hover { text-decoration:underline; } .view-id-forum_accueil .views-row .views-field-taxonomy-forums a { font-size:14px; color:#818080; font-style:italic; font-weight:normal; text-decoration:underline; } .view-id-forum_accueil .views-row .views-field-taxonomy-forums a:hover { text-decoration:none; } .acc_verti_b .twitter-timeline, .acc_verti_b iframe { margin:2px auto 0 auto !important; height:868px !important; } .acc_mininews { margin-top: -285px; display: inline-block; width: 780px; float:left; padding:10px; } /** ####### DETAIL ACTUALITE ############################################################################### **/ .node-type-article #content-col2 { max-width:1100px; margin-left:auto; margin-right:auto; } .detail-article-container { text-align:left; margin-top:20px; max-width:900px; margin-left:auto; margin-right:auto; } .detail-article-header { position:relative; width:100%; max-width:780px; height:330px; overflow:hidden; } .photo-article-header { position:absolute; overflow:hidden; max-width::1200px; height:330px;} .photo-article-header img { width:100%; max-width:1200px; height:auto; } .detail-article-container .gradiant {position:absolute; width:100%; max-width:780px; height:150px; bottom:0px; z-index:1; background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(255,255,255,0.9)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,255,255,0.9)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,255,255,0.9)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,0.9)); /*Standard*/ } .titre-container { position:absolute; z-index:2; bottom:0px; left:0px; right:0px; } .detail-article-container .titre { max-width:780px; max-height:330px; color:#000000; text-transform:uppercase; text-align:left; bottom:0px; margin-left:20px; margin-bottom:10px;} .detail-article-container .titre h1 { padding:0px; margin:0px; line-height:35px; } .detail-article-container .category { padding:5px; margin-left:20px; margin-bottom:10px; font-size:14px; line-height:10px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; background-color:#d61216; display:inline-block; } .detail-article-container .description { margin-top:5px; margin-bottom:5px; margin-left:20px; max-width:1200px;} .detail-article-container .date { margin-top:10px; margin-left:20px; max-width:740px; font-size:14px; color:#898989;} .detail-article-container .social-container { margin-top:10px; margin-bottom:10px; margin-left:20px;} .description > div:first-child { font-weight:bold;} .description > p:first-child { font-weight:bold;} .description img { width:100%; max-width:740px; height:auto;} .detail-article-container .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:2em; margin-top:2em; } .detail-article-container .video iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article-tags {margin-left:20px; max-width:740px; margin-top:20px; } .article-tags .tags .field-label { display:none;} .article-tags .tags div { display:inline-block; margin-bottom:9px; } .article-tags a {font-size:14px; line-height:10px; font-weight:lighter; border:solid 1px #c4c4c4; padding:3px; color:#c4c4c4; margin-right:5px; text-decoration:none; text-transform:capitalize; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .article-tags a:hover { color:#ffffff; background-color:#c4c4c4; } .detail-article-container .commentaires { max-width:740px; margin-left:10px;} .article-galerie-container { position:relative; padding-left:20px; padding-right:20px; margin-top:20px; margin-bottom:20px; display:inline-block; overflow:hidden; } .article-galerie-container .photo-container { float:left; overflow:hidden; padding:0px; margin:0px; margin-right:10px; } .article-galerie-container .photo { margin-bottom:-5px; z-index:1; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; -ms-transition: all 0.8s linear; transition: all 0.8s linear;} .article-galerie-container .zoom { position:absolute; max-height:170px; max-width:170px; float:left; z-index:10; opacity: 0.0; filter: alpha(opacity=0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .article-galerie-container .zoom img { position:absolute; max-height:170px; max-width:170px;} .article-galerie-container .photo-container:hover .zoom { opacity: 1; filter: alpha(opacity=100); } .article-galerie-container .photo-container:hover .photo img { opacity: 0.5; filter: alpha(opacity=50); } .article-galerie-container .titre-galerie, .pdf-container .titre { padding:5px; margin-bottom:10px; font-size:14px; line-height:10px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; background-color:#d61216; display:inline-block; } .detail-article-container .copyrights { font-size:16px; font-style:italic; color:#c4c4c4; margin-left:20px;} .pdf-container { margin-bottom:20px; margin-top:20px;} .pdf-container .adobe-dl { margin-left:20px;} .pdf-container .file { color:#000000;} .pdf-container .file:hover { text-decoration:none;} .resultats { margin-left:20px; } .resultats img { width:100%; max-width:780px; height:auto; } .resultats table { border: 1px solid #c4c4c4; width:95%; padding:5px; margin:0px; font-size:12px; } .resultats tr td { border: 1px solid #c4c4c4; text-align:center; vertical-align:middle;} .resultats table tbody tr:nth-child(even) { background: #e7e7e7; } .resultats table tbody tr:hover { background-color:#323232; color:#ffffff;} /** ####### FOOTER PUB ################################################################################ **/ .footer { position:relative; width:100%; padding:0px; margin:0px; padding-bottom:0px; color:#fff; text-align:center; overflow:hidden; -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); } .slogan { text-transform:uppercase; font-size:1.5em; color:rgba(0,0,0,1.00); margin-top:20px; margin-bottom:10px; width:100%; text-align:center; } .slogan2 { font-size:1.2em; color:rgba(0,0,0,1.00); width:100%; text-align:center; margin-bottom:20px; } .footer-logo { text-align:center; } .footer-logo img { max-width:40%; margin-top:40px; height: auto; display: inline-block; } .couv { margin-bottom:30px; text-align:center;} .couv img {height: auto; max-width:35%; display: inline-block; } .footer .background { position:absolute; z-index:-1; background-color:#e2e2e2; width:100%; height:100%;} .footer .background img { max-width: 100%; height: auto;} .footer .store-icons img { max-width:170px;} .footer .store-icons a { display: inline-block;} .footer .footer-emag { padding-bottom:40px;} .footer .footer-lifestyle { margin:0px; padding:0px; position:relative; overflow:hidden; } .footer .footer-lifestyle .bg-footer img { width:100%; height:auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} /*.footer .footer-lifestyle .title { position:absolute; z-index:9; left:50%; margin-left:-250px; top:25%; text-align:center; }*/ .footer .footer-lifestyle .title { position:absolute; z-index:9; width:100%; text-align:center; margin-top:250px; } .footer .footer-lifestyle .title .lifestyle-icon {max-width:500px; height:auto; margin-left:auto; margin-right:auto; } .footer .footer-lifestyle .mask-blanc { width:100%; height:100%; z-index:2; position:absolute; background-color:rgba(255,255,255,0.80); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .footer .footer-lifestyle:hover .mask-blanc {background-color:rgba(255,255,255,0.0); } .footer .footer-lifestyle:hover .bg-footer img { transform:scale(1.1,1.1); -webkit-transition: all 4s linear; -moz-transition: all 4s linear; -o-transition: all 4s linear; -ms-transition: all 4s linear; transition: all 4s linear;} .plus-btn { display:inline-block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .plus-btn:hover { transform:scale(0.8,0.8); } @media screen and (max-width: 1500px) { .footer .footer-lifestyle .title { margin-top:200px; } } @media screen and (max-width: 1200px) { .footer { background-color:#efefef;} .footer .footer-lifestyle .mask-blanc { display:none;} .footer .footer-lifestyle .title .lifestyle-icon {max-width:400px; } .footer .footer-lifestyle .title { margin-top:150px; } .plus-btn { max-width:100px; height:auto;} } @media screen and (max-width: 980px) { .footer .footer-lifestyle .title .lifestyle-icon {max-width:300px; } .footer .footer-lifestyle .title { margin-top:100px; line-height: 8px; } .plus-btn { max-width:50px; height:auto;} } @media screen and (max-width: 650px) { .footer .footer-lifestyle .title .lifestyle-icon {max-width:300px; } .footer .footer-lifestyle .title { margin-top:70px; line-height: 8px; } .plus-btn { max-width:50px; height:auto;} } @media screen and (max-width: 500px) { .footer .footer-lifestyle .title .lifestyle-icon {max-width:250px; } .footer .footer-lifestyle .title { margin-top:50px; line-height: 8px; } .plus-btn { max-width:50px; height:auto;} } @media screen and (max-width: 400px) { .footer .footer-lifestyle .title .lifestyle-icon {max-width:200px; } .footer .footer-lifestyle .title { margin-top:50px; line-height: 8px; } .plus-btn { max-width:30px; height:auto; } } /** ####### FOOTER ################################################################################ **/ .region-footer .menu { text-align:center; padding-bottom:0px; background:#000000; margin:0px; padding:5px; } .region-footer .menu a { color:#9a9a9a; text-decoration:none; padding:3px; padding-left:5px; padding-right:5px;} .region-footer .menu a:hover { color:#323232; background-color:#FFFFFF; } .region-footer .menu ul { list-style:none;} .region-footer .menu li { display:inline-block; padding:0px; } @media screen and (max-width: 500px) { .region-footer .menu a { font-size:12px; line-height:5px;} } /** ####### FOOTER PARTENAIRES ################################################################################ **/ .footer-partenaires { background-color:#000000; padding-bottom:20px; padding-left:5px; padding-right:5px;} .footer-partenaires img { max-width:100%; height:auto; display: inline-block;} @media screen and (max-width: 500px) { .footer-partenaires { padding-top:10px;} } /** ####### PAGE TAXONOMY ################################################################################ **/ .page-taxonomy .views-row:last-child{ margin-right: 0; } .page-taxonomy .views-row-teaser { margin-right:20px; margin-top:20px; float:left; position:relative; overflow:hidden; width: 380px; height:285px; } .page-taxonomy .titre-taxo { position:absolute; padding:20px; bottom:0px; left:0px; right:0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; max-width:100%; max-height:285px; } .taxo-container { overflow: hidden; display:block; } .taxo-container img { z-index:1; } .page-taxonomy .views-row-teaser img { max-width: 380px; /*max-height: 285px;*/ padding:0; } .taxo-container .titre-taxo { z-index:4; } .page-taxonomy h1 { text-align:center; } .taxo-container:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .taxo-container:hover .titre-taxo { transform: translateY(150px); transition-duration:0.4; } .taxo-container:hover .mask-taxo { opacity: 0.8; filter: alpha(opacity=80); } .taxo-container:hover .mask-taxo-caption { display:block; } .page-taxonomy .views-field-title { font-size:19px; font-weight:600; color:#FFFFFF; display:inline-block; width:100%; line-height:19px; } .page-taxonomy .views-field-title a { color:#FFFFFF; text-decoration:none; } .page-taxonomy .views-field-created, .page-taxonomy .views-field-field-cat-gorie { display:inline-block; padding:5px 5px 3px 5px; margin-bottom:5px; font-size:14px; line-height:10px; font-weight:bold; color:#FFFFFF; background-color:#d61216; display:inline-block; text-transform:uppercase; line-height:15px; } .taxo-gradient { position:absolute; width:100%; height:150px; bottom:0px; background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/ } .mask-taxo { position:absolute; width:100%; height:285px; display:inline-block; background-color:#000000; opacity: 0.0; filter: alpha(opacity=0); z-index:5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .mask-taxo-caption-container { position:absolute; text-align:center; width:100%; height:285px; line-height:285px; } .mask-taxo-caption { position:relative; display:inline-block; top:auto; bottom:auto; /* opacity: 0.0; filter: alpha(opacity=0); */ display:none; z-index:10; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .mask-taxo-caption a { color:#a1a1a1; font-size:80px; text-decoration:none; /* border:solid 1px #a1a1a1; */ border: 3px solid #FFF; text-transform:uppercase; padding: 0px 34px 10px; -webkit-border-radius:160px; -moz-border-radius:160px; border-radius: 160px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .mask-taxo-caption a:hover { color:#FFFFFF; border: 3px solid #FFF; } .taxo-container:hover .mask-taxo-caption img { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition:none;-webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .taxo-categorie { text-align:center;} .taxo-categorie div { display:inline-block; margin-top:5px; } .taxo-categorie a {font-size:14px; font-weight:bold; padding:3px; padding-left:5px; padding-right:5px; color:#000000; text-decoration:none; text-transform:uppercase; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .taxo-categorie a:hover { color:#ffffff; background-color:#d61216; } .taxo-titre h1 { margin:0px; margin-top:20px; padding:0px;} .page-taxonomy .views-field-created { color: white; font-size: 12px; font-weight:600; background-color: transparent; } .page-taxonomy .views-row-teaser .views-field-field-cat-gorie .puce { float:left; width:18px; height:14px; margin-right:4px; background-repeat: no-repeat; background-size: contain; } .page-taxonomy .views-row-teaser.article .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-actu.png"); } .page-taxonomy .views-row-teaser.news .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-actu.png"); } .page-taxonomy .views-row-teaser.article-premium .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-premium.png"); } .page-taxonomy .views-row-teaser.album-photos .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-photo.png"); } .page-taxonomy .views-row-teaser.motocross-emag .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-emag.png"); } .page-taxonomy .views-row-teaser.video .views-field-field-cat-gorie .puce { background-image: url("/sites/all/themes/mx2k/images/puce-mini-video.png"); } .page-taxonomy .mask-taxo-caption img{ width:40px; height:40px; } /** ####### LIFESTYLE - COLONNE + FOND ################################################################### **/ /* body.page-lifestyle, body.node-type-lifestyle { background:#000000 url('/sites/all/themes/mx2k/images/fd-lifestyle.jpg') no-repeat center top; } */ body.page-lifestyle, body.node-type-lifestyle { background:url(images/bg-competition.jpg) #000000; background-repeat:no-repeat; background-position:top center;} body.page-lifestyle #col2, body.node-type-lifestyle #col2 { display:none; } body.page-lifestyle #content, body.node-type-lifestyle #content { max-width:100%; } #user-login div.form-actions input[type=submit], #privatemsg-new div.form-actions input[type=submit], #privatemsg-new div.form-actions a, #modal-content input[type=submit]{ font-family: 'proxima-nova', Arial; padding:5px; margin:0 5px 5px 0; font-size:14px; border:0 none; cursor:pointer; text-decoration:none; font-weight:bold; color:#FFF; background-color:#d61216; display:inline-block; text-transform:uppercase; line-height:15px; } div.modal-forms-modal-content, div.modal-forms-modal-content .popups-container, div.ctools-modal-content .modal-content{ min-width:325px; min-height:325px; } /** ####### LIFESTYLE - MENU ############################################################################# **/ body.page-lifestyle .region-menu, body.node-type-lifestyle .region-menu { height: auto; } /*body.page-lifestyle .region-menu, body.node-type-lifestyle .region-menu { background-color:transparent; }*/ body.page-lifestyle .region-menu #block-system-main-menu, body.node-type-lifestyle .region-menu #block-system-main-menu { background-color:#323232; } body.page-lifestyle .region-menu #block-block-5, body.node-type-lifestyle .region-menu #block-block-5 { z-index:200; width:1100px; height:60px; position:absolute; background:url('/sites/all/themes/mx2k/images/blanc-20.png') repeat; } div.boutons-gauche { width:56%; float:left; } div.boutons-gauche a { color:#fff; text-decoration:none; padding:3px; padding-left:5px; padding-right:5px; } div.boutons-gauche a:hover { background-color:#fff; color:#000; } div.boutons-droite { width:42%; float:right; text-align:right; } span.skip-free-shipping, span.skip-payment-secure, span.skip-phone-number { float: left; margin: 12px 3px 0px 15px; color: #FFF; text-transform: uppercase; font-size: 14px; line-height: 2.5; } span.skip-free-shipping .icon, span.skip-payment-secure .icon, span.skip-phone-number .icon {background-image: url("/lifestyle-shop/skin/frontend/mx2k/lifestyle/images/sprite.png"); background-repeat: no-repeat; text-indent: -9999px; background-size: 200px 200px; margin: 3px 4px 5px 0px; padding: 3px 25px 5px 0px; background-color: transparent; } span.skip-free-shipping .icon { background-position: -52px -69px; } span.skip-payment-secure .icon { background-position: -76px -69px; } span.skip-phone-number .icon { background-position: -101px -69px; } a.skip-account, a.skip-order-history { width: auto; background: #000 none repeat scroll 0% 0%; color: #FFF; vertical-align: top; display: inline-block; padding: 0px 10px; min-height: 26px; text-transform: uppercase; margin: 15px 5px 0 0px; line-height: 26px; text-decoration:none; float: none; } a.skip-cart { width: auto; background: #D31217 none repeat scroll 0% 0%; color: #FFF; vertical-align: top; display: inline-block; padding: 0px 10px; min-height: 26px; text-transform: uppercase; margin: 15px 15px 0 0px; line-height: 30px; text-decoration:none; float: none; } .block5-container { margin-left:auto; margin-right:auto; position:relative; display:block; max-width:1100px;} #block-block-5 a.skip-cart{ line-height: 26px; } body.catalog-product-view a.skip-account, /* body.catalog-product-view a.skip-cart, */ body.catalog-product-view a.skip-order-history { margin:0; } body.catalog-product-view a.skip-account, body.catalog-product-view a.skip-order-history { margin-top:3px; line-height: 30px; } a.skip-account span, a.skip-order-history span, a.skip-cart span { font-size:14px; } /** ####### LIFESTYLE - HEADER ########################################################################### **/ .fonds-lifestyle { position:relative; height:496px; overflow: hidden; transition: height 0.35s; } .view-lifestyle-fonds, .categ-lifestyle, .titre-lifestyle { transition: margin-top 0.35s; } .categ-lifestyle { z-index:100; width: 100%; position:absolute; margin:-230px 0 240px 0; } .view-lifestyle-categories { width:100%; } .view-lifestyle-categories .view-content { display:table; margin: auto; } .view-lifestyle-categories .views-row { float:left; margin:0; padding:3px 8px; color:white; text-transform:uppercase; font-weight:bold; font-size:14px; cursor:pointer; } .view-lifestyle-categories .views-row:hover { background:url('/sites/all/themes/mx2k/images/blanc-30.png') repeat; } .view-lifestyle-categories .views-row.actif { background:url('/sites/all/themes/mx2k/images/blanc-50.png') repeat; } .categ-seule { width:100%; } .categ-seule div { display:table; margin: auto; width:auto; color:white; text-transform:uppercase; font-size:14px; text-align:center; } .categ-seule div a { color:white; text-decoration:none; margin-right:10px; background:url('/sites/all/themes/mx2k/images/blanc-50.png') repeat; padding:3px 8px;} .titre-lifestyle { position:absolute; width:100%; margin-top:-300px; z-index:100; font-size:60px; text-transform:uppercase; color:white; text-align:center; } .fonds-lifestyle.mini { height:248px; } .fonds-lifestyle.mini .view-lifestyle-fonds { margin-top:-124px; } .fonds-lifestyle.mini .categ-lifestyle { margin-top:-205px; } .fonds-lifestyle.mini .titre-lifestyle { margin-top:-275px; } /** ####### LIFESTYLE - VUE ############################################################################# **/ .view-lifestyle { clear:both; float:none; padding:1.0%; } .view-lifestyle .views-row { float:left; width:22.0%; margin:1.5%; overflow:hidden; } .view-lifestyle .views-row .views-field-field-lsimg-photo img { width:100%; height:auto; } .view-lifestyle .views-row .views-field-title { font-style:italic; padding:5% 0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; } .view-lifestyle .views-row .views-field-field-ls-photoprod { overflow:hidden; } .view-lifestyle .views-row .views-field-field-ls-photoprod img { width:99.2%; height:auto; border:1px solid #CCCCCC; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-lifestyle .views-row .views-field-field-ls-photoprod:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .view-lifestyle .views-row .views-field-field-ls-photoprod:hover .titre-video { transform: translateY(150px); transition-duration:0.4; } .view-lifestyle .views-row .views-field-field-ls-photoprod:hover .mask-lifestyle { opacity: 0.8; filter: alpha(opacity=80); } .view-lifestyle .views-row .views-field-field-ls-photoprod:hover .mask-lifestyle-caption { opacity: 1; filter: alpha(opacity=100); } .mask-lifestyle { position:absolute; width:100%; height:1000px; display:inline-block; background-color:#FFFFFF; opacity: 0.0; filter: alpha(opacity=0); z-index:5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-lifestyle .views-row .views-field-field-ls-photoprod .mask-lifestyle img { border:0 none; } .mask-lifestyle-caption-container { position:absolute; text-align:center; width:100%; margin:0px auto; display:table; } .mask-lifestyle-caption-container-vert { display:table-cell; vertical-align: middle; height:350px;min-height:350px; } .mask-lifestyle-caption { position:relative; display:inline-block; top:auto; bottom:auto; opacity: 0.0; filter: alpha(opacity=0); z-index:10; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .mask-lifestyle-caption a { color:#D6B789; font-size:34px; text-decoration:none; border:solid 1px #D6B789; text-transform:uppercase; padding:12px 25px 10px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius: 40px;} .mask-lifestyle-caption a:hover { color:#444444; border:#444444 1px solid; } .mask-lifestyle-caption-txt { margin:30px 0 10px 0; } .mask-lifestyle-caption-txt b { text-transform:uppercase; color:#D6B789; font-size:30px; } .mask-lifestyle-caption-txt-style { border-top:1px dotted black; border-bottom:1px dotted black; width:40px; text-align:left; margin:0 auto; line-height: 78%; padding: 5px 0px; } .lstype-lifestyle-photo-illustration { opacity: 0.4; filter: alpha(opacity=40);} /** ####### LIFESTYLE - NODE ############################################################################# **/ .lifestyle-content { float:none; clear:both; } .lifestyle-content .red{ color:red; } .lifestyle-content .lifestyle-bloc { padding:0; margin:0; line-height:0; } .lifestyle-content .lifestyle-bloc.lifestyle-c { float:left; width:25%; height:275px; } .lifestyle-content .lifestyle-bloc.lifestyle-h { float:left; width:50%; height:275px; z-index: 10; } .lifestyle-content .lifestyle-bloc.lifestyle-v { float:left; width:25%; height:550px; z-index: 10; } .lifestyle-content .lifestyle-bloc .ls-prod .availability { margin: 0; } .lifestyle-content .lifestyle-bloc.lifestyle-prod { cursor:pointer; } .lifestyle-content .lifestyle-bloc img { max-width:100%; height:auto;top:0;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .lifestyle-content .lifestyle-bloc .lifestyle-element { width:100%; position:relative; overflow:hidden; } .lifestyle-content .lifestyle-bloc .ls-prod { position:absolute; line-height:100%; width:100%; font-size:14px; height:100%; padding-top:25%; background:url('/sites/all/themes/mx2k/images/blanc-50.png') repeat; z-index:2; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .lifestyle-content .lifestyle-bloc.lifestyle-h .ls-prod { padding-top:12.5%; } .lifestyle-content .lifestyle-bloc.lifestyle-v .ls-prod { padding-top:50%; } .lifestyle-content .lifestyle-bloc .ls-prod .ls-mark { background:url('/sites/all/themes/mx2k/images/noir-80.png') repeat; color:white; text-align:center; font-weight:bold; height:54px;line-height:54px; padding: 0 3px; } .lifestyle-content .lifestyle-bloc .ls-prod .ls-mark a { color:white; text-decoration:none; } .lifestyle-content .lifestyle-bloc .ls-prod .ls-prix { background:url('/sites/all/themes/mx2k/images/noir-50.png') repeat; color:white; text-align:center; height:54px;line-height:54px } .lifestyle-content .lifestyle-bloc .ls-prod .ls-prix span.promo { text-decoration:line-through; font-style:italic; color:#CCCCCC; } .lifestyle-content .lifestyle-bloc .ls-prod .ls-shop { color:black; text-align:center; height:26px;line-height:26px; text-transform:uppercase; border:0px solid black; width:auto; margin:10px auto 0; width:110px; background-color:#d31217;padding:2px 3px; } .lifestyle-content .lifestyle-bloc .ls-prod .ls-shop a { color:white; text-decoration:none; font-size:16px; } .lifestyle-content .lifestyle-bloc .ls-prod .ls-mark div, .lifestyle-content .lifestyle-bloc .ls-prod .ls-prix div, .lifestyle-content .lifestyle-bloc .ls-prod .ls-shop div { vertical-align:middle; display:inline-block; line-height:110%; } .lifestyle-content .lifestyle-bloc .ls-prod .loading{ background-image:url('css/images/loader.gif'); background-position: 50% 45%; background-repeat: no-repeat; width:100%; height:100%; } .lifestyle-content .lifestyle-bloc.lifestyle-prod:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .lifestyle-content .lifestyle-bloc.lifestyle-prod:hover .ls-prod { opacity: 1; filter: alpha(opacity=100); } .lifestyle-video { width:100%; text-align:center; } .lifestyle-video iframe { width:100%; /*min-height:400px;*/max-width: 2000px; max-height: 1000px; } .lifestyle-visuel-footer img { max-width:1100px; margin-top:20px; width:100%; height:auto;} /** ####### MOTOCROSS EMAG ############################################################################### **/ .page-motocross-emag #content-col2, .node-type-motocross-emag #content-col2 { max-width:1300px; margin-left:auto; margin-right:auto; } .motocross-emag .logo-emag { text-align:center; margin-top:50px; margin-bottom:20px;} .motocross-emag h2 { text-transform:uppercase; font-size:32px; text-align:center; padding-left:20px; padding-right:20px;} .red { color:#d80025;} .motocross-emag img { max-width:80%; height:auto; padding-left:20px; padding-right:20px;} .faq-emag { padding:20px; font-size:16px; width:80%; margin-left:auto; margin-right:auto;} .faq-emag .store { text-align:center;} .kiosque img { max-width:400px; height:auto; width:100%; } .btn-container { text-align:center; margin-bottom:30px; margin-top:50px;} .btn-container a { text-decoration:none;} .video-container2 { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container2 iframe, .video-container2 object, .video-container2 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .motocross-emag .btn { text-transform:uppercase; background: #ac0724; background-image: -webkit-linear-gradient(top, #d21217, #d80025); background-image: -moz-linear-gradient(top, #d21217, #d80025); background-image: -ms-linear-gradient(top, #d21217, #d80025); background-image: -o-linear-gradient(top, #d21217, #d80025); background-image: linear-gradient(to bottom, #d21217, #d80025); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .motocross-emag .btn:hover { background: #000; background-image: -webkit-linear-gradient(top, #7f1114, d80025); background-image: -moz-linear-gradient(top, #7f1114, d80025); background-image: -ms-linear-gradient(top, #7f1114, d80025); background-image: -o-linear-gradient(top, #7f1114, d80025); background-image: linear-gradient(to bottom, #7f1114, d80025); text-decoration: none; } .numeros, .sommaire-emag { font-size:18px; font-weight:bold; text-transform:uppercase; margin-left:20px; margin-bottom:30px; margin-top:20px;} .numeros span, .sommaire-emag span { background-color:#d21217; padding:10px; padding-left:15px; padding-right:15px; color:#ffffff;} .kiosque { padding:10px; text-align:center;} .kiosque .item-list ul{ list-style:none;} .kiosque .item-list li { display:inline-block; margin-bottom:40px;} .kiosque img { border:solid 2px #ffffff;} .kiosque img:hover { border:solid 2px #000000;} .motocross-emag-detail { padding:20px; text-align:center;} .motocross-emag-detail .couv-emag { margin-top:20px; margin-bottom:20px; } .motocross-emag-detail .couv-emag img { max-width:100%; height:auto; } .motocross-emag-detail .sommaire-emag { text-align:left; margin-top:50px;} .motocross-emag-detail .detail-sommaire-emag { text-align:left; padding-left:20px; padding-right:20px;} #screenshots .mask-icon { position:absolute; z-index:20; text-align:center; width:100%; height:100%; background-image:url(/sites/all/themes/mx2k/images/zoom.png); background-repeat:no-repeat; background-position:center; background-size:auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;} #screenshots:hover .mask-icon { opacity: 1; filter: alpha(opacity=100); } /** ####### RESPONSIVE ############################################################################### **/ @media screen and (max-width: 2000px) { .acc_mininews { margin-left:20px; margin-top: 0; } } @media screen and (max-width: 1900px) { #content { /* background-image:url('images/resp-1900.png'); */ } #content-col2 { max-width:1500px; } .acc_cont_a{ clear:none; width:auto; } .acc_life{ clear:right; padding-top:0;/*margin-top:20px;*/ display: inline-block; } .view-lifestyle-accueil .views-row{ width:100%; } /*590px*/ .view-accueil .views-row:last-child{ margin:20px 20px 0 0; } .acc_forum{ width:96%; } .acc_mininews{ width:770px;float: left; margin-left:0; /*margin-top: 20px;*/ } .view-id-forum_accueil .views-row{ margin: 6px 5px 0 5px; width: 47%; display: inline-block; } .acc_free_mark{ display:none; float:none; } .acc_verti_b{ } .acc_verti_b .acc_tweet .pastille{ clear: both; float: left; } .acc_cont_c .view-id-accueil .views-row-last{ display:inline-block; } } @media screen and (max-width: 1515px) { #content { /* background-image:url('images/resp-1515.png'); */ } #content-col2 { max-width:1100px; } .acc_cont_c .view-id-accueil .views-row-last{ display:none; } .view-id-forum_accueil .views-row{ width:100%; } .acc_verti_a{ margin-right:0; } .acc_verti_a{ width:400px; margin:0; } .acc_mininews { margin-top: 20px; } .acc_mininews, .acc_verti_b{ width:400px; } .acc_mininews{ float:right; } .view-news-accueil .views-row-8, .view-news-accueil .views-row-9, .view-news-accueil .views-row-10, .view-news-accueil .views-row-11 { display: none; } } @media screen and (max-width: 1300px) { .at4-share-outer { display:none;} /** ### ADDTHIS ### **/ } @media screen and (max-width: 1120px) { #content { width:100%; margin-left:auto; margin-right:auto; /* background-image:url('images/resp-1120.png');*/ } #content-col2 { max-width:800px; } #col2 { display:none;} #ComEmag { display:block; } #page { background-color:white; background-image:none;} .node-type-article #content-col2, .node-type-video #content-col2 { max-width:800px; margin-left:auto; margin-right:auto; } .detail-video-container .description, .embed-container, .commentaires, .video-tags { margin-right:20px; } .detail-article-container .description { margin-right:20px; margin-left:20px;} .page-lifestyle #content-col2, .node-type-lifestyle #content-col2 { max-width: 100%; } body.page-lifestyle .region-menu #block-block-5, body.node-type-lifestyle .region-menu #block-block-5 { width:100%; } span.skip-free-shipping, span.skip-payment-secure, span.skip-phone-number { font-size: 12px; } .fonds-lifestyle { height:248px; } .fonds-lifestyle .view-lifestyle-fonds { margin-top:-124px; } .fonds-lifestyle .categ-lifestyle { margin-top:-205px; } .fonds-lifestyle .titre-lifestyle { margin-top:-275px; } .fonds-lifestyle.mini { height:196px; } .fonds-lifestyle.mini .view-lifestyle-fonds { margin-top:-176px; } .fonds-lifestyle.mini .categ-lifestyle { margin-top:-180px; } .fonds-lifestyle.mini .titre-lifestyle { margin-top:-250px; } .lifestyle-content .lifestyle-bloc.lifestyle-c { float:left; width:25%; height:275px; } .lifestyle-content .lifestyle-bloc.lifestyle-h { float:left; width:50%; height:275px; } .lifestyle-content .lifestyle-bloc.lifestyle-v { float:left; width:25%; height:550px; } } @media screen and (max-width: 980px) { .banner-728x90, .region-header, .nav-collapse, .region-topheader, .top-menu { display:none; } #menu-mobile-container { display:block; } .region-menu { position:fixed; z-index:900; width:100%; background-color:#000000; background-image:url(images/bg-header-mobile.jpg); background-position:top left; background-repeat:no-repeat;} #content { margin-top:70px; } #block-block-5 { display:none; } .fonds-lifestyle { height:248px; } .fonds-lifestyle .view-lifestyle-fonds { margin-top:-124px; } .fonds-lifestyle .categ-lifestyle { margin-top:-225px; } .fonds-lifestyle .titre-lifestyle { margin-top:-295px; } .fonds-lifestyle.mini { height:190px; } .fonds-lifestyle.mini .view-lifestyle-fonds { margin-top:-176px; } .fonds-lifestyle.mini .categ-lifestyle { margin-top:-200px; } .fonds-lifestyle.mini .titre-lifestyle { margin-top:-270px; } } @media screen and (max-width: 900px) { .detail-article-container .titre h1 { font-size:1.5em; line-height:1em; } } @media screen and (max-width: 820px) { .view-actualit-s .views-row, .view-videos .views-row, .view-photos .views-row { margin-right:10px; margin-top:10px; } .view-photos .views-row, .view-photos .photo-gradient, .view-photos .mask-photo img, .view-photos .mask-photo-caption-container, .view-photos .field-content img, .mask-video-caption-container, .mask-video-caption img, .video-container img, .titre-video, .view-videos .views-row, .view-actualit-s .views-row, .view-actualit-s .gradiant, .view-actualit-s .mask img, .view-actualit-s .views-row img, .view-actualit-s .icon-actu img, .view-actualit-s .icon-actu { max-width:320px; max-height:225px; } #content-col2 { max-width:660px; } #content { /*background-color:#F5ECCE; background-image:url('images/resp-820.png');*/ } .view-news-accueil .views-row-5, .view-news-accueil .views-row-6, .view-news-accueil .views-row-7 { display: none; } .page-taxonomy .views-row-teaser { width:46.5%; height:225px; } .page-taxonomy .views-row-teaser img { max-width:310px; } .mask-taxo-caption-container { line-height: 225px; } .view-lifestyle .views-row { width:30.25%; } .lifestyle-content .lifestyle-bloc.lifestyle-h, .lifestyle-content .lifestyle-bloc.lifestyle-v { display:none; } .lifestyle-content .lifestyle-bloc.lifestyle-c { width:33.3%; } .lifestyle-content .lifestyle-bloc .ls-prod { padding-top: 13%; } .view-lifestyle .views-row.lstype-lifestyle-texte-illustration { display:none } } @media screen and (max-width: 720px) { .view-photos .views-row, .view-photos .photo-gradient, .view-photos .mask-photo img, .view-photos .mask-photo-caption-container, .view-photos .field-content img, .mask-video-caption-container, .mask-video-caption img, .video-container img, .titre-video, .view-videos .views-row, .view-actualit-s .views-row, .view-actualit-s .gradiant, .view-actualit-s .mask img, .view-actualit-s .views-row img, .view-actualit-s .icon-actu img, .view-actualit-s .icon-actu { max-width:280px; max-height:185px; } } @media screen and (max-width: 700px) { .detail-article-container .titre h1 { font-size:1.2em; line-height:1.2em; } } @media screen and (min-width: 597px) and (max-width: 820px) { .view-accueil .views-row, .view-display-id-blockaccueil3 .views-row, .view-display-id-blockaccueil2 .views-row { max-width: 280px; max-height: 185px; } .view-lifestyle-accueil .views-row, .mask-accueil, .mask-accueil-caption-container, .view-id-lifestyle_accueil .view-content, .view-id-lifestyle_accueil { max-width: 580px; max-height: 212px; } .mask-accueil-caption-container { line-height:185px; } .view-id-lifestyle_accueil .mask-accueil-caption-container { line-height:212px; } .acc_life { width:100%; } .view-id-forum_accueil .views-row { width:96%; } } @media screen and (min-width: 597px) and (max-width: 820px) { .front #content-col2 { width:100%; max-width:580px; overflow: hidden; } .acc_cont_a .view-accueil, .acc_cont_c .view-accueil { min-width: 580px; overflow: hidden; } .acc_cont_a .view-accueil .view-content, .acc_cont_c .view-accueil .view-content, .acc_life.view-accueil .view-content { min-width: 600px; overflow: hidden; } .view-accueil .views-row, .view-display-id-blockaccueil3 .views-row, .view-display-id-blockaccueil2 .views-row { max-width: 280px; max-height: 185px; } .view-lifestyle-accueil .views-row, .mask-accueil, .mask-accueil-caption-container, .view-id-lifestyle_accueil .view-content, .view-id-lifestyle_accueil { max-width: 580px; max-height: 212px; } .mask-accueil-caption-container { line-height:175px; } .view-id-lifestyle_accueil .mask-accueil-caption-container { line-height:212px; } .acc_life { width:100%; } .acc_verti { max-width: 580px; } .acc_verti_a { width: 300px; } .acc_verti_b { width: 280px; height:800px; } .acc_verti_b .twitter-timeline, .acc_verti_b iframe { margin: 5px auto 0px !important; height: 566px !important; } .acc_mininews { margin-top: -184px; float: left; margin-left: 300px; height: 184px; overflow: hidden; width:280px; } .view-news-accueil .views-field-created { font-size:10px; } .view-news-accueil .views-field-title { line-height: 11px; } .view-news-accueil .views-field-title a { font-size:11px; } } @media screen and (max-width: 596px) { .acc_life .EmagCouv { display:block;} .acc_life .Emag { display:none;} .view-photos .views-row, .view-photos .photo-gradient, .view-photos .mask-photo img, .view-photos .mask-photo-caption-container, .view-photos .field-content img, .view-actualit-s .views-row, .view-actualit-s .gradiant, .view-actualit-s .mask img, .view-actualit-s .views-row img, .view-actualit-s .icon-actu img, .view-actualit-s .icon-actu, .mask-video-caption-container, .mask-video-caption img, .video-container img, .titre-video, .view-videos .views-row { max-width:380px; max-height:285px; } .view-videos .views-row { float:none; margin:10px; margin-left:auto; margin-right:auto; } #content-col2 { max-width:380px; } #content { /*background-color:#CED8F6; background-image:url('images/resp-596.png'); */ } .acc_life { width: 380px; } .view-id-lifestyle_accueil .views-row img { max-width: none; clip: rect(0px, 582px, auto, 202px); position: absolute; left: -202px;} .view-id-lifestyle_accueil .views-row .mask-accueil-caption-container img { max-width: 100%; clip: auto; position: relative; left: 0px; top:0px; } .view-id-forum_accueil .views-row { width: 97%; } .acc_verti_b { display: none; width: 380px; } .acc_mininews { float:left; width:380px; } .view-news-accueil .views-row-5, .view-news-accueil .views-row-6, .view-news-accueil .views-row-7 { display: block; } .page-taxonomy .views-row-teaser { width:380px; height:285px; } .page-taxonomy .views-row-teaser img { max-width:380px; } .mask-taxo-caption-container { line-height: 285px; } .page-lifestyle #content-col2 { max-width: 100%; } .titre-lifestyle { font-size:40px; padding-top:10px; } .lifestyle-content .lifestyle-bloc.lifestyle-c { width:50%; } .lifestyle-content .lifestyle-bloc .ls-prod { padding-top: 25%; } .ctools-modal-content.modal-forms-modal-content { width:220px !important; } .modal-content.popups-body { width: 325px !important; } #user-register-form { max-width:240px; } #user-register-form .password-strength { display:none; } } @media screen and (max-width: 519px) { .view-photos .views-row, .view-photos .photo-gradient, .view-photos .mask-photo img, .view-photos .mask-photo-caption-container, .view-photos .field-content img, .view-actualit-s .views-row, .view-actualit-s .gradiant, .view-actualit-s .mask img, .view-actualit-s .views-row img, .view-actualit-s .icon-actu img, .view-actualit-s .icon-actu, .mask-video-caption-container, .mask-video-caption img, .video-container img, .titre-video, .view-videos .views-row { max-width:300px; max-height:205px; } #content-col2 { max-width:300px; } .front #content-col2 { max-width:380px; overflow: hidden; } #content { /*background-color:#E3F6CE; background-image:url('images/resp-519.png');*/ } .page-taxonomy .views-row-teaser { width:300px; height:225px; } .page-taxonomy .views-row-teaser img { max-width:300px; } .mask-taxo-caption-container { line-height: 225px; } .page-lifestyle #content-col2 { max-width: 100%; } .view-lifestyle .views-row { width:47%; } .lifestyle-content .lifestyle-bloc .ls-prod { padding-top: 13%; } } @media screen and (max-width: 500px) { .photo-article-header, .detail-article-header { max-width:480px; height:220px; } .photo-article-header img { max-width:480px; } .detail-article-container .titre h1 { font-size:1em; line-height:1em; } .motocross-emag h2 { font-size:16px;} .motocross-emag .btn { font-size:16px;} .titre-lifestyle { font-size:24px; padding-top:7px; } } @media screen and (max-width: 400px) { .acc_life .EmagCouv img { max-width:280px;} .detail-video-container .titre h1 { font-size:1em; line-height:1em; } #content {/* background-color:#F6CECE; background-image:url('images/resp-400.png'); */ } .front #content-col2 { max-width:300px; overflow: hidden; } .view-accueil .views-row, .view-display-id-blockaccueil3 .views-row, .view-display-id-blockaccueil2 .views-row { /*max-width: 280px;*/ max-width: 100%; max-height: 185px; } .view-lifestyle-accueil .views-row, .mask-accueil, .mask-accueil-caption-container, .view-id-lifestyle_accueil .view-content, .view-id-lifestyle_accueil { /*max-width: 280px;*/ max-width: 100%; max-height: 185px; } .mask-accueil-caption-container { line-height:175px; } .view-id-lifestyle_accueil .mask-accueil-caption-container { line-height:185px; } .view-id-lifestyle_accueil .views-row img { max-width: none; clip: rect(50px, 532px, 235px, 252px); position: absolute; left: -252px; top:-50px;} .view-id-forum_accueil .views-row { width: 94%; } .acc_mininews { width: 280px; } .view-news-accueil .views-field-created { font-size:10px; } .motocross-emag .btn { font-size:14px; } .footer-logo img { max-width:70%; } .footer .couv img { max-width:70%} .footer .slogan { font-size:1em; } .footer .slogan2 { font-size:0.8em; } .view-lifestyle .views-row { width:97%; } .titre-lifestyle { font-size:16px; padding-top:20px; } .lifestyle-content .lifestyle-bloc .ls-prod { padding-top: 0; } .photo-head h1 { font-size:18px;} .motocross-emag h2 { font-size:16px;} .motocross-emag-detail h1 { font-size:20px; } .motocross-emag-detail .detail-sommaire-emag { font-size:14px;} .view-lifestyle .views-row.lstype-lifestyle-photo-illustration { display:none } } @media screen and (max-width: 320px) { .lifestyle-content .lifestyle-bloc.lifestyle-c { width:100%; } .lifestyle-content .lifestyle-bloc.lifestyle-img, .lifestyle-visuel-footer { display:none; } .lifestyle-content .lifestyle-bloc .ls-prod { padding-top: 25%; } .photo-head h1 { font-size:12px;} .motocross-emag h2 { font-size:16px;} .motocross-emag-detail h1 { font-size:16px; } .motocross-emag-detail .detail-sommaire-emag { font-size:14px;} } .EmagLiens { text-align: center; } .one-article { margin-top: -20px; }