/*
Theme Name: MarkCom
Description: Thème de la MarkCom
Author: Jonathan Parmantier
Author URI: https://binsfeld.lu
Version: 1.0.0
Template: twentysixteen
*/
@import url("../twentysixteen/style.css"); 


/* MAGNIFIC */
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:-35px;top:-35px;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close-btn-in .mfp-close{color:#fff}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/* MAGNIFIC */

@font-face {
    font-family: "Museo300";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/museo300-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museo300-regular-webfont.woff") format("woff"), url("fonts/museo300-regular-webfont.ttf") format("truetype"), url("fonts/museo300-regular-webfont.svg#Museo300") format("svg");
}
@font-face {
    font-family: "TitilliumText22LRegular";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("fonts/titilliumtext22l003-webfont.woff") format("woff"), url("fonts/titilliumtext22l003-webfont.ttf") format("truetype"), url("fonts/titilliumtext22l003-webfont.svg#webfonts5XuCWBa") format("svg");
}

a{outline: 0 !important}

body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {height: 0}

html body{overflow-x: hidden; font-family: "Museo300"; font-size: 14px}
html body p{font-family: "Museo300"}
html h1{font-family: "Museo300"}
html h2{font-family: "Museo300"}
html h3{font-family: "Museo300"}

.site {margin:0}
.site-inner {margin: 0 auto; max-width: 1200px; position: relative}

.site-branding {float: left}
.site-branding img{width: 100px; height: auto}
.site-branding{margin:0 25px 0 0; padding: 20px 0}

#hidden_ajax_url{display: none}

#site-header-menu{margin: 0; height: 90px; flex: 1 1 auto;}
#espace_membre_header_mobile{display: none}

.site-header{background: transparent; box-sizing: border-box; padding: 0 20px; position: fixed; width: 100%; z-index: 300; border-bottom: 1px solid #fff}
.site-header.sticky{background: rgba(0,0,0,0.80); box-sizing: border-box; padding: 0 20px; position: fixed; width: 100%; z-index: 300; border-bottom: 1px solid #fff}
.site-header-main{position: relative}

#site-navigation{height: 90px; margin: 0}

#espace_membre_header{background: #a83a69; color: #fff; font-weight: bold; padding: 7px 15px 4px; height: auto; position: absolute; top: 0; right: 15px}
#espace_membre_header a{float: left; font-weight: 100; color: #fff; padding: 0 5px; margin: 0; font-size: 14px; font-family: "Museo300"; position: relative}
#espace_membre_header span{float: left; margin: -2px 7px 0; font-size: 14px; font-family: "Museo300"}
#espace_membre_header a#cadenas{margin-top: -2px}
#espace_membre_header a:hover{text-decoration: none; box-shadow: none}
#espace_membre_header a::before{ background: #fff 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}
#espace_membre_header a:hover::before{right: 0}

.menu-menu-principal-container{float: right; height: 47px; margin-top: 43px;}

#menu-menu-principal li {position: inherit}
#menu-menu-principal li a{color: #fff; height: 52px; position: relative}
#menu-menu-principal a:hover{color: rgba(255,255,255,0.9); text-decoration: none}

#menu-menu-principal .sub-menu{top: 96px; /* width: 100%; */ height: 430px; background: rgba(255,255,255,0.9); min-width: 800px; display: block; padding: 80px 0 0 140px; }
#menu-menu-principal li:hover .sub-menu{left: 15px; right: 23px}
#menu-menu-principal .sub-menu:before{border: none}
#menu-menu-principal .sub-menu:after{border: none}
#menu-menu-principal .sub-menu li{float: left; background: none; width: 100%; display: block; clear: both; position: relative; margin-bottom: 25px; font-size: 25px; line-height: 30px; border: none}
#menu-menu-principal .sub-menu li a{color: #272224; width: auto; min-width: 476px; padding: 0; height: auto; transition: all 0.3s ease 0s; display: inline-block; font-weight: normal;}
#menu-menu-principal .sub-menu li a:before{content: "/"; position: absolute; left: -40px;}
#menu-menu-principal .sub-menu li a::after{content: ">"; position: absolute; right: -100px; color: #a83a69; font-size: 25px}
#menu-menu-principal .sub-menu li a:hover{padding-left: 25px}

.comment_selectionner_agence_menu{display: none; background: url(images/bg_selectionner_agence_menu2.png) no-repeat right bottom / contain; width: 350px; padding:25px 35px 25px 75px; position: absolute; right:0; top:0; height: 100%}
.comment_selectionner_agence_menu .categorie_actu{color: #ae3e6e; margin-bottom: 0; font-weight: 900}
.comment_selectionner_agence_menu h2{margin: 15px 0; line-height: 1.2em; font-size:21px; font-weight: bold}
#menu-menu-principal .comment_selectionner_agence_menu .pourquoi_rejoindre_markcom a{ box-shadow: none; color: #a83a69; float: left;  font-size: 16px; height: 26px; margin-left: 0; margin-top: 0; position: relative; text-decoration: none;     display: inline-block; width: auto; padding: 0;}
#menu-menu-principal .comment_selectionner_agence_menu .pourquoi_rejoindre_markcom a::before{ background: #a83a69 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}
#menu-menu-principal .comment_selectionner_agence_menu .pourquoi_rejoindre_markcom a:hover::before{right: 0}
#menu-menu-principal .comment_selectionner_agence_menu{display: block}

.site-main {margin-bottom: 0}

.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {margin-left: 0; margin-right: 0}

.entry-content h2, .entry-summary h2, .comment-content h2 {font-size: 3rem; line-height: 1.50; font-weight: 300}

#main .entry-content{/*margin-left: 0; margin-right: 0*/}

.couleur_markcom{color: #a83a69}

/* VIDEO YOUTUBE */
.wpb_video_widget{position: relative}
.wpb_video_widget div.check-container{padding-bottom: 0;}
.wpb_video_widget div.thumbover{position: absolute; z-index: 50; top: 0; left: 0; right: 0; bottom: 0; background: url(images/markcom_thumbnail-YT02.jpg) no-repeat left top; background-size: cover; cursor: pointer}
/* VIDEO YOUTUBE */

body.home #rangee_1{color: #fff;  font-size:40px; line-height: 55px; font-weight: normal}
body.home #rangee_1 .lien_decouvrir{color: #fff;  font-size:30px; line-height: 55px; font-weight: normal}
body.home #rangee_1 .lien_decouvrir a{color: #fff; text-decoration: none; box-shadow: none; position: relative}
/*body.home #rangee_1 .lien_decouvrir a:hover{color: #a83a69}*/
body.home #rangee_1 .lien_decouvrir a::before{ background: #fff 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}
body.home #rangee_1 .lien_decouvrir a:hover::before{right: 0}


#bandeau_selection_agence{background: #f1f0eb url('images/bg_bandeau_selection_agence3.jpg') no-repeat center bottom / contain; padding-bottom:44%;}

#bandeau_selection_agence .vc_col-sm-12{position: absolute}
#bandeau_selection_agence .vc_col-sm-5{max-width:350px; margin-top: 15px;}
#bandeau_selection_agence .categorie_actu{color: #ae3e6e; margin-bottom: 0; font-weight: 900}
#bandeau_selection_agence h2{margin: 15px 0; line-height: 1.1em;}
#bandeau_selection_agence .pourquoi_rejoindre_markcom{margin-top:-5px;}
#bandeau_selection_agence .pourquoi_rejoindre_markcom a{ box-shadow: none; color: #a83a69; float: left;  font-size: 16px; height: 26px; margin-left: 0; margin-top: 0; position: relative; text-decoration: none;}
#bandeau_selection_agence .pourquoi_rejoindre_markcom a::before{ background: #a83a69 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}
#bandeau_selection_agence .pourquoi_rejoindre_markcom a:hover::before{right: 0}

body.home #bandeau_selection_agence .vc_col-sm-5{margin-top: -15px;}

body.home #rangee_creativitycamp .wpb_content_element {margin-bottom: 0}


body.home #rangee_2{height: auto !important; padding-bottom:40px; color: #fff; background: url('images/background_comment_selectionner_agence_fullvideorepeat.png') repeat center bottom;}
/*body.home #rangee_2{height: auto !important; padding-bottom:40px; color: #fff; background: url('images/background_comment_selectionner_agence_4.jpg') no-repeat center bottom;}*/
/*body.home #rangee_2::before{background-color: red; position: absolute; left: 0; width: 50%; height: 100%;}
body.home #rangee_2::after{background-color: yellow; position: absolute; right: 0; width: 50%; height: 100%;}*/
body.home #rangee_2 h2{color: #fff; font-family: "Museo300"; font-weight: 300}

body.home #rangee_2 .faire_appel_agence{padding: 0 10%}
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 10%}
body.home #rangee_2 .comment_selectionner_agence_home h2{line-height: 1.1; margin-bottom: 35px}
body.home #rangee_2 .comment_selectionner_agence_home p{font-size: 16px}
body.home #rangee_2 .comment_selectionner_agence_home a{font-size: 20px}

body.home #rangee_3{height: 444px; color: #fff}
body.home #rangee_3 p{font-size: 18px}
body.home #rangee_3 a{font-size: 20px; color: #fff; text-decoration: none; box-shadow: none; position: relative}
/*body.home #rangee_3 a:hover{color: #a83a69}*/
body.home #rangee_3 a::before{ background: #fff 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}
body.home #rangee_3 a:hover::before{right: 0}

body.home #rangee_4{color: #000; background: #f5f5f5; padding: 25px 0 0}
body.home #rangee_4 .voir_toutes_actualites a{box-shadow: none; color: #a83a69; float: right; font-size: 18px; height: 26px; margin-top: -5px; position: relative; text-decoration: none;}
/*body.home #rangee_4 .voir_toutes_actualites a:hover{color: #5b283e}*/
body.home #rangee_4 .voir_toutes_actualites a::before{ background: #a83a69 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}
body.home #rangee_4 .voir_toutes_actualites a:hover::before{right: 0}

body.home #test_split_background{height: 525px; color: #171515; /* background-color: #fff; */ background: #fff url('images/background_rejoignez_markcom.jpg') no-repeat 1vw bottom; background-size: 50vw; padding-left: 250px;}
/*#test_split_background .bonhomme.pourquoi_rejoindre_markcom  {background-color: #fff}

body.home #test_split_background .fond_brun p{color: #fff; font-size: 25px; line-height: 32px}

body.home #test_split_background .fond_brun .counter{color: #a83a69; font-size: 100px; font-weight: bold; line-height: 1}
body.home #test_split_background .fond_brun p.counter_text{  color: #a83a69; display: inline; line-height: 35px; margin-left: 5px; vertical-align: top; width: 25px;}

body.home #test_split_background .fond_brun #rangee_compteur_1 .couleur_markcom p{color: #a83a69; font-size: 70px; line-height: 75px;  margin-left: 160px; text-align: left;} */

/*body.home #test_split_background .pourquoi_rejoindre_markcom{background: #fff url('images/background_pourquoi_rej_markcom.png') no-repeat left bottom;}
body.home #test_split_background .pourquoi_rejoindre_markcom .vc_column-inner{padding-left: 120px; font-family: "Museo300";}
body.home #test_split_background .pourquoi_rejoindre_markcom .vc_column-inner h2{font-size: 40px}*/

body.home #test_split_background .pourquoi_rejoindre_markcom{padding-left: 17vw}
body.home #test_split_background .pourquoi_rejoindre_markcom .vc_column-inner ul{margin-left: 25px}
body.home #test_split_background .pourquoi_rejoindre_markcom .vc_column-inner ul li{list-style-type: none; position: relative; font-size: 20px}
body.home #test_split_background .pourquoi_rejoindre_markcom .vc_column-inner ul li:before{background: #fff url("images/bullet_point_h12.png") no-repeat scroll left center; content: ""; height: 12px; left: -20px; position: absolute; top: 9px; width: 10px;}

body.home #test_split_background .pourquoi_rejoindre_markcom a{ box-shadow: none; color: #a83a69; float: left;  font-size: 20px; height: 26px; margin-left: 146px; margin-top: 10px; position: relative; text-decoration: none;}
body.home #test_split_background .pourquoi_rejoindre_markcom a::before{ background: #a83a69 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}
body.home #test_split_background .pourquoi_rejoindre_markcom a:hover::before{right: 0}

.bouton_markcom .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{color: #fff; background: #a83a69; font-size: 16px;  font-family: "Museo300"; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;  box-sizing: content-box; border: none; -o-text-overflow: clip; text-overflow: clip; -webkit-transform: skewX(-20deg); transform: skewX(-20deg); font-style: normal}
body.home #test_split_background .bouton_markcom a{color: #fff; font-size: 16px;}
body.home #test_split_background .bouton_markcom .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{background: #5b283e}

body.home #rangee_6{height: auto; color: #fff; padding-top: 0; padding-bottom: 55.583%;  position: relative; background: url(images/banner_beaworld_18_1200x631.gif) no-repeat top center / contain !important ; background-color:#010e1f !important}
body.home #rangee_6 .vc_column-inner {padding-top: 0}
body.home #rangee_6 a{text-decoration: none; box-shadow: none}
body.home #rangee_6 .wpb_single_image, body.home #rangee_6 .wpb_text_column.wpb_content_element {margin: 0}
body.home #rangee_6 .en_savoir_plus{position: absolute; right: 5%; top: 5%; z-index: 10}
body.home #rangee_6 .en_savoir_plus a{position: relative; font-size: 20px; color: #fff; text-decoration: none}
body.home #rangee_6 .en_savoir_plus a::before{ background: #fff 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}
body.home #rangee_6 .en_savoir_plus a:hover{text-decoration: none}
body.home #rangee_6 .en_savoir_plus a:hover::before{right: 0}

body.home #rangee_6 a#lien_cc_2018{position: absolute; top:0; left:0; right: 0; bottom: 0; z-index: 5;}

body.home #rangee_7{min-height: 500px; color: #fff}
body.home #rangee_7 h2{color: #000}
body.home #membres{min-height: 400px; height: auto !important}

body:not(.home) #main{margin-top: 20px}

body.page-template-default #main .entry-content .vc_col-sm-6 a {color: #a83a69; text-decoration: none; box-shadow: none; position: relative}
body.page-template-default #main .entry-content .vc_col-sm-6 a::before{ background: #a83a69 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}
body.page-template-default #main .entry-content .vc_col-sm-6 a:hover{text-decoration: none}
body.page-template-default #main .entry-content .vc_col-sm-6 a:hover::before{right: 0}

#filariane #breadcrumbs{list-style:none; margin:10px 0 10px 15px;  overflow:hidden}
  
#filariane #breadcrumbs li{display:inline-block; vertical-align:middle; margin-right:15px; list-style-type: none}
#filariane #breadcrumbs li:before{background: none}
#filariane #breadcrumbs li a{color: #000; font-weight: normal; 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}

/*
footer a::before{ background: #a83a69 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}
footer a:hover::before{right: 0}
*/
  
#breadcrumbs .separator{font-size:14px; font-weight:100; color:#000}

.details_actu{background: #fff; min-height: 285px; padding: 20px 15px}
.details_actu .categorie_actu{color: #ae3e6e; margin-bottom: 0; font-weight: 900}
.details_actu .auteur_actu{color: #171515; font-size: 12px; margin-bottom: 5px}
.details_actu .auteur_actu a{text-decoration: none; color: #171515; box-shadow: none}
.details_actu .auteur_actu a:hover{text-decoration: underline}
.details_actu .titre_actu{color: #171515; text-transform: uppercase; margin-bottom: 10px}
.details_actu .titre_actu a{color: #171515; text-decoration: none; box-shadow: none; font-size: 17px; line-height: 19px}

.details_actu .contenu_actu .more-link{display: none}

.at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover {transform: translateY(0px) !important}
.bottom_actu .share_buttons{background: #222222; float: left}
.bottom_actu .share_buttons .at-icon-wrapper{box-shadow: none; border: none; padding-left: 0; padding-right: 0}
.bottom_actu .share_buttons a{margin: 0}
.bottom_actu .share_buttons span{color: #fff; float: left; line-height: 42px; vertical-align: middle; margin-right: 7px}
.bottom_actu .share_buttons .addthis_inline_share_toolbox_j7b7{clear: none !important; float: left;}
.bottom_actu .share_buttons .addthis_inline_share_toolbox_j7b7 .at4-visually-hidden{display: none; margin: 0}
.bottom_actu .share_buttons .addthis_inline_share_toolbox_j7b7 .at-icon-wrapper{margin: 0}

body .at-share-btn:hover .at-icon{fill: rgb(255, 255, 255) !important}

.bottom_actu .go_to_actu{color: #fff; font-size: 25px; float: right; background: #a83a69; height: 42px; line-height: 42px; vertical-align: middle; text-align: center; padding: 0}
.bottom_actu .go_to_actu a{color: #fff; text-decoration: none; box-shadow: none; float: left; width: 100%}
.bottom_actu .go_to_actu:hover{background:#5b283e}


/* BANDEAU COOKIES */
#cookie-notice #cn-accept-cookie{background: transparent; border: 1px solid #fff}
#cookie-notice #cn-accept-cookie:hover{background: #fff; color: #a83a69}
/* FIN BANDEAU COOKIES */


/* PAGE MEMBRE */
body #header_interne{background: #5b283e url("images/background_header_interne.jpg") no-repeat center top; width: 100%; height: 450px}
body #header_interne h1{color: #fff; text-align: center; font-size: 50px; font-weight: 300; letter-spacing: 1px; margin-top: 100px}
body #header_interne h1 span{font-size: 30px; font-weight: 700}

body #header_interne h1.big{font-size: 60px; font-weight: 700; line-height: 70px; margin-bottom: 0; margin-top: 100px}
body #header_interne h1.big span{font-size: 40px; font-weight: 700}

body #filariane{background: #ebebeb; padding: 15px 0}

body.author #content_membre{padding: 30px 0 0}

#autres_membres{background: #f5f5f5; padding: 20px 0; margin-top: 30px}

#map_container{position: relative;}
#map{height: 380px; overflow: hidden; padding-bottom: 22.25%; padding-top: 0; position: relative}
#map_wrapper{position: relative}
#details_hover_map{position: absolute; left: 0; top: 100px; bottom: 0; background: #000; color: #fff; z-index: 200; width: 195px; /*height: calc(100% ;*/ padding: 10px 5px 25px 10px}
#details_hover_map p{margin: 0 0 5px}

#details_hover_map a{color: #ae3e6e}

#logo_hover_map{position: absolute; left: 0; top: 0; z-index: 210; height: 100px; width: auto; background: #000; width: 195px; text-align: center; line-height: 100px}
#logo_hover_map img{max-width: 195px; height: auto; max-height: 100px; vertical-align: middle}


#content ul{margin-left: 25px}
#content ul li{list-style-type: none; position: relative}
#content ul li:before{background: #fff url("images/bullet_point_h12.png") no-repeat scroll left center; content: ""; height: 12px; left: -20px; position: absolute; top: 9px; width: 10px;}

.liste_membres .col-sm-12{margin-bottom: 20px}
.liste_membres .col-sm-12 h2{text-align: center}
.liste_membres .col-sm-2{margin-bottom: 30px; max-height: 75px; min-height: 75px;}
.liste_membres .col-sm-2 a{line-height: 75px; height: 75px; vertical-align: middle; max-height: 75px; min-height: 75px}
.liste_membres .col-sm-2 img{line-height: 75px; max-height: 75px; max-width: 100%; vertical-align: middle; width: auto; display:table-cell}

/* FIN PAGE MEMBRE */

/* PAGE ACTUALITES */
.intro_page p{color: #ae3e6e; font-weight: 900; margin-top: 30px}
.liste_actualites{float: left; /*width: 100%*/}
.liste_actualites .actualite{margin-bottom: 30px; min-height: 585px}
.liste_actualites .actualite:nth-child(3n+1){clear:both;}
.liste_actualites .actualite .details_actu{min-height: 350px}
.liste_actualites .actualite .photo{min-height: 223px}

.liste_actualites{margin-bottom: 20px}

article.page h1{font-size: 26px; font-weight: 300; color: #181616; margin-bottom: 40px}

article.page .wpb_content_element{margin-bottom: 15px}
article.page .wpb_video_widget.wpb_content_element{margin-bottom: 0}

#main #rangee_a_avoir_aussi .wpb_text_column.wpb_content_element{margin-bottom: 0}
#main #rangee_a_avoir_aussi .vc_column-inner {padding-top: 0}

#main #filtres_actualites{margin: 0; width: 100%; float: left; margin-bottom: 25px}
#main #filtres_actualites li{list-style-type: none;}
#main #filtres_actualites li.active a{color: #ae3e6e}
#main #filtres_actualites li:before{background: none}
#main #filtres_actualites li a{text-decoration: none; color: #8d8d8d; font-size: 18px; float: left; box-shadow: none; margin-right: 15px; position: relative}
#main #filtres_actualites li a:hover{color: #ae3e6e}

#main #filtres_actualites li a::after{position: absolute; content: "|"; color: #8d8d8d; font-size: 15px; right: -11px; top: 2px}
#main #filtres_actualites li:last-of-type a::after{position: absolute; content: ""; color: #8d8d8d; font-size: 17px; right: -3px}

/* FIN PAGE ACTUALITES */

/* DETAIL ACTUALITE */
body.single-post p.intro{color: #ae3e6e; font-weight: 900; margin-top: 30px}
body.single-post h1{font-size: 26px; font-weight: 300; color: #181616; margin-bottom: 40px}

body.single-post #rangee_dernieres_actus{color: #000; background: #f5f5f5; margin-top: 30px}
body.single-post #rangee_dernieres_actus h2{font-weight: 300; margin: 30px 0}
body.single-post #rangee_dernieres_actus .voir_toutes_actualites a{color: #a83a69; text-decoration: none; box-shadow: none; font-size: 18px}
body.single-post #rangee_dernieres_actus .voir_toutes_actualites a:hover{color: #5b283e}

body.single-post .date_article a{color: #a83a69}

#derniere_actualite{float: left; margin-bottom: 40px}
#derniere_actualite .vc_col-sm-6.first{padding-left: 0}
/* FIN DETAIL ACTUALITE */


/* PAGE TYPE D'AGENCE */
.agences_specialisees p{margin-bottom: 7px}
/* FIN PAGE TYPE D'AGENCE */

/* PAGE CHOISIR SON AGENCE */
body.page-id-33 #main ul{margin-top: -20px; margin-bottom: 15px}
/* FIN PAGE CHOISIR SON AGENCE */


/* PAGE POURQUOI FAIRE APPEL A UNE AGENCE */
.fond_noir{background-color: #000; color: #fff}
.fond_blanc{background: #fff; color: #000}
.fond_gris{background: #f5f5f5; color: #171515; padding: 25px 0}
.texte_blanc{color: #fff}

body.page-id-33 #markcom_peut_vous_aider .fond_noir{padding: 0 0 25px 0}
body.page-id-33 #markcom_peut_vous_aider .fond_blanc{padding: 0 0 25px 0}
body.page-id-33 #markcom_peut_vous_aider .fond_blanc ul {margin-top: 0}
/* FIN PAGE POURQUOI FAIRE APPEL A UNE AGENCE */


/* PAGE TARIFICATION */
#rangee_tableau_tarification table{border: none}
#rangee_tableau_tarification table tr td{border: none}
#rangee_tableau_tarification table tr:nth-of-type(odd) {background: #ebebeb}
/* FIN PAGE TARIFICATION */

/* PAGE REJOINDRE LA MARKCOM */
#rangee_cotisations .tableau_cotisations{background: #201c1e; color: #fff; padding: 25px}
#rangee_cotisations .tableau_cotisations table{border: none}
#rangee_cotisations .tableau_cotisations table tr td{border: none}
#rangee_cotisations .tableau_cotisations table tr:nth-of-type(odd) {background: #353133}
#rangee_cotisations .rangee_cotisations_right a {box-shadow: none; color: #a83a69;  font-size: 21px; text-decoration: none; text-align: right}

/*#rangee_cotisations .regles_rangee_cotisations p{float: left; line-height: 1; height: 90px; vertical-align: middle;}
#rangee_cotisations .regles_rangee_cotisations p span{font-size: 90px !important; color: #a69f9f; float: left; margin-right: 15px; font-family: "Museo300"; font-weight: 300}*/
#rangee_cotisations .regles_rangee_cotisations .vc_col-sm-2 p{line-height: 1; margin-bottom: 20px}
#rangee_cotisations .regles_rangee_cotisations .vc_col-sm-2 p span{font-size: 120px !important; color: #bbbbbb; font-family: "Museo300"; font-weight: 100}

#rangee_formulaire_interet{background: #000; padding: 25px 0; margin-top: -20px; color: #fff}
#rangee_formulaire_interet h2{margin-bottom: 0;}
#rangee_formulaire_interet h2+p{margin-bottom: .5em;}

#formulaire_interet .valider_formulaire_interet{color: #a83a69; font-weight: bold; font-size: 25px; font-weight: 400; float: right; position: relative; cursor: pointer}
#formulaire_interet .valider_formulaire_interet::before{ background: #a83a69 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}
#formulaire_interet .valider_formulaire_interet:hover{text-decoration: none}
#formulaire_interet .valider_formulaire_interet:hover::before{right: 0}
#formulaire_interet input[type=text]{height: 40px; border: none; background: #fff; font-size: 13px; color: #000; font-weight: 300}
#formulaire_interet input[type=email]{height: 40px; border: none; background: #fff; font-size: 13px; color: #000; font-weight: 300}
#formulaire_interet input[type=text].error{border: 2px solid #a83a69;}
#formulaire_interet input[type=email].error{border: 2px solid #a83a69;}
#formulaire_interet p{margin-bottom: 15px; font-size: 18px; font-family: "Museo300"; font-weight: 700}
#formulaire_interet label{font-size: 16px; font-family: "Museo300"; font-weight: 300}
#formulaire_interet h2{font-size: 18px; line-height: 22px; color:#a83a69; font-weight: normal;font-family: "Museo300"; margin: 0 15px}

#rangee_formulaire_demande_adhesion{background: #f5f5f5; padding: 25px 0; margin-top:-20px;}
#formulaire_demande_adhesion #choix_etapes{height: 40px}
#formulaire_demande_adhesion #choix_etapes ul {height: 40px; width: 100%; margin: 0 0 20px 0; float: left}
#formulaire_demande_adhesion #choix_etapes ul li{background: url('images/separer_etapes.png') no-repeat right center; list-style-type: none; float: left; padding-right: 65px; padding-left: 15px; color: #a4a4a4}
#formulaire_demande_adhesion #choix_etapes ul li:before{background: none}
#formulaire_demande_adhesion #choix_etapes ul li.active{color: #a83a69; background: url('images/separer_etapes_full_active.png') no-repeat right center;}
#formulaire_demande_adhesion #choix_etapes ul li.alreadyactive{color: #a83a69; background: url('images/separer_etapes_full_active.png') no-repeat right center; cursor: pointer}
#formulaire_demande_adhesion #choix_etapes ul li#header_etape_1.active{background: url('images/separer_etapes_active.png') no-repeat right center;}

#formulaire_demande_adhesion #choix_etapes ul li:nth-of-type(1){padding-left: 0}
#formulaire_demande_adhesion #choix_etapes ul li.last{padding-right: 0; background: none !important}

#formulaire_demande_adhesion .etape{display: none}
#formulaire_demande_adhesion .etape.active{display: block}

#formulaire_demande_adhesion textarea{height: 120px}
#formulaire_demande_adhesion input[type=text]{height: 40px; border: none; background: #ebebeb; font-size: 13px; color: #000; font-weight: 300}
#formulaire_demande_adhesion input[type=text].error{border: 2px solid #a83a69;}
#formulaire_demande_adhesion textarea.error{border: 2px solid #a83a69;}
#formulaire_demande_adhesion p{margin-bottom: 15px; font-size: 18px; font-family: "Museo300"; font-weight: 700}
#formulaire_demande_adhesion label{font-size: 16px; font-family: "Museo300"; font-weight: 300}
#formulaire_demande_adhesion .valider_formulaire{color: #a83a69; font-weight: bold; font-size: 18px; cursor: pointer}

#formulaire_demande_adhesion h2{font-size: 14px; line-height: 20px; color:#a83a69; font-weight: normal;font-family: "Museo300"}

.etape_suivante{color: #a83a69; font-size: 25px; cursor: pointer; font-weight: 400; float: right}
.etape_suivante:hover{color: #5b283e}

.etape_precedente{color: #a83a69; font-size: 25px; cursor: pointer; font-weight: 400; float: left; margin-left: -15px; margin-right: 20px}
.etape_precedente:hover{color: #5b283e}
/* FIN PAGE REJOINDRE LA MARKCOM */


/* PAGE SELECTIONNER UNE AGENCE */
.telechargement_pdf{border: none; color: #fff}

#main .telechargement_pdf a{border-radius: 0; border: none; background: #a83a69; color: #fff}

#main .telechargement_pdf a:hover{background: #5b283e}

.lien_telechargement_pdf a{color: #ae3e6e; font-weight: 900; text-decoration: none; box-shadow: none}

.lien_telechargement_pdf a:hover{color: #5b283e}
/* FIN PAGE SELECTIONNER UNE AGENCE */

/* PAGE Relations contractuelles */
body.page-id-41 .fond_blanc{padding: 5px 15px 20px}
/* FIN PAGE Relations contractuelles */


#conseil_administration{margin-bottom: 30px; margin-left: 0; margin-right: 0}
#conseil_administration .vc_col-sm-4 .vc_column-inner{padding: 0}

.q_team {background-color: #fff; overflow: hidden; border: 1px solid #fff}
.q_team_inner {overflow: hidden; width: 100%}
.q_team .q_team_image {position: relative}

.q_team .q_team_image img {width: 100%; vertical-align: middle}
.q_team .q_team_description_wrapper {position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; cursor: default}
.q_team .q_team_image:hover .q_team_description_wrapper {opacity: 1}
.q_team .q_team_description {display: table; width: 100%; height: 100%}
.q_team .q_team_description_inner {display: table-cell; vertical-align: middle; text-align: center; padding: 0 50px}
.q_team .q_team_description_inner p {color: #fff; font-style: italic}
.q_team .q_team_text {padding: 23px 16px 23px; border-style: none; border-width: 1px; border-color: #f6f6f6; border-top: none !important}
.q_team .q_team_title_holder {margin: 0 0 9px; text-align: center}
.q_team .q_team_title_holder .q_team_name {margin-bottom: 7px}
.q_team .q_team_text_inner .separator {background-color: #1abc9c; margin-bottom: 16px !important}
.q_team .q_team_social_holder {position: relative; text-align: center}
.q_team i.fa-linkedin{color: #fff}
.q_team .q_team_social_holder .q_social_icon_holder i.simple_social, .q_team .q_team_social_holder .q_social_icon_holder span.simple_social {font-size: 19px; color: #bcbcbc}
.q_team .q_team_social_holder .q_social_icon_holder:hover i.simple_social, .q_team .q_team_social_holder .q_social_icon_holder:hover span.simple_social {color: #1abc9c}

.q_team.info_on_hover .q_team_description_wrapper {position: relative; opacity: 1; background-color: transparent; box-sizing: border-box}
.q_team.info_on_hover .q_team_text {position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(21, 21, 21, 0.78); padding: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out}
.q_team.info_on_hover .q_team_text_holder {display: table; width: 100%; height: 100%}
.q_team.info_on_hover .q_team_text_holder_inner {display: table-cell; vertical-align: middle}
.q_team.info_on_hover .q_team_image:hover .q_team_text {opacity: 1}

.q_team.info_on_hover .q_team_title_holder .q_team_name,
.q_team.info_on_hover .q_team_title_holder span,
.q_team.info_on_hover .q_team_social_holder i.simple_social,
.q_team.info_on_hover .q_team_social_holder span.simple_social {color: #fff}

/* ==========================================================================
   Team end styles
   ========================================================================== */
   
   
/* PAGE DECOUVRIR MARKCOM */
#membres_markcom h2{color: #000}

#test_split_background{background-image: url('images/background_comment_selectionner_agence.jpg'); background-repeat: no-repeat; background-position: left bottom; background-size: 50% 100%; background-color: #ebebeb; /*background-color:#252022 !important; background-size: 50% 100%;*/ min-height: 400px}

#test_split_background .test_split_background_left{color: #fff;  padding-top: 30px}
#test_split_background .test_split_background_left h2{font-size: 40px; line-height: 38px}
#test_split_background .test_split_background_left a{color: #fff; font-size: 25px; margin-bottom: 30px; text-decoration: none; box-shadow: none; position: relative}
/*#test_split_background .test_split_background_left a:hover{color: #dddddd}*/
#test_split_background .test_split_background_left a::before{ background: #fff 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}
#test_split_background .test_split_background_left a:hover::before{right: 0}

#test_split_background .test_split_background_left .couleur_markcom{font-weight: 800}

#test_split_background .bonhomme{background: #ebebeb url('images/background_pourquoi_rej_markcom.png') no-repeat left bottom; min-height: 400px; height: 100%; padding-left: 220px; padding-top: 30px}
#test_split_background .bonhomme h2{font-size: 50px; line-height: 50px}
#test_split_background .bonhomme a{color: #a83a69; font-size: 25px; margin-bottom: 30px; text-decoration: none; box-shadow: none; position: relative}
/*#test_split_background .bonhomme a:hover{color: #5b283e}*/
#test_split_background .bonhomme.pourquoi_rejoindre_markcom a{margin-left: 8px}
#test_split_background .bonhomme a::before{ background: #a83a69 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}
#test_split_background .bonhomme a:hover::before{right: 0}

#test_split_background .bonhomme .couleur_markcom{font-weight: 800}

#rangee_a_voir_aussi .wpb_content_element{margin-bottom: 0}
#rangee_a_voir_aussi > .vc_column_container > .vc_column-inner{padding-top: 0}
/* .intro_page p{color: #ae3e6e; font-weight: 900; margin-top: 30px} */

.q_team_social_holder a{text-decoration: none; box-shadow: none}
/* FIN PAGE DECOUVRIR MARKCOM */

/* PAGE ORGANISER UNE COMPETITION */
.vc_tta-container h2{color: #a83a69; font-size: 20px; line-height: 35px; margin-bottom: 15px}
.vc_tta-container p{margin-bottom: 5px}

.vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {background-color: #fff; border-radius: 0; border: none}

.vc_tta-container .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {background-color: #fff;color: #666; border: none; border-radius: 0; box-shadow: none}
#main .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a:after{color: #666; content: ""; left: auto; position: absolute; right: 20px !important; top: 7px; width: 25px; z-index: 100}
.vc_tta-container .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {background-color: #fff; color: #666; border: none; border-radius: 0; box-shadow: none; position: relative; padding: 7px 0}

.vc_tta-panels .vc_tta.vc_general .vc_tta-panel-body {padding: 5px 20px 14px !important}

.fond_noir_halo{padding: 25px 0;}

.texte_blanc h2{font-size: 42px; font-weight: 300; line-height: 45px}

.fond_noir_halo .fond_blanc .vc_column-inner{padding-bottom: 35px}
/* FIN PAGE ORGANISER UNE COMPETITION */


/* PAGE BOITE A OUTILS */
#main .vc_tta-tabs-container .vc_tta-tabs-list{margin: 0}
.vc_tta-panels .lien_telechargement_pdf{margin-top: 7px}

#liste_liens_utiles p{margin-bottom: 5px;}

#content #liste_liens_utiles ul li{ margin-bottom: 5px}
#content #liste_liens_utiles ul li::before {background: none; content: ">"; top: 0}
#content #liste_liens_utiles ul li a{color: #000; text-decoration: none; box-shadow: none}
#content #liste_liens_utiles ul li a:hover{color: #a83a69}

#content #liste_autres_ressources ul li{ margin-bottom: 5px}
#content #liste_autres_ressources ul li::before {background: none; content: ">"; top: 0}
#content #liste_autres_ressources ul li a{color: #000; text-decoration: none; box-shadow: none}
#content #liste_autres_ressources ul li a:hover{text-decoration: none; box-shadow: none; color: #a83a69;}

#content #formations_luxembourg ul li{ margin-bottom: 5px}
#content #formations_luxembourg ul li::before {background: none; content: ">"; top: 0}
#content #formations_luxembourg ul li a{color: #000; text-decoration: none; box-shadow: none}
#content #formations_luxembourg ul li a:hover{text-decoration: none; box-shadow: none; color: #a83a69;}

#main .vc_tta-tab.vc_active a span{color: #a83a69}
#main .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a::after {color: #a83a69}
#main .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab a:hover {color: #a83a69; background: #fff}
/* FIN PAGE BOITE A OUTILS */


/* PAGE CONTACT */
#rangee_formulaire_contact form{padding-right: 15px}
#rangee_formulaire_contact form input[type=text]{height: 40px; border: none; background: #ebebeb; font-size: 13px; color: #000; font-weight: 300; width: 100%}
#rangee_formulaire_contact form input[type=email]{height: 40px; border: none; background: #ebebeb; font-size: 13px; color: #000; font-weight: 300; width: 100%}
#rangee_formulaire_contact form input[type=text].error{border: 2px solid #a83a69;}
#rangee_formulaire_contact form p{margin-bottom: 15px; font-size: 18px; font-family: "Museo300"; font-weight: 700}
#rangee_formulaire_contact form label{font-size: 16px; font-family: "Museo300"; font-weight: 700; display: block}
#rangee_formulaire_contact form label.champs_obligatoires{display: inline}
#rangee_formulaire_contact form span.wpcf7-not-valid-tip {color: #a83a69}
#rangee_formulaire_contact form .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {display: none !important}

#rangee_formulaire_contact form textarea{height: 200px; border: none; background: #ebebeb; font-size: 13px; color: #000; font-weight: 300; width: 100%}

#rangee_formulaire_contact form input[type=submit]{float: right; height: 40px; border: none; background: #a83a69; font-size: 13px; color: #fff; font-weight: 300;}
#rangee_formulaire_contact form input[type=submit]:hover{background: #5b283e;}

#contact_rejoindre_markcom {background: #ebebeb url('images/background_pourquoi_rej_markcom.png') no-repeat left bottom; min-height: 500px; height: 500px; height: 100%; padding-left: 180px; padding-top: 30px}
#contact_rejoindre_markcom h2{font-size: 40px; line-height: 43px}
#contact_rejoindre_markcom a{color: #a83a69; font-size: 25px; margin-bottom: 30px; text-decoration: none; box-shadow: none}
#contact_rejoindre_markcom a:hover{color: #5b283e}
#contact_rejoindre_markcom .couleur_markcom{font-weight: 800}

#rangee_formulaire_contact #infos_markcom{background: rgba(62,59,60,0.6) url('images/map2.jpg') no-repeat left top; color: #fff; padding: 35px 0 35px 15px}
#rangee_formulaire_contact #infos_markcom a{color: #fff; text-decoration: none; box-shadow: none; position: relative;}
#rangee_formulaire_contact #infos_markcom a::before{ background: #fff 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}
#rangee_formulaire_contact #infos_markcom a:hover::before{right: 0}
/* FIN PAGE CONTACT */

/* PAGE MENTIONS LEGALES */
#mentions_legales p{margin-bottom: 7px}
/* FIN PAGE MENTIONS LEGALES */


/* PAGE STATUTS */
#statuts {margin-bottom: 25px;}
#statuts h2{ color: #a83a69;  font-size: 20px; line-height: 25px; margin-top: 27px; margin-bottom: 5px;}
#statuts h3{ color: #000;  font-size: 16px;line-height: 20px;  margin-bottom: 5px; margin-top: 17px}
#statuts p{margin-bottom: 10px}
/* FIN PAGE STATUTS */

#avoiraussi{background: #a83a69; color: #fff; padding:0}
#avoiraussi p{color: #fff; text-align: center; font-size: 35px}
#avoiraussi .titre_avoiraussi p{margin-bottom: 2px}

#avoiraussicontent{background: url("images/background_avoiraussi.jpg") no-repeat center top; background-size: cover; padding: 30px 0}
#avoiraussicontent .col-sm-4 .vc_column-inner{background: #fff; color: #000; padding: 10px 40px 15px 20px; position: relative; min-height: 150px}
#avoiraussicontent .col-sm-4 .vc_column-inner h3{margin-bottom: 8px; margin-top: 10px; font-size: 22px; font-family: "Museo300"; font-weight: 300}
#avoiraussicontent .col-sm-4 .vc_column-inner .link_avoiraussi{position: absolute; right: -10px; top: 30px; background: #a83a69; color: #fff; width: 40px; height: 40px; line-height: 40px; font-size: 25px; text-align: center; vertical-align: middle; border: none; box-shadow: none; font-weight: 100}
#avoiraussicontent .col-sm-4 .vc_column-inner .link_avoiraussi:hover{color: #fff; text-decoration: none; box-shadow: none; background: #5b283e;}

footer.site-footer{background: url("images/background_footer.jpg") no-repeat center top; background-size: cover;; color: #fff; padding: 40px 0}
footer a{color: #fff}
footer #footer_left img{width: 150px; height: auto; margin-bottom: 20px}
footer #footer_left p{margin-bottom: 5px}
footer #footer_left .margintop10{margin-top: 10px}
footer #footer_left .margintop20{margin-top: 20px}
footer #footer_left a:hover{color:#a83a69}

footer #footer_middle ul li{list-style-type: none}
footer #footer_middle ul li a:hover{color:#a83a69; text-decoration: none}
footer #footer_middle ul li.menu-item{margin-bottom: 15px}
footer #footer_middle ul li.menu-item > a{font-size: 18px; font-weight: bold}
footer #footer_middle ul li.menu-item ul li{margin-bottom: 5px}
footer #footer_middle ul li.menu-item ul li a{font-size: 14px; font-weight: normal}
footer #footer_middle ul.sub-menu{margin-left: 0}

footer #footer_right p{margin-bottom: 5px; font-size: 16px}
footer #footer_right p.marginBottom20{margin-bottom: 20px}
footer #footer_right p.marginTop20{margin-top: 20px}
footer #footer_right a{color: #a83a69;font-size: 25px; margin-bottom: 30px}

footer a{position: relative}
footer a::before{ background: #a83a69 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}
footer a:hover::before{right: 0}

footer a:hover{color: #a83a69; text-decoration: none}

.footerbottom{margin-top: 30px}