/*
Theme Name: 	Plan Bey
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group & Vitalyn
Author URI: 	http://muffingroup.com
Description:	From Be Theme To Planbey
Template:		betheme
Version: 		1.6.1.2
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.tcenter{
    text-align:center;
}
.pointer{
    cursor:pointer;
}
.uc{
    text-transform:uppercase;
}
.clear{
    clear:both;
}
a.black{
    color:#000;
}
a.simple{
    color:#000;
    text-decoration:none;
}
a.simple:hover{
    color:#000;
    text-decoration:none;
}
#Overlay{
    background:rgba(255,255,255, 0.90) !important;
}
#overlay-menu ul li a{
    color:#c9a11b !important;
    text-transform:uppercase;
    font-size:30px !important;
    line-height:60px !important;
}

.show-mobile{
    display:none;
}
.hide-mobile{
    display:block;
}
@media screen and (max-width: 768px) {
    .show-mobile{
	display:block;
    }
    .hide-mobile{
	display:none;
    }   
}
.the_content_wrapper ul{
    list-style:none;
}
.the_content_wrapper ul li:before{
    content:"";
    border: 3px #000 solid !important;
    border-radius: 3px;
    margin-top: 16px;
    margin-left: -16px;
    position: absolute;
}
@media screen and (max-width: 768px) {
    .the_content_wrapper ul li:before{
	border: 2px #000 solid !important;
	border-radius: 2px;
	margin-top:12px;	
    }
}
@media screen and (max-width: 376px) {
    .the_content_wrapper ul li:before{
	margin-top:10px;
    }
}
button{
    font-size:26px;
    font-family: 'Crimson Text', serif;
    text-transform:uppercase;
    padding:22px 44px;
}
@media screen and (max-width: 768px) {
    button{
	padding:14px 22px;
	font-size:16px;
    }
}
.header-overlay .overlay-menu-toggle{
    width:40px;
    height:40px;
    padding:0;
    margin:0;
    right:60px;
    top:70px;
}
.icon-menu-fine::before{
    content:'';
    display:block;
    padding:0;
    line-height:inherit;
    margin:0;    
    width:40px;
    height:40px;
    background:url('/wp-content/themes/planbey/img/menu.svg');
}
.header-overlay.ab-hide #Top_bar{
    top:0px !important;
}
.header-overlay .overlay-menu-toggle{
    top:73px;
    font-size:35px;
}
.icon-cancel-fine::before {
    content:'';
    display:block;
    padding:0;
    line-height:inherit;
    margin:0;
    margin-left:3px;
    margin-top:3px;
    width:34px;
    height:34px;
    background:url('/wp-content/uploads/croix-menu.svg');
/*    margin-left:5px;*/

}

#overlay-menu ul li a::after{
    display:none;
}
#overlay-menu ul li a::before{
    display:none;
}
#overlay-menu ul li a:hover{
    border-bottom: 3px solid currentColor;
}

@media screen and (max-width: 768px) {
    .header-overlay .overlay-menu-toggle{
	top:20px;
	right:20px;
    }
}

.espace-menu{
    display:block;
    position: absolute;
    right: 135px;
    top: 72px;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    z-index: 100;
    font-family: "Johnston ";
    letter-spacing:1px;
    text-transform:uppercase;
}
.lien-espace:hover{
    text-decoration:none;
}

@media screen and (max-width: 768px) {
    .lien-espace{
	display:none;
    }
}


.tp-leftarrow{
    transform:inherit !important;
    left:48px !important;
}

@media screen and (max-width: 960px) {
    .tp-leftarrow{
	top:30% !important;
	left:10px !important;
    }
}

.tp-rightarrow{
    transform:inherit !important;
    left:inherit !important;
    right:48px;
}
#rev_slider_1_1 .uranus.tparrows::before {
    font-size:50px;
}
@media screen and (max-width: 960px) {
    .tp-rightarrow{
	right:10px !important;
	top:30% !important;
    }
}
.header-back{
   /* margin-top:-150px;*/
    height:800px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    margin-bottom:50px;
}
@media screen and (max-width: 960px) {
    .header-back{
	background-size:contain;
	height:250px;
    }
}
#Top_bar{
    position:relative;
/*    background:url('/wp-content/uploads/header.svg');
    background-repeat:no-repeat;
    background-position:center 34px;    */
/*    padding-bottom:40px;*/
}
.home #Top_bar{
    position:absolute;
}
.logo-center{
    display:block;
    position:absolute;
    background:url('/wp-content/uploads/header-small.svg');
    background-size:cover;
    bckground-repeat:no-repeat;
    background-position:center center;
    width:105px;
    height:105px;
    left:50%;
    margin-left:-50px;
    top:40px;
    cursor:pointer;
    z-index:2;
}

@media screen and (min-width: 767px) {
    .home .logo-center{
	background:url('/wp-content/uploads/header-small-white.svg');
    }
    .home #Top_bar #logo{
	filter: invert(100%);
    }
    .home .icon-menu-fine::before{
	filter: invert(100%);
    }
}


#Top_bar #logo img.logo-mobile{
    display:none;
}
#Top_bar .logo{
    margin:40px 20px 0px 44px;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{
    @media {
	#Top_bar .logo{
	    margin-top:48px;
	}
	.lien-espace{
	    top:75px;
	}
    }
}
#Content{
    margin-top:203px;
    padding-top:0;
}
.page-id-78 #Content{
    margin-top:0;
}
.home #Content{
    margin-top:0;
}
/* headings */
h1{
    text-transform:uppercase;
    letter-spacing:3px !important;
}
h2{
    text-transform:uppercase;
    letter-spacing:3px !important;
}
h5{
    margin-bottom:0;
    color:#c9a11b !important;
    text-transform:uppercase;
    letter-spacing:3px !important;
}

.wpb_gmaps_widget .wpb_wrapper{
    background:none;
}
.column_column ul, .column_column ol, .the_content_wrapper ul, .the_content_wrapper ol{
    color:#000 !important;
}

/* homepage */
.titre-slider{
    font-family:"Johnston bold", Arial, Tahoma, sans-serif;
    text-transform:uppercase;
    font-size:43px;
    font-weight:bold;
}
@media screen and (max-width: 1200px){
    .titre-slider{
	display:block;
	font-size:25px;
	width:80vw;
	overflow:hidden;
	text-overflow:ellipsis;
    }
}
.sous-titre-slider{
    display:block;
    font-family: 'Crimson Text', serif;
    font-size:34px;
    font-style:italic;
    overflow:hidden;
    text-overflow:ellipsis;
}
@media screen and (max-width: 1024px){
    .sous-titre-slider{
	font-size:25px;
    }
}

@media screen and (max-width: 768px){
    .sous-titre-slider{
	width:100%;
	max-width:93vw;
	display:block;
    }
}
.date-slider{
    display:block;
    font-family: 'Crimson Text', serif;
    font-size:26px;    
}
@media screen and (max-width: 768px){
    .date-slider{
	white-space: initial;
	width:93vw;	
	overflow:hidden;
	text-overflow:ellipsis;
    }
}

    
.lieu-slider{
    display:block;
    font-family: 'Crimson Text', serif;
    font-size:26px;
}
@media screen and (max-width: 768px){
    .lieu-slider{
	white-space: initial;
	width:93vw;
	overflow:hidden;
	text-overflow:ellipsis;
	
    }
}
@media screen and (max-width: 1024px){
    .date-slider, .lieu-slider{
	font-size:18px;
    }
}

.tp-leftarrow.tparrows.uranus::before{
    color:#c9a11b;
}
.tp-rightarrow.tparrows.uranus::before{
    color:#c9a11b;
}
.titre-home{
    font-family: "Johnston ";
   text-transform:uppercase;
   font-size:30px;
   display:block;
   height:90px;
   padding-top:10px;
   line-height:35px;
}
.titre-home .line-height-double{
    line-height:70px;
}
@media screen and (min-width: 768px) and (max-width: 960px){
    .titre-home{
	font-size:22px;
    }
}
@media screen and (max-width: 768px){
    .titre-home{
	font-size:28px;
    }
}
.bloc-titre-home{
    padding:150px 0;
}
@media screen and (max-width: 768px){
    .bloc-titre-home{
	padding:20px 0;
    }
    .bloc-titre-home > div{
	padding:20px 0;
    }
	
}

div.sep{
    height:40px;
    margin:0;
}
@media screen and (max-width: 768px) {
    div.sep{
	height:20px;
    }
}

/* fond croix rond etc */
.back-croix{
    background:url('/wp-content/uploads/croix.png');
    background-position:95% bottom;
    background-repeat:no-repeat;
    background-size:430px 430px;
    padding:10px 150px;
}

@media screen and (max-width: 960px) {
    .back-croix{
	padding:0;
	background-position:100% bottom;
	background-size:230px;
    }
}
.rond{
    width:29px;
    height:29px;
    border-radius:29px;
    background:#c9a11b;
    margin:0;
    margin-top:30px;
    margin-bottom:40px;
}
.back-rond{
    overflow:initial !important;
}
.back-rond:before{
    display:block;
    position:absolute;
    z-index:0;
    bottom:-150px;
    left:-200px;;
    width:456px;
    height:456px;
    /*    background:url('/wp-content/uploads/cercle.png');*/
    background:#c9a11b;
    border-radius:456px;
/*    background-position:0 bottom;
    background-repeat:no-repeat;*/
/*    background-size:150px 239px;*/
}
@media screen and (max-width: 960px) {
    .back-rond:before{
	width:230px;
	height:230px;
	bottom:0;
	left:-90px;
    }
}


.back-barre{
    background:url('/wp-content/uploads/barre.png');
    background-repeat:no-repeat;
/*    background-size:200px 200px;*/
    background-position:right -180px center;
}
@media screen and (max-width: 960px) {
    .back-barre{
	background-size:230px;
	background-position:160% center;
    }
}
.croix-close{
    position:absolute;
    display:block;
    width:28px;
    height:28px;
    background:url('/wp-content/uploads/croix.svg');
    background-repeat:no-repeat;
    background-size:cover;
    right:60px;
    top:60px;
}
@media screen and (max-width: 768px){
    .croix-close{
	right:20px;
	top:20px;
    }
}
.croix{
    position: relative;
    width: 28px;
    height: 28px;
    margin:0;
    margin-top:30px;
    margin-bottom:40px;    
}
.croix:before,
.croix:after {
    position: absolute;
    left: 8px;
    content: ' ';
    height: 28px;
    width: 8px;
    background-color: #c9a11b;
}
.croix:before {
    transform: rotate(45deg);
}
.croix:after {
    transform: rotate(-45deg);
}

.barre{
    width:24px;
    height:5px;
    background:#c9a11b;
    transform:rotate(-45deg)
}

.triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 28px 16px;
    border-color: transparent transparent #c9a11b transparent;
    margin:0;
    margin-top:30px;
    margin-bottom:40px;
    
}

.square{
    width:24px;
    height:24px;
    background:#c9a11b;
}

.lettrine{
    color:#c9a11b;
    font-size:330px;
    font-family:"Johnston bold", Arial, Tahoma, sans-serif;
    line-height:236px;
}
.lettrine-move-row{
    padding-top:105px !important;
}
@media screen and (max-width: 768px){
    .lettrine-move-row{
	padding-top:30px !important;
    }
}

/* compagnies et structures */
.vignette{
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    height:70vh;
    line-height:70vh;
    text-align:center;
    position:relative;
    display:flex;
    vertical-align:middle;
}
@media screen and (max-width: 768px){
    .vignette{
	height:100vh;
    }
}
/*.vignette:before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.3;
    transition: all 0.4s;
    z-index:2;
	
}*/
/*.vignette:hover:before{
    opacity:0;    
}*/

.vignette .flip{    
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    color:#C9A11B;
    text-align:center;
    z-index:2;
}
.vignette .flip .desc{    
    line-height:1.4em;
    font-size:1.4em;
    padding:0 280px;
}
@media screen and (max-width: 1400px){
   .vignette .flip .desc{
       padding:0 20px;
       font-size:1.2em;
   }
}
@media screen and (max-width: 768px){
    .vignette .flip .desc{
	padding:0 20px;
    }
}
.vignette.sel .flip{
    display:flex;
    align-items:center;
    justify-content:center;
}
.vignette .croix{
    position:absolute;
    top:20px;
    right:20px;
    cursor:pointer;
    z-index:5;
}
.vignette button{
    text-transform:uppercase;
}
.white{
    color:#fff;
}
.plus{
    font-weight:bold;
    font-size:60px;
    cursor:pointer;
    font-family:arial;
    color:#000;
    margin-top:20px;
}
.centrage-vertical{
    z-index:2;
    display:block;
    line-height:1.2;
    margin:auto;
}
.centrage-vertical span{
    display:block;
}
.titre-vignette{
    max-width:100vw;
    font-family:"Johnston ";
    font-size:68px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#000;
    font-weight:bold;
    line-height:94px;
    word-wrap:break-word;
    hyphens: auto;
    -webkit-hyphens: manual
}
.sous-titre-vignette{
    font-family: 'Crimson Text', serif;
    font-size:48px;
    color:#000;
    font-style:italic;
}

.titre-vignette.white, .sous-titre-vignette.white, .plus.white{
    color:#fff;
}
.vignettes-menu{
    margin:0 auto;
    text-transform:uppercase;
    text-align:center;
    font-family: "Johnston ";
    letter-spacing:1px;
    margin-bottom:18px;
}
.vignettes-menu a{
    display:inline-block;
    padding:20px;
    font-size:22px;
}
@media screen and (max-width: 768px) {
    .vignettes-menu a{
	padding:5px 20px;
    }    
}
a.sel{
    color:#000;
}
footer{
    border-top:solid 1px #c9a11b;
}
footer .widget_archive ul, .widget_nav_menu ul{
    background:#fff;
}
footer .widget_archive ul li a, .widget_nav_menu ul li a{
    padding:0;
    padding-top:90px;
    padding-bottom:90px;
    font-size:22px;
}
@media screen and (max-width: 768px) {
    footer .widget_archive ul li a, .widget_nav_menu ul li a{
	padding-top:30px;
	padding-bottom:30px;
    }

}
#menu-footer{
    padding:0;
    padding-left:45px;
    display:flex;
    justify-content:space-between;
}

#menu-footer li{
    list-style-type:none;
    text-transform:uppercase;
    font-family: "Johnston ";
}
#menu-footer li{

}
#menu-footer li a:hover{
    text-decoration:none;
}

#Footer ul.social{
    padding: 90px 0;
}
@media screen and (min-width: 1400px) {
    #Footer ul.social{
	padding-right:25px;
    }
}
#Footer ul.social a{
    color:#c9a11b;
}
#Footer ul.social li{
    float:right;
}
#Footer ul.social li i{
    font-size:1.8em;
}
@media screen and (max-width: 768px) {
    .column.one-sixth{
	width:100%;
    }
    #Footer ul.social{
	padding:0px;
    }
    #menu-footer{
	display:block;
    }
    #menu-footer li{
	text-align:center;
    }
    #Footer ul.social li{
	float:inherit;
	text-align:center;
	padding:10px;
    }
    
}
/* lequipe */

/*.page-id-78 h2{
    font-size:43px !important;
}*/
.page-id-78 h2{
    margin-bottom:12px;
}
.page-id-78 h3{
    font-size:34px !important;
    font-family: 'Crimson Text', serif;
    font-style:italic;
    margin-bottom:23px;
}
@media screen and (max-width: 768px) {
    .page-id-78 h3{
	line-height:34px;
    }
}
.page-id-78 .croix{
    height:24px;
    margin-top:20px;
}
.page-id-78 .rond{
    margin-top:20px;
    margin-bottom:30px;
}
.page-id-78 .barre{
    width:30px;
    height:8px;
    margin-top:30px;
    margin-bottom:40px;
}

.page-id-78 #Content{
    padding-bottom:110px;
}

/* lagence */
@media screen and (max-width: 768px) {
    #formation,
    #conseil,
    #presse{	
	padding:0 !important;
    }
}
.page-id-54 #Content p{
    margin: 0 0 30px;
}
.page-id-54 #Content{
    padding-bottom:140px;
}

/* mentions legales */
.page-id-23 #Content{
    padding-bottom:170px;
}


/* contact */
@media screen and (min-width: 768px) {
    .titre-contact{
	margin-bottom:80px;
    }    
}

.page-id-29 #Content{
    margin-top:215px;
}
.page-id-29 h5{
    line-height:40px;
}
.page-id-29 .vc_column_container > .vc_column-inner{
    padding:0;
}
.page-id-29 #Footer{
    border:0;
}
.nomargin-bottom .wpb_wrapper > div{
    margin-bottom:0 !important;
    padding:0 !important;
}

@media screen and (max-width: 768px) {
    .page-id-29 .wpb_single_image .vc_single_image-wrapper{
	margin-bottom:0px;
    }
    .page-id-29 h5{
	line-height:22px;
    }
    
}    
/* espace presse */
.single-espaces #Content{
    padding-bottom:0px;
    margin-top:216px;
}
.single-espaces #Footer .widgets_wrapper{
    padding:0;
}
.single-espaces #Footer{
    border:0;
}

.single-espaces h3{
    font-size:43px;
    line-height:46px;
    margin-top:50px;
}
.single-espaces .container-fluid{
    margin:0 68px;
}
.soustitre{
    display:block;
    font-family: 'Crimson Text', serif;
    font-size:34px;
    font-style:italic;
    margin-top:10px;
    margin-bottom:40px;
}
.files_list{
    width:100%;
    display:grid;
    grid-template-columns: 33% 33% 33%;    
    grid-column-gap: 15px;
    grid-row-gap: 20px;
    justify-items:center;
    align-content: space-around;
    justify-content: space-around;
}
@media screen and (max-width: 768px) {
    .files_list{
	grid-template-columns: 100%;
	grid-template-rows:inherit;
    }
}
.files_list a{
    display:block;
    width:100%;
    text-align:left;
}
.files_list img{
    vertical-align:bottom;
}
.masonry{
    width:100%;
    display:grid;
    grid-template-columns: 33% 33% 33%;    
    grid-template-rows:auto;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-items:center;
    align-content: space-around;
    justify-content: space-around;
}
@media screen and (max-width: 768px) {
    .masonry{
	grid-template-columns: 100%;
	grid-template-rows:inherit;
    }
}
.masonry a{
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    display:block;
    width:100%;
    height:100%;
    align-self:end;
    line-height:65vh;
    height:35vh;
}
/* compagnies et structure*/
.post-type-archive-compagnies #Footer, .post-type-archive-structures #Footer{
    border:0;
}
    

/* form access espace presse */
.page-id-203 #Content{
    margin-top:216px;
    padding-bottom:75px;
}
#form_access{
    margin:0 auto;
    text-align:center;
}
#form_access #pass{
    width:400px;
    padding:25px;
    margin:0 auto;
    border:1px solid #c9a11b;
    color:#c9a11b;
    font-size:26px;
    font-family: 'Crimson Text', serif;
    font-style:italic;
}
#form_access button{
	margin-top:25px;
}
@media screen and (max-width: 768px) {
    #form_access{
	margin-top:-20px;
    }
    #form_access #pass{
	font-size:14px;
	padding:16px 12px;	
    }
}

#form_access #pass:focus{
    background-color: rgba(255, 255, 255, 1) !important;
} 
#form_access #pass::placeholder{
    color:#c9a11b;
}

.insc-newsletter{
    max-width:640px;
    margin:0 auto;
}
.insc-newsletter label{
    font-weight:normal;
    
}
.insc-newsletter span.wpcf7-list-item{
    margin:0;
}
.insc-newsletter .wpcf7-submit{
    display:block;
    margin:0 auto;    
}

@media screen and (max-width: 767px) {
    #Content{
	margin-top:60px !important;
    }
}