/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
@font-face {
    font-family: 'Source Code Pro';
    src: url('./font/SourceCodePro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.hide-on-desktop {
    display: none;
}

/* TEMPORARY EN */
body.page-id-12825 .fusion-secondary-main-menu {
    display: none;
}
body.page-id-12825 .fusion-sticky-header-wrapper {
    height: 225px !important;
}
body.page-id-12825 .fusion-is-sticky .fusion-sticky-header-wrapper {
    display: none !important;
}
body.page-id-12825 .whiteText p {
    color:#FFF !important;
    font-size: 17px !important;
}
body.page-id-12825 .fusion-mobile-menu-icons {
    display: none !important;
}
.fourthColFooter .fusion-spacing-no.fusion-one-fourth {
        min-height:210px;
    }

/*HEADER*/
	.fusion-header{
		background-color:white !important;
		height:131px !important;
		width:100% !important;
		border-bottom: 37px solid #1b2546 !important;   
}
    
	.sb-toggle-wrapper {
        position: absolute;
        right: 0;
        border-top: 35px solid #363839;
        border-left: 35px solid transparent;
        display: none;
}
	.fusion-secondary-main-menu{
		background: url(/wp-content/uploads/2016/05/fond-menu.png) no-repeat;
		height: 300px;
		background-size: cover;

}
	.fusion-main-menu{
		padding-top: 155px;	
		text-align: center;
        
}
	.fusion-main-menu ul {
    	list-style: none;
    	margin: auto;
    	/* padding: 0; */
    	width:1190px;   	
}
    .fusion-main-menu li {
        float: none; 
        display: inline-block;
        margin-bottom: 10px;
}
	.fusion-main-menu > ul > li > a {
    	border: 3px solid #27376c !important;
    	height: 50px;
    	line-height: 40px;
    	width: 270px;
    	margin-bottom: 5px;
    	text-align: center;
        color:#26376f !important;
        font-weight: 400;
}

	.fusion-main-menu > ul > li > a:hover{
		background-color:#27376c;
        color:white !important;
}
    .fusion-main-menu .current-menu-item a {
        background-color:#27376c;
        color:white !important;
        cursor:default;
}
	.fusion-main-menu > ul > li {
        padding-right: 15px !important;
}
    .fusion-main-menu > ul > li:nth-child(7).current-menu-item > a,
    .fusion-main-menu > ul > li:nth-child(7) > a:hover{
    	color:white !important;
    	background-color:#1b2546 !important;
        border-color: #1b2546 !important;
}
    .fusion-main-menu > ul > li > a, .side-nav li a {
        font-family: Lato !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 0px;
}

	.fusion-secondary-header {
    	background-color: #FFF !important;
    	font-size: 12px;
    	color: #ffffff;
    	border-bottom-color: #ffffff;
}
	div#main.clearfix.width-100{
		padding-top: 0px !important;
}

.fusion-header-v5.fusion-logo-center .fusion-logo {
    right: 0;
    left: 0;
    position: absolute;
    z-index: 200;
}

/*STICKY MENU*/
    .fusion-header-wrapper.fusion-is-sticky{
        transform: translate3d(0,100%,0);
        transition: 1.2s ease; 
        top:-144px;
        position: fixed;
        width: 100%;
}  
    .fusion-header-wrapper.fusion-is-sticky .fusion-header {
        background-color: white !important;
        height: auto!important;
        width: 100% !important;
        border-bottom: 1px solid white !important;
}
    .fusion-is-sticky .fusion-logo{
        margin-top: 20px;
        margin-right: 0px;
        margin-bottom: 15px;
        margin-left: 0px;
        position: relative !important;
        right: auto !important; 
        left: auto !important;
}
    /*.fusion-is-sticky .fusion-logo img {
        width: 45% !important;
}*/	
    .fusion-is-sticky .fusion-logo img {
        width: 80% !important;
        padding-top:15px;
}
	.fusion-is-sticky .fusion-sticky-header-wrapper .fusion-secondary-main-menu {
        height:auto;
        background: none;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 15px
}
    .fusion-sticky-menu.fusion-main-menu {
        padding: 0px !important;
        text-align: center;
        width: 100%;
        margin:auto;
        background-color: white;
        height: 40px;
        /*border: 3px solid #27376c !important*/
}
    .fusion-is-sticky .fusion-main-menu > ul {
        left: 0;
        right: 0;
        width: 965px;
}

    .fusion-is-sticky .fusion-main-menu > ul > li > a {
        font-size: 10px !important;
        font-family: Lato !important;
        height: 30px;
        line-height: 30px;
        width:100%;
        padding-left: 5px !important;
        padding-right: 5px !important;
        border: 1px solid #27376c !important;
}
    .arrow{
        font-family: 'Source Code Pro' !important;
        font-weight: 300;
        font-size:20px;
        padding-right: 10px;
    }

    .fusion-mobile-menu-icons {
        z-index: 300;
    }

/*SUB NAV CERCLE*/
	.container-sub-nav{
		width: 180px; 
		height:180px; 
		background: white;
		margin:auto;

}

	.circle-sub-nav {
		border-radius:50% ;
  		width: 100%;
  		height:100%;
  		border:solid 3px #27376c;
        box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.3);
        position:relative;
}
	.txt-sub-nav {
    	text-align: center;
    	line-height: 21px;
    	color: #27376c;
    	/* vertical-align: middle; */
    	position: absolute;
    	top: 0;
   	 	bottom: 0;
    	left: 0;
    	right: 0;
    	margin: auto !important;
    	width: 158px;
    	height: 25px;
        font-weight: 700 !important;
        font-size: 16px;
        font-family: lato;
}
	.circle-sub-nav:hover{
		background-color: #27376c;
        color:white !important;
        transition: 0.2s ease;
}
	.circle-sub-nav:hover .txt-sub-nav{
		color:white;

}

    #contact-sub-nav:hover {
        background-color: #1b2546;
        border:solid 1px #27376c !important;
        color:white !important;
        transition: 0.2s ease;
    }


	/* #contact-sub-nav {
		border-radius:50% ;
  		width: 100%;
  		height:100%;
  		border:solid 1px #27376c;
  		background:#1b2546; 
}
	#contact-text-sub-nav{
    	color: white;
} */
    .txt-sub-nav.txt-sub-nav-double{
        height: 50px;
    }

	#main {
    padding-top: 55px;
    padding-bottom: 0px !important;
}

/*LISTE HOME*/
    .list-wealth{
        list-style: none;
        width:100%;
        text-align: center;
        margin-left: 0;
        padding-left: 0;
    }
    .list-wealth li {
        display: inline-block;
        padding-left: 50px;
        padding-right: 50px;
        font-size:  18px;
    }

/*FOOTER*/
    .footer-left li , .footer-right li{
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px;
        font-family: lato;
        font-weight: 400;
}
    .footer-left{
        float: left;
    }
	.footer-right{
		float:right;
}
    .footer-right a img{
        width:35px;
    }
	.footer-left:hover li a, .footer-right:hover li a{
		color: #dbe3ec !important;
}
    #toTop {      
        border-radius: 4px 4px 0 0;
        bottom: 0;
        color: #979BAA;
        display: none;
        height: 35px;
        position: fixed;
        right: 5px;
        text-align: center;
        text-transform: uppercase;
        width: 48px;
        opacity: 0.9;
        z-index: 10000;
        bottom: 80px;
        transition: all 0.2s ease-in-out 0s;
}

/*ACCORDEON*/
        .fusion-accordian {
            width: 100%;
            padding-top: 4%;
            padding-bottom: 4%;
}
        .fusion-accordian .fusion-panel {
            border-bottom:0; 
}
        .panel-group#accordion-11903-1{
            background-color: #677398;
}

        .panel-body.toggle-content{
            background: #E9EBEE;
            color:#1b2546;
            padding: 10px 65px 25px 65px;
            width:100%;
}
        .panel-body.toggle-content .toggle-content-sub{
            font-size: 37px ;
            font-weight: 400;
}
        .panel-body.toggle-content p {
            text-align: justify;
            font-size: 18px; 
            font-weight: 300;
            font-color: #1b2546;
            line-height: 24px;
}

        .fusion-panel.panel-default .collapse {
            background-color: white;          
} 
        .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a{
            display: block;
            padding: 10px 0;
            text-decoration: none;
            border-color: #27376c;
            border-style: solid;
            border-width: 3px 3px 0px 3px;
}
        
        .fusion-accordian .fusion-panel.fusion-toggle-no-divider:last-child {
            border-bottom: 3px solid;
}


        .fusion-panel.panel-default .fusion-toggle-heading {
            font-size: 22px;
            font-weight: 700;
            font-family: lato;
            margin-left: 45px;
            line-height: 75px;
}

        .fusion-panel.panel-default .active:hover {
            background-color: #27376c;
            color: white;
}
        .fusion-accordian .panel-title a .fa-fusion-box:hover {
            background-color: transparent !important;
}
        .fusion-panel.panel-default:hover,
        .fusion-panel.panel-default .active {
            background-color: #27376c;
            color: white !important;
}

        .fusion-panel.panel-default:hover .fusion-toggle-heading,
        .fusion-accordian .fusion-panel.panel-default:hover .panel-title a .fa-fusion-box{
            color: #FFFFFF;
        }

    /*BOUTON EN SAVOIR PLUS  */
        .sh-link.sh-hide, .sh-link.sh-show{
            text-align: right;
            padding-top: 15px;
}
        .sh-link.sh-hide a span, .sh-link.sh-show a span {
            text-align: center; 
            color:white;
            background-color: #1b2547;
            padding: 11px 35px;
}
    /*BOUTON PLUS */
         .fusion-accordian .panel-title a {
            color:#27376c !important;

         }
        .fusion-accordian .panel-title .fusion-toggle-icon-wrapper {
            float: right;
            margin-right: 4%;
            margin-top: 20px;
}
        .fusion-accordian .panel-title a .fa-fusion-box:before {
            font-family: 'IcoMoon';
            content: "\e61d";
            font-style: normal;
            font-size: 32px;
}
        .fusion-accordian .panel-title a .fa-fusion-box, .fusion-accordian .panel-title a .fa-fusion-box:hover  {
            background-color: transparent !important;
            color: #1b2547;
            height:0;
            width: 0;
}
        .fusion-accordian .panel-title .active .fa-fusion-box:before {
            content: "\e61c";
            color: white;
}

        .fusion-accordian .panel-title a .fa-fusion-box{
            font-size: 32px;
        }


        #accordion-11975-5 .panel-title a .fa-fusion-box {
            background-color: transparent !important;
            color: white ;
}
        #accordion-11975-5 .panel-title .active .fa-fusion-box:before {
            content: "\e61c";
            color: #1b2547;
}

        #accordion-11975-5 .fusion-panel.panel-default:hover {
            background-color: #FFFFFF;
            color: #1B2547 !important;
        }

        #accordion-11975-5 .fusion-panel.panel-default:hover .fusion-toggle-heading,
        #accordion-11975-5 .fusion-panel.panel-default:hover .panel-title a .fa-fusion-box{
            color: #1B2547 !important;
        }

    /*PAGE 3 : COMPREHENSION*/
        #accordion-11903-1 .fusion-toggle-heading {
            color:white;
}
        #accordion-11903-1 .fusion-panel.panel-default .fusion-toggle-heading {
            font-size: 22px;
            font-weight: 700;
            font-family: lato;
            margin-left: 110px;
}
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(1):hover {
            background-color: #C1C6D6;
        }
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(1),
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(1):hover .active,
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(1) .active {
            background-image: url("/wp-content/uploads/2016/05/comprendre.png");
            background-repeat: no-repeat;
            background-position: 45px 30px;
            background-color:#939bb5;
}
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(2):hover {
            background-color: #838EAD;
        }
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(2),  
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(2):hover .active,  
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(2) .active {
            background-color:#677398;
            background-image: url("/wp-content/uploads/2016/06/analyser.png");
            background-repeat: no-repeat;
            background-position: 45px 28px;
}

        #accordion-11903-1 .fusion-panel.panel-default:nth-child(3):hover {
            background-color: #405089;
        } 
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(3),  
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(3):hover .active,  
        #accordion-11903-1 .fusion-panel.panel-default:nth-child(3) .active{
            background-color:#27376c;
            background-image: url("/wp-content/uploads/2016/06/partager.png");
            background-repeat: no-repeat;
            background-position: 41px 28px;
}       
        #accordion-11903-1 .fusion-panel.panel-default .fusion-toggle-heading {
            font-size: 22px;
            font-weight: 700;
            font-family: lato;
            line-height: 75px;
}
        #accordion-11903-1 .panel-title a .fa-fusion-box, .fusion-accordian .panel-title a .fa-fusion-box:hover {
            display: none;
}   
    /*LIBERTE DE CHOIX */
        #hote-top-banques,
        #hote-bottom-banques {
            position: relative;
        }
        .logo-banque {
            position: absolute;
            z-index: 450;
            transform: scale(0.65);
            -webkit-transform: scale(0.65);
            transition: all 300ms;
            cursor: pointer;
        }
        .logo-banque:hover {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
        .btn-oddo {
            left: 5.1%;
            top: 2.7%;
        }
        .btn-lazard {
            left: 30.1%;
            top: 6.3%;
        }
        .btn-bnp {
            left: 55.1%;
            top: 6.8%;
        }
        .btn-banque-privee {
            left: 84.8%;
            top: 2.9%;
        }
        .btn-etablissement {
            left: 2.1%;
            top: 44.3%;
        }
        .btn-oradeavie {
            left: 82.1%;
            top: 47.3%;
        }
        .btn-allianz {
            left: 3%;
            top: 85.5%;
        }
        .btn-edmond-rothschild {
            left: 29.9%;
            top: 87%;
        }
        .btn-swisslife {
            left: 58.1%;
            top: 82.3%;
        }
        .btn-francaise {
            left: 81.9%;
            top: 82.3%;
        }
        .circle-banque {
            position: absolute;
            z-index: 451;
            right: 0;
            bottom: 0;
        }
        .default-off {
            display: none;
        }

    /*OPTIMISATION */
        #accordion-11975-5 .panel-body.toggle-content{
            background: #525f89;
            color:white;
        }
        #accordion-11975-5 h5{
            color:white;
        }
        #accordion-11975-5 .panel-title a {
    color: white !important;
        }
        #accordion-11975-5 .panel-title .active .fa-fusion-box:before {
            content: "\e61c";
        }
        #accordion-11975-5 .fusion-panel.fusion-toggle-no-divider .panel-title a {
            display: block;
            padding: 10px 0;
            text-decoration: none;
            border-color: white;
            border-style: solid;
            border-width: 3px 3px 0px 3px;
}

        #accordion-11975-5 .fusion-panel.panel-default .active {
            color: #27376c !important;
            background-color: white !important;
}

        #accordion-11975-5 .fusion-panel.fusion-toggle-no-divider:last-child {
            border-bottom: 3px solid white;
}
        #accordion-11975-5 .sh-link.sh-hide a span, #accordion-11975-5 .sh-link.sh-show a span {
            text-align: center;
            background-color: white;
            color: #1b2547;
            padding: 11px 35px;
}

        
 /*PAGE 4 : GESTION ET CONTROLE DE SECURITE */
         #accordion-12216-1 .panel-title a {
            display: block;
            padding: 10px 0;
            text-decoration: none;
            border-color: #27376c;
            border-style: solid;
            border-width: 3px 3px 0px 3px;

}
        #accordion-12216-1 .fusion-panel:last-child a {
            border-bottom: 3px solid #27376c;
}
        #accordion-12216-1 .fusion-panel.panel-default .fusion-toggle-heading {
            line-height: 72px;
}
        #accordion-12216-1 .fusion-panel.panel-default {
            color: #27376c !important;
            background-color: white !important;
}
        #accordion-12216-1 .fusion-panel.panel-default .active {
            background-color: #27376c !important;
            color: white !important;
}
        #accordion-12216-1 .fusion-panel.panel-default .ico-number,  #accordion-12216-1 .fusion-panel.panel-default .active .ico-number  {
            background-image: url("/wp-content/uploads/2016/06/sprite-centre.png");
            margin-right: 20px;
            height:70px;
            width:40px;
            display:inline-block;
}
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(1) .ico-number{
            background-position: 0 0;

}
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(2) .ico-number{
            background-position: 0 280px;
}          
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(3) .ico-number{
            background-position: 0 210px;
}
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(4) .ico-number{
            background-position: 0 140px;
}
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(5) .ico-number{
            background-position: 0 70px;
}
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(1):hover .ico-number,
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(1) .active .ico-number {
            background-position: 40px 0;
}
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(2):hover .ico-number,
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(2) .active .ico-number {
            background-position: 40px 280px;
}
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(3):hover .ico-number,
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(3) .active .ico-number {
            background-position: 40px 210px;
}    
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(4):hover .ico-number,
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(4) .active .ico-number {
            background-position: 40px 140px;
}
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(5):hover .ico-number,
        #accordion-12216-1 .fusion-panel.panel-default:nth-child(5) .active .ico-number {
            background-position: 40px 70px;
}

        #accordion-12216-1 .fusion-panel.panel-default:hover {
            background-color: #27376C !important;
            color: #FFFFFF !important;
        }
        #accordion-12216-1 .fusion-panel.panel-default:hover .fusion-toggle-heading,
        #accordion-12216-1 .fusion-panel.panel-default:hover .panel-title a .fa-fusion-box {
            color: #FFFFFF !important;
        }


 /*PAGE 5 : SERVICES FAMILY OFFICE */

 #hote-nid {
    transform: scale(1.3,1.3);
    margin-top: 58px !important;
    margin-bottom: 35px !important;
 }
.nid-abeilles {
    overflow:auto;
}
.nid-abeilles > .fusion-row {
    overflow: hidden;
}
.clip-svg {
  width: 0;
  height: 0;
}

.clip-caption {
  width: 100%;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}

.clip-each {
  display: block;
  position: relative;
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  -webkit-clip-path: url("#hexagon-clip");
  clip-path: url("#hexagon-clip");
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0 auto;
}
.clip-each{
  background: white;
}
span.clip-each:hover {
  background: white;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.clip-gradient{
  /*background: -webkit-linear-gradient(300deg, #aebcbf 0%, #6e7774 50%, #333 61%, #333 100%);  
  background: linear-gradient(150deg, #aebcbf 0%,#6e7774 50%,#333 61%,#333 100%);*/
  width: 150px;
  height: 150px;
  margin-top: 7px;
  color: #27376c;
  background: #27376c;
}

.clip-gradient:after {
  content: "";
  position: absolute;
  top: 4%;
  left: 4%;
  right: 4%;
  bottom: 4%;
  margin: 0 auto;
  /*background: url("http://karenmenezes.com/shapes-polygon/bg-cubes.png");*/
  color:white !important;
  background:white;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  -webkit-clip-path: url("#hexagon-clip");
  clip-path: url("#hexagon-clip");
  z-index: -1;
}

.clip-gradient:hover:after{
  background:#27376c;
  color:white;
}
span.clip-each:hover{
  background:#27376c;
}
.clip-gradient:hover .clip-caption{
color:white;
}
.clip-block-5 span.clip-each, .clip-block-5 span.clip-each:hover, .clip-block-5 .clip-gradient:after {
    background:#27376c !important;
}

.clip-block-5 .clip-caption{
    color:white;
}

.clip-block-1{
        position: relative;
        float:left;
        width: 150px;
    height: 150px;
    margin: auto;
    margin-left:125px;
    top: 68px;
    left: 41px;

}

   .clip-block-2{
        position: relative;
        float:left;
        width: 150px;
    height: 150px;
    top: 3px;
}
    .clip-block-3{
        position: relative;
        float:left;
        width: 150px;
        height: 150px;
        top: 68px;
        left: -41px;
}
        .clip-block-4{
        position: relative;
        float:left;
        width: 150px;
        height: 150px;
        margin-left:125px;
        top: 48px;
        left: 41px;
}
        .clip-block-5{
        position: relative;
        float:left;
        width: 150px;
        height: 150px;
        top: -17px;
}
    .clip-block-6{
        position: relative;
        float:left;
        width: 150px;
        height: 150px;
        top: 48px;
        left: -41px;
}
    .clip-block-7{
        position: relative;
        float:left;
        width: 150px;
        height: 150px;
        top: -37px;
        left: 275px;
}

.txt-nid-abeille {
    /* margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 313px;
    margin: auto; */
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto !important;
    height: 313px;
}
.nid-abeilles > .fusion-row {
    position:  relative;
}
.txt-nid-abeille .fusion-column-wrapper{
    padding:10%;
}


    #accordion-12264-1 .panel-title a,
    #accordion-12264-2 .panel-title a {
            display: block;
            padding: 10px 0;
            text-decoration: none;
            border-color: #27376c;
            border-style: solid;
            border-width: 3px 3px 0px 3px;
}
        #accordion-12264-1 .fusion-panel:last-child a,
        #accordion-12264-2 .fusion-panel:last-child a {
            border-bottom: 3px solid #27376c;
} 
  
 /*PAGE 6 : FAQ / CONTACT */
    .fusion-button.button-1 {
        background-color: #1b2546 !important;
        color:white !important;
        width:610px !important;
        height:50px !important;
        vertical-align: middle !important;
}

    .pic-pp{
        padding-bottom: 40px;
        text-align: center;
}

    #accordion-12293-1 .panel-title a {
            display: block;
            padding: 10px 0;
            text-decoration: none;
            border-color: #27376c;
            border-style: solid;
            border-width: 3px 3px 0px 3px;
}
    #accordion-12293-1 .fusion-panel:last-child a {
            border-bottom: 3px solid #27376c;
} 

.fusion-button.bouton-email {
    border: 2px solid #1B2546 !important;
    margin-top: 50px;
    margin-bottom: 30px;
}
.fusion-button.bouton-email:hover  {
    background-color: #FFFFFF !important;
    color: #1B2546 !important;
    border: 2px solid #1B2546 !important;
}
.fusion-button.bouton-email:hover .fusion-button-text,
.fusion-button.bouton-email:hover i {
    color: #1B2546 !important;
}

#share-site {
    float: right;
    width:  215px;
}
#share-site:before {
    content: "Partager ce site : ";
    margin-right: 10px;
    font-family: 'lato';
    font-size: 19px;
    float: left;
}

.exemple_num {
    position: absolute;
    display: block;
    width: 61px;
    height: 61px;
    background-image: url('/wp-content/uploads/2016/07/shema_1.png');
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}
#exemple_num_1 {
    left: 78%;
    top: -4%;
    background-position: 0 0;
}
#exemple_num_1.active,
#exemple_num_1:hover {
    background-position: -70px 0;
}
#exemple_num_2 {
    left: 87%;
    top: 5%;
    background-position: 0 -70px;
}
#exemple_num_2.active,
#exemple_num_2:hover {
    background-position: -70px -69px;
}
#exemple_num_3 {
    left: 94%;
    top: 16%;
    background-position: 0 -139px;
}
#exemple_num_3.active,
#exemple_num_3:hover {
    background-position: -70px -138px;
}
#exemple_num_4 {
    left: 98%;
    top: 28%;
    background-position: 0 -210px;
}
#exemple_num_4.active,
#exemple_num_4:hover {
    background-position: -70px -210px;
}
#exemple_num_5 {
    left: 99%;
    top: 41%;
    background-position: 0 -280px;
}
#exemple_num_5.active,
#exemple_num_5:hover {
    background-position: -70px -280px;
}
#exemple_num_6 {
    left: 98%;
    top: 54%;
    background-position: 0 -350px;
}
#exemple_num_6.active,
#exemple_num_6:hover {
    background-position: -70px -350px;
}
#exemple_num_7 {
    left: 94%;
    top: 67%;
    background-position: 0 -420px;
}
#exemple_num_7.active,
#exemple_num_7:hover {
    background-position: -70px -420px;
}
#exemple_num_8 {
    left: 89%;
    top: 79%;
    background-position: 0 -490px;
}
#exemple_num_8.active,
#exemple_num_8:hover {
    background-position: -70px -490px;
}
#exemple_num_9 {
    left: 81%;
    top: 89%;
    background-position: 0 -560px;
}
#exemple_num_9.active,
#exemple_num_9:hover {
    background-position: -70px -560px;
}
#exemple_num_10 {
    left: 71%;
    top: 97%;
    background-position: 0 -630px;
}
#exemple_num_10.active,
#exemple_num_10:hover {
    background-position: -70px -630px;
}

.exemple_texte {
    display: none;
    font-family: 'Lato' !important;
    font-size: 24px;
    line-height: 37px;
    font-weight: 300;
    text-align: center;
    padding-left: 30px;
    padding-right: 20px;
    margin: auto;
}
.exemple_texte_1 {
    display: block;
}
#exemple-hote-num {
    margin-top: 0px;
    margin-bottom: 50px;
}
#exemple-hote-textes {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 130px;
    padding-left: 30px;
    padding-right: 20px;
}

span.guillemet-end {
    position: absolute;
    font-size: 74px;
    margin-left: 20px;
    margin-top: 30px;
}
span.guillemet-start {
    position: absolute;
    font-size: 74px;
    margin-left: -32px;
    margin-top: 9px;
}

/* ESPACE PERSONNEL */
input[type=text] {
    color: #1b2546 !important;
}
input[type=password] {
    height: 38px;
    border-color: #d2d2d2;
    color: #1b2546;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    font-size: 13px;
    padding: 8px 15px;
    margin-right: 1%;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
input[type=submit] {
    height: 38px;
    border-color: #d2d2d2;
    color: #1b2546;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    font-size: 13px;
    padding: 8px 15px;
    margin-right: 1%;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

img.nid-mac {
    max-width: 65%;
    margin-left: 25%;
    max-height: 330px;
}

/*RESPONSIVE*/

@media screen and (max-width: 1220px) {
    .fourthColFooter .fusion-spacing-no.fusion-one-fourth {
        width: 50%;
    }
}

@media screen and (min-width:1101px) and (max-width: 1235px) {
    .fusion-main-menu ul{
        width:1055px !important;
    }
    .fusion-main-menu > ul > li > a{
        width:240px;
        font-size: 12px !important;
    }
}
@media screen and (max-width: 1100px){
    .fusion-header {
        background-color: white !important;
        height: auto!important;
        width: 100% !important;
        border-bottom: 1px solid white !important; 
    }
    .fusion-secondary-main-menu {
        height:0;
        background:none;
    }
    .fusion-logo img {
        width: 60% !important;
        /* float: left !important; */
    }
    .footer-right{
        float:left;
    }
    .logo-banque {
        position: absolute;
        z-index: 450;
        transform: scale(0.55);
        -webkit-transform: scale(0.55);
        transition: all 300ms;
        cursor: pointer;

    }
    .logo-banque:hover {
        transform: scale(0.65);
        -webkit-transform: scale(0.65);
    }
    .btn-oddo {
        left: 4.1%;
        top: 1.7%;
    }
    .btn-lazard {
        left: 29.1%;
        top: 5.3%;
    }
    .btn-bnp {
        left: 54.1%;
        top: 5.8%;
    }
    .btn-banque-privee {
        left: 83.8%;
        top: 1.9%;
    }
    .btn-etablissement {
        left: 1.1%;
        top: 43.3%;
    }
    .btn-oradeavie {
        left: 81.1%;
        top: 46.3%;
    }
    .btn-allianz {
        left: 2%;
        top: 84.5%;
    }
    .btn-edmond-rothschild {
        left: 28.9%;
        top: 86%;
    }
    .btn-swisslife {
        left: 57.1%;
        top: 81.3%;
    }
    .btn-francaise {
        left: 80.9%;
        top: 81.3%;
    }
    body.page-id-12825 .fusion-sticky-header-wrapper {
        height: 135px !important;
    }
}
@media screen and (max-width: 1055px) {
    body.page-id-12264 #hote-nid {
        width: 69.4% !important;
        margin-left: -110px;
        margin-bottom:  55px !important;
        margin-top:  55px !important;
    }

}

@media screen and (max-width: 1000px) {
    .footer-right, .footer-left{
        float:left;
        width:100%;
        text-align:center;
    }

    .fusion-hide-on-mobile {
        display:  none;
    }

    .hide-on-desktop {
        display: block;
    }

    
}
@media only screen and (max-width: 800px) {
    #toTop:hover {
        background:#27376c !important;    
    } 
    .sh-link.post-link.sh-hide, .sh-link.post-link.sh-show{
        text-align: center;
    }
    .fusion-panel.panel-default .fusion-toggle-heading {
        line-height: 50px;
    }
    .fusion-accordian .panel-title .fusion-toggle-icon-wrapper {
        margin-right: 8%;
        margin-top: 7px;
    }
        .fusion-button.button-1, .pic-pp {
    width:100% !important;}

  /*.fusion-table.table-1 table {
        overflow-x: auto;
        display: block;
        font-size:11px;
        line-height: auto;
    } */
}
@media screen and (max-width: 650px){
    .tableau-responsive{
       display: none;

    }
}       
        
@media screen and (max-width: 610px){
    .fusion-mobile-menu-design-modern.fusion-header-v5.fusion-logo-center .fusion-logo {
        float: left;
        width: 85%;
    }
    #toTop{
        display:none !important;
    }
    .footer-left, .footer-right{
        padding-left:0px;
    }
}
@media screen and (max-width: 480px){
    body.page-id-12825 .fusion-sticky-header-wrapper {
        height: 95px !important;
    }
}