/* MacBooks */ @media only screen and (max-width: 1200px){ #masthead.site-header {padding: 0; width: 100%;} #masthead.site-header.sticky{padding: 0; width: 100%;} #masthead .site-header-main{width: 100%; padding: 0 0 0 10px;} #masthead #site-header-menu{} .site-branding {padding-left: 15px} #menu-menu-principal li a {padding-left: 7px; padding-right: 9px; font-size: 13px} #menu-menu-principal li.menu-item-has-children a {padding-right: 20px;} .main-navigation .menu-item-has-children > a::after { right: 2px; top: 10px} #menu-menu-principal li .sub-menu li a {font-size: 26px} #espace_membre_header {padding: 7px 15px 4px;position: absolute; right: 0; top: 0;} #espace_membre_header a{font-size: 13px} body.home #test_split_background .fond_brun #rangee_compteur_1 .couleur_markcom p {font-size: 60px} #test_split_background .bonhomme {padding-left: 190px} #test_split_background .bonhomme h2 {font-size: 43px; line-height: 45px} body.home #test_split_background .pourquoi_rejoindre_markcom { padding-left: 25vw} body.home #test_split_background {height: 400px} body.home #rangee_6 {height: auto; color: #fff; padding-top: 0; position: relative} #avoiraussicontent .col-sm-4 .vc_column-inner h3 {font-size: 21px} #avoiraussicontent .col-sm-4 .vc_column-inner .textwidget {font-size: 13px} #test_split_background .test_split_background_left {padding-right: 35px} body.page-id-41 .fond_noir.vc_custom_1482141701207{padding-right: 0 !important} footer #footer_right a{font-size: 23px} } @media only screen and (min-width: 1100px) and (max-width: 1300px){ body.home #rangee_1 {font-size: 35px; line-height: 45px} body.home #rangee_1 .wpb_single_image{text-align: left; margin-top: 90px} body.home #rangee_1 .wpb_single_image img {height: auto; max-width: 70%;vertical-align: top} } /* FIN MacBooks */ /* SMALL HEIGHT SCREEN */ @media only screen and (min-width: 1100px) and (max-height: 850px){ body.home #rangee_1 {font-size: 35px; line-height: 45px} body.home #rangee_1 .wpb_single_image{text-align: left; margin-top: 90px} body.home #rangee_1 .wpb_single_image img {height: auto; max-width: 70%;vertical-align: top} } /* FIN SMALL HEIGHT SCREEN */ /* SMALL SCREENS */ @media only screen and (max-width: 1150px){ #masthead.site-header {padding: 0; width: 100%;} #masthead.site-header.sticky{padding: 0; width: 100%;} #masthead .site-header-main{width: 100%; padding: 0 0 0 10px;} #masthead #site-header-menu{} #menu-menu-principal li a {padding-left: 7px; padding-right: 9px; font-size: 13px} #menu-menu-principal li.menu-item-has-children a {padding-right: 20px;} .main-navigation .menu-item-has-children > a::after { right: 2px; top: 10px} #menu-menu-principal li .sub-menu li a {font-size: 26px} #espace_membre_header {padding: 7px 15px 4px; position: absolute; right: 0; top: 0;} #espace_membre_header a{font-size: 13px} body.home #rangee_1 {font-size: 30px; line-height: 45px} body.home #rangee_1 .wpb_single_image{text-align: left; margin-top: 95px} body.home #rangee_1 .wpb_single_image img {height: auto; max-width: 70%;vertical-align: top} /* body.home #test_split_background{width: auto !important; background: #fff !important; height: 300px !important; float: left;} body.home #test_split_background .pourquoi_rejoindre_markcom{padding-left: 8vw} body.home #test_split_background .pourquoi_rejoindre_markcom .vc_column-inner {padding-top: 15px} body.home #test_split_background .pourquoi_rejoindre_markcom h2{font-size: 28px; margin-bottom: 15px;} body.home #test_split_background .vc_col-sm-3{display: none} body.home #test_split_background .pourquoi_rejoindre_markcom a{ box-shadow: none; color: #a83a69; float: left; font-size: 20px; height: 26px; margin-left: 110px; margin-top: 10px; position: relative; text-decoration: none;} */ body.home #rangee_4 h2{font-size: 27px; margin-bottom: 0; line-height: 1} body.home #rangee_4 .voir_toutes_actualites a {float: right; font-size: 18px; height: 20px; margin-top: 0; position: relative; text-decoration: none; margin-bottom: 15px} /* PAGE ACTUALITES */ .liste_actualites .actualite{min-height: 615px} .liste_actualites .actualite .details_actu {min-height: 373px} /* FIN PAGE ACTUALITES */ } /* FIN SMALL SCREENS */ /* MOBILE */ @media only screen and (min-width: 320px) and (max-width: 999px){ #wpadminbar{display: none} html.vc_mobile{margin-top: 0 !important;} #espace_membre_header_mobile{display: block} #espace_membre_header{display: none} #primary .site-main{padding: 0 15px} .site-header-menu {display: none} #site-navigation {height: 76px; margin: 0} #site-header-menu {height: 76px} .site-branding {padding: 10px 0 10px 15px} .entry-content h2, .entry-summary h2, .comment-content h2 {font-size: 3rem; line-height: 1.2; margin-bottom: 15px} #masthead.site-header{background: #702549; padding-right: 0} #masthead .site-header-main{width: 100%; float: left; padding: 0} #masthead .site-header-main #espace_membre_header_mobile{background: #fff; color: #000; border: none; border-radius: 0; height: 76px; padding: 0; width: 76px; text-align: center; vertical-align: middle; line-height: 76px; margin-right: 1px; position: absolute; top: 0; right: 77px; margin: 0; box-shadow: 0} #cadenas_mobile i{color: #000; margin: 0; padding: 0; height: 76px; line-height: 76px; vertical-align: middle} #masthead .site-header-main #menu-toggle{background: #fff; color: #000; border: none; border-radius: 0; height: 76px; padding: 0; width: 76px; display: block; position: absolute; top: 0; right: 0; margin: 0; box-shadow: 0} .menu-menu-principal-container{ background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;display: block; height: auto !important; min-width: 300px; width: 100%; padding: 0 15px 15px; top: 30px; position: absolute; left:0; overflow-y: scroll !important} .main-navigation .primary-menu {border-bottom: none} #menu-menu-principal li{ display: block; float: left; padding: 15px 0; position: relative; width: 100%;} #menu-menu-principal li .dropdown-toggle::after{border: none; color: #702549} #menu-menu-principal li a {color: #272224; display: inline-block; font-weight: normal; height: auto; padding: 0; transition: all 0.3s ease 0s; width: auto; font-size: 23px; height: 30px} #menu-menu-principal li a:hover {color: #a83a69} #menu-menu-principal li a:focus {color: #a83a69} #menu-menu-principal li a:active {color: #a83a69} #menu-menu-principal li.current-menu-item a {color: #a83a69} #menu-menu-principal li .sub-menu {display: none; background: transparent !important; height: auto !important; min-width: 325px !important; padding: 0; top: 0; border: none; position: relative; margin-left: 5px} #menu-menu-principal li .sub-menu li{line-height: 25px; height: 25px; width: 325px !important; } #menu-menu-principal li .sub-menu li a {color: #000; font-size: 16px; min-width: 325px !important; position: relative;} #menu-menu-principal li .sub-menu li a::after {color: #a83a69; content: ">"; font-size: 18px; position: absolute; right: 0; top: 0 !important} #menu-menu-principal .sub-menu li a::before {content: "/"; left: -20px; position: absolute} #menu-menu-principal .comment_selectionner_agence_menu{display: none} #site-navigation .menu-menu-principal-container > .comment_selectionner_agence_menu{display: block; position: relative; background-position: center left; margin:0 -15px; width: calc(100% + 30px); padding:15px 0 25px 150px; background-image:url(../images/bg_selectionner_agence_menu_mobile.jpg); background-size:cover;} #site-navigation .menu-menu-principal-container > .comment_selectionner_agence_menu h2{margin:7px 0 4px; font-size:19px;} body.home #rangee_1 {font-size: 35px; line-height: 45px} body.home #rangee_1 .wpb_single_image{text-align: center; margin-top: 70px} body.home #rangee_1 .wpb_single_image img {height: auto; max-width: 70%;vertical-align: top} #bandeau_selection_agence{background: #f1f0eb url('../images/bg_bandeau_selection_agence.jpg') no-repeat center bottom / contain; padding-bottom:130px;} #bandeau_selection_agence .vc_col-sm-12 { position: relative;} /*body.home #rangee_2 {height: 400px} body.home #rangee_2 .vc_column-inner {padding-top: 20px}*/ /*body.home #rangee_2{height: 770px; color: #fff; background: #859fd2} */ body.home #rangee_2{height: 770px; color: #fff; padding-bottom: 50px !important;} body.home #rangee_2 h2{color: #fff; font-family: "Museo300"; font-weight: 300} body.home #rangee_2 .faire_appel_agence{padding: 0 5% 0} body.home #rangee_2 .faire_appel_agence h2{line-height: 1.1; margin-bottom: 15px} body.home #rangee_2 .comment_selectionner_agence_home{padding: 0 3%; background: #101010} body.home #rangee_2 .comment_selectionner_agence_home a{margin: 15px 20px 0 0} body.home .liste_actualites{padding-right: 0; margin-left: 0; margin-right: 0;} body.home .liste_actualites .actualite{padding: 0} .liste_actualites .actualite{float: left} .liste_actualites .actualite .photo {min-height: 200px} .liste_actualites .actualite .bottom_actu .share_buttons{width: 85%} .liste_actualites .actualite .bottom_actu .go_to_actu{width: 15%} body.home #test_split_background{width: auto !important; background: #fff !important; height: 300px !important; float: left;} body.home #test_split_background .pourquoi_rejoindre_markcom{padding-left: 8vw} body.home #test_split_background .pourquoi_rejoindre_markcom .vc_column-inner {padding-top: 15px} body.home #test_split_background .pourquoi_rejoindre_markcom h2{font-size: 28px; margin-bottom: 15px;} body.home #test_split_background .vc_col-sm-3{display: none} body.home #test_split_background .pourquoi_rejoindre_markcom a{ box-shadow: none; color: #a83a69; float: left; font-size: 20px; height: 26px; margin-left: 110px; margin-top: 10px; position: relative; text-decoration: none;} #main #test_split_background{width: auto !important} #test_split_background .fond_brun{margin-left: 15%; height: 400px;} #test_split_background .bonhomme {background: #fff !important; height: 500px; min-height: 500px; padding-left: 20px; padding-top: 30px;} #test_split_background .bonhomme .vc_column-inner{justify-content: baseline; height: 500px;} #test_split_background .bouton_markcom .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{margin-top: 25px} body.home #rangee_6 {height: auto; color: #fff; padding-top: 0; position: relative;} body.home #rangee_6 .vc_column-inner {padding: 0 !important} body.home #rangee_6 a{display: block; width: 100%; height: 100%} body.home #rangee_6 img{visibility: hidden;} body.home #rangee_6 iframe{height:auto !important; min-height:211px !important; width: 100% !important} body.home #rangee_6 .en_savoir_plus a {font-size: 14px} body.home #rangee_6 .en_savoir_plus {/*display: none*/ right:5% !important; bottom: 5px !important; top:inherit !important; margin-bottom:0 !important} body.home #rangee_7{min-height: 600px; height: auto !important} body.home #rangee_7 .col-sm-2{float: left; width: 33.33%;} body #header_interne { height: 250px} body #header_interne h1{margin-top: 100px} body #header_interne h1.big { font-size: 40px; font-weight: 700; line-height: 40px; margin-top: 120px} body #header_interne h1.big span {font-size: 25px; font-weight: 700} #main{overflow-x: hidden} #membres{min-height: 600px; height: auto !important} #membres .liste_membres{margin: 0;} #membres .col-sm-2{float: left; width: 33.33%; height: 70px; line-height: 70px; max-height: 70px; vertical-align: middle; margin-bottom: 20px} .liste_membres .col-sm-2 img{height: auto; width: auto; vertical-align: middle; line-height: 75px} #test_split_background{width: 100% !important; background: #252022 !important; height: 800px !important; float: left;} #rangee_a_avoir_aussi{background: #fff} #avoiraussicontent .col-sm-4{margin-bottom: 25px} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {position: relative} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a::after {position: absolute; top: 10px; right: 5px; font-size: 18px; content: ">"; color:#a83a69; transform: rotate(-90deg)} body.page-id-33 #markcom_peut_vous_aider .vc_column-inner {padding-top: 25px;padding-bottom: 10px;} body.page-id-33 .vc_custom_1482248924132{background: url(images/fond_video_page_interne_mobile.jpg) repeat left top !important;} body.page-id-35 .vc_custom_1482141701207 .vc_column-inner{padding-top: 25px; padding-bottom: 10px} body.page-id-37 .fond_noir_halo .vc_column-inner{padding-top: 0; padding-bottom: 15px} body.page-id-37 .fond_noir_halo .fond_blanc h3{padding-top: 20px; font-size: 18px; margin-bottom: 15px;} body.page-id-39 .fond_noir_halo{padding-top:0; padding-bottom: 15px} body.page-id-39 .fond_noir_halo .vc_col-sm-6 .vc_column-inner{padding-top: 25px; padding-bottom: 10px} body.page-id-39 .fond_noir_halo .fond_blanc h3{padding-top: 20px; font-size: 18px; margin-bottom: 15px;} body.page-id-41 .fond_noir .vc_column-inner{padding-top: 25px; padding-bottom: 15px} body.page-id-17 #liste_autres_ressources .vc_col-sm-3 .wpb_text_column{margin-bottom: 0} #rangee_formulaire_contact form{padding-right: 0; padding-bottom: 10px} #contact_rejoindre_markcom {padding-left: 150px} #contact_rejoindre_markcom a {font-size: 24px} #formulaire_demande_adhesion #choix_etapes {height: 200px} #formulaire_demande_adhesion #choix_etapes ul {height: 200px; margin-left: 30px} #formulaire_demande_adhesion #choix_etapes ul li {padding-right: 0; background: none !important; list-style-type: decimal; margin-left: 0; padding-left: 0; clear: both; font-size: 18px} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {line-height: 1.3} #main #filtres_actualites li a {box-shadow: none; float: left; font-size: 16px; margin-right: 10px; text-decoration: none; position: relative;} #main #filtres_actualites li a::after{position: absolute; content: "|"; color: #8d8d8d; font-size: 14px; right: -7px; top: 3px;} #main #filtres_actualites li:last-of-type a::after{position: absolute; content: ""; color: #8d8d8d; font-size: 17px; right: -3px} .liste_actualites .actualite { margin-bottom: 30px; min-height: 500px} .liste_actualites .actualite .details_actu {min-height: 300px} #filariane #breadcrumbs{margin-left: 10px} #filariane #breadcrumbs li{display:inline-block; vertical-align:middle; margin-right:6px; list-style-type: none} #filariane #breadcrumbs li:before{background: none} #filariane #breadcrumbs li a{color: #000; font-weight: bold; position: relative} #filariane #breadcrumbs li a::before{ background: #000 none repeat scroll 0 0; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; right: 100%; transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; z-index: 0; height: 2px} #filariane #breadcrumbs li a:hover{text-decoration: none} #filariane #breadcrumbs li a:hover::before{right: 0} #filariane #breadcrumbs li strong{color: #8d8d8d; font-weight: normal} #main #ressources .vc_tta.vc_general .vc_tta-panel.vc_active h4 a{color: #a83a69;} #main #ressources .vc_tta.vc_general .vc_tta-panel-title > a{padding: 14px 15px} #main #ressources .vc_tta-title-text{text-transform: none; font-family: "Museo300"; letter-spacing: 0; font-size: 11px} #main #ressources .vc_col-sm-10{width: 75%; float: left;} #main #ressources .vc_col-sm-2{width: 20%; float: left;} #avoiraussicontent .col-sm-4 .vc_column-inner {background: #fff none repeat scroll 0 0; color: #000; min-height: 120px; padding: 10px 40px 15px 20px;position: relative} #footer_middle{display: none} #footer_right{margin-top: 30px} .footerbottom{border-top: 1px solid #fff; padding-top: 15px; margin-top: 30px} .footerbottom .col-sm-3{margin-top: 15px} } /* iPad in landscape */ /*@media only screen and (max-width : 1024px) { */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #masthead.site-header {padding: 0; width: 100%;} #masthead.site-header.sticky{padding: 0; width: 100%;} #masthead .site-header-main{width: 100%; padding: 0 0 0 10px;} #masthead #site-header-menu{} #menu-menu-principal li a {padding-left: 7px; padding-right: 9px; font-size: 13px} #menu-menu-principal li.menu-item-has-children a {padding-right: 20px;} .main-navigation .menu-item-has-children > a::after { right: 2px; top: 10px} #menu-menu-principal li .sub-menu li a {font-size: 26px} #espace_membre_header {padding: 18px 8px 0;position: absolute; right: 0; top: 0;} #espace_membre_header a{font-size: 13px} body.home #rangee_1 {font-size: 35px; line-height: 45px; width: 1024px !important; height: 768px !important; min-height: 700px !important;} body.home #rangee_1 .wpb_single_image{text-align: center; margin-top: 70px} body.home #rangee_1 .wpb_single_image img {height: auto; max-width: 70%;vertical-align: top} body.home #rangee_2 {height: 500px} body.home #rangee_2 .vc_column-inner {padding-top: 20px} body.home .liste_actualites{padding-right: 0; margin-left: 0} body.home .liste_actualites .actualite{padding: 0} .liste_actualites .actualite .photo {min-height: 182px} .liste_actualites .actualite .details_actu {min-height: 350px} .details_actu {padding: 15px 8px} .details_actu .titre_actu a {font-size: 15px; line-height: 17px} .details_actu .contenu_actu{font-size: 14px; line-height: 21px} #avoiraussicontent .container{padding: 0 5px 0 0} #menu-footer-left{margin-left: 0} #footer_right{padding-right: 0} } /*iPad in portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #menu-menu-principal li a {font-size: 30px; padding-left: 15px} #menu-menu-principal li .sub-menu li a {font-size: 24px; margin-left: 25px} body.home #rangee_1 {font-size: 37px; line-height: 47px; width: 1024px !important; height: 910px !important; min-height: 700px !important;} body.home #rangee_1 .wpb_single_image{text-align: center; margin-top: 70px} body.home #rangee_1 .wpb_single_image img {height: auto; max-width: 80%; vertical-align: top} #rangee_1 .vc_col-sm-2{width: 5%} body.home .liste_actualites .actualite {padding: 0 10px 0 0} body.home .liste_actualites .actualite .photo {min-height: 153px} body.home .liste_actualites .actualite .details_actu {min-height: 390px} body.home #test_split_background{width: 100% !important; background: #252022 !important; height: 1000px !important; float: left; min-width: 768px} body.home #test_split_background .fond_brun{height: 500px; margin-left:10% !important; width: 90% !important} body.home #test_split_background .fond_brun #rangee_compteur_1{float: left; width: 50%} body.home #test_split_background .fond_brun #rangee_compteur_2{float: left; width: 50%} body.home #test_split_background .fond_brun .counter { color: #a83a69; font-size: 160px; font-weight: bold; line-height: 1; text-align: center} body.home #test_split_background .fond_brun p {color: #fff; font-size: 29px;line-height: 35px} body.home #test_split_background .bonhomme.pourquoi_rejoindre_markcom{background: #fff url("images/background_pourquoi_rej_markcom.png") no-repeat scroll left bottom !important; height: 550px; min-height: 550px; padding-left: 180px; padding-top: 30px; min-width: 768px; width: 100%} body.home #rangee_6 {height: auto; color: #fff; padding-top: 0; position: relative;} body.home #rangee_6 .vc_column-inner {padding: 0 !important} #main #test_split_background{width: auto !important} #main .liste_actualites {margin-left: 0} .liste_actualites .actualite{padding-left: 10px; padding-right: 10px} .liste_actualites .actualite a.infinite-more-link{color: #a83a69; text-align: center; text-decoration: none; box-shadow: none} #jscroll-loading{color: #a83a69; text-align: center; text-decoration: none; box-shadow: none} .liste_actualites .actualite .photo {min-height: 140px} .liste_actualites .actualite .details_actu {min-height: 380px} .bottom_actu .share_buttons{padding-right: 0; width: 85%; margin: 0; float: left; overflow: hidden; display: inline} .bottom_actu .share_buttons .addthis_inline_share_toolbox_j7b7{float: left} .bottom_actu .share_buttons .at-icon-wrapper.at-share-btn {margin-right: 0 !important} .bottom_actu .share_buttons span {margin-right: 4px !important} .bottom_actu .go_to_actu.col-sm-2{padding: 0; width: 15%; margin: 0} #avoiraussicontent .col-sm-4{margin-bottom: 0} #avoiraussicontent .col-sm-4 .vc_column-inner{min-height: 265px} #avoiraussicontent .col-sm-4 .vc_column-inner h3 {padding-right: 0 !important; font-size: 26px} #footer_middle{display: block} #footer_middle .col-sm-6{padding-right: 0} #footer_middle .col-sm-6 ul{margin-left: 0} footer #footer_middle ul li.menu-item a {font-size: 14px; line-height: 14px} footer #footer_middle ul li.menu-item ul li a {font-size: 13px;line-height: 14px} #footer_right{margin-top: 0} footer #footer_right a {color: #a83a69; font-size: 23px; line-height: 27px; margin-bottom: 30px} footer .footerbottom .col-sm-9{padding-right: 0} footer .footerbottom .col-sm-3{width: 20%; margin: 0; padding: 0} }