.clear{
	clear:both;
}

*{
	outline: 0;
}

img{
    border:none;
}

.nowrap{
    white-space: nowrap;
}

.hidden{
    visibility: hidden;
}

a{
    color:inherit;
}

html{
	padding:0px;
	margin:0px;
	min-height:100%;
	height: 100%;
    text-rendering: auto;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
*/

body{
	padding:0px;
	margin:0px;
	min-height:100%;
	width:100%;
    height: 100%;
    max-width: 100%;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-family: 'Raleway', sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    color: #4B4F54;
     
    background-color: #fff;
    padding-top:120px;
}

.maincontent{
    overflow-x:hidden;
    width:100%;
}

h1{
    font-family: 'Oswald', sans-serif;
    font-size: 70px;
    font-weight:200;
    letter-spacing: 0px;
   /* text-shadow: 0 0 10px rgba(0,0,0,0.50);*/
    text-transform: uppercase;
}

h1.strong{
    font-weight: 600;
}

h2{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 1.313em;
}

h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 26px;
    letter-spacing: 1.8px;
    line-height: 34px;
    text-transform: uppercase;
}

h4{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 34px;
}

h5{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 3.5px;
    text-transform: uppercase;
}

p, dd, li{
    line-height: 1.667em;
}

h6{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 22px;
    text-transform: uppercase;
}

.intro{
    font-size: 20px;
    letter-spacing: 0;
    line-height: 32px;
}

.insidefull{
    padding-left:30px;
    padding-right: 30px;
    position: relative;
    margin: auto;
    width:100%;
    box-sizing: border-box;
}

.inside{
    padding-left:30px;
    padding-right: 30px;
    position: relative;
    margin: auto;
    width:100%;
    max-width:1200px;
    box-sizing: border-box;
}

#header{
    position: fixed;
    height:120px;
    width:100%;
    top:0px;
    left:0px;
    z-index: 499999;
    background-color: #fff;
}

#header .logo{
    position: absolute;
    bottom:5px;
    left:50%;
    transform: translateX(-50%);
    display: block;
    width:201px;
    height:100px;
    background-image: url(../img/logo_bank_efg.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -30000px;
    overflow: hidden;
}

#header #menu{
    position: absolute;
    bottom:25px;
    left:30px;
    display: block;
    width:98px;
    height:28px;
    background-image: url(../img/menu.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}

#header .toplannav{
    position: absolute;
    top:25px;
    left: 30px;
    font-size: 14px;
}

#header #mycge{
    position: absolute;
    bottom:5px;
    right:30px;
    display: block;
    width:100px;
    height:37px;
    margin:auto;
    background-image: url(../img/myCGE.svg);
    background-position:  center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#menuoverlay #mycge{
    display: inline-block;
    width:100px;
    height:37px;
    background-image: url(../img/myCGE_white.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
}

#menuoverlay{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: #000;
    /*transform: translateX(-100%);*/
    /*transition: opacity 0.5s ease;*/
    display: none;
    color:#fff;
    box-sizing: border-box;
    padding-top:60px;
    background-image: url(../img/imgtest/overlaybackpng.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: scroll;
    z-index: 500001;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

body.menuopened #menuoverlay{
   /* transform: translateX(0);*/
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

#menuoverlay #close, .overlayclose{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color:inherit;
    text-decoration: none;
    height:17px;
    line-height: 17px;
    padding-right: 30px;
    background-image: url(../img/close.svg);
    background-size: 21px 21px;
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    top:0px;
    right:30px;
    display: block;
}

.overlayclose{
    top:30px;
} 

#team-details-panel #closeteamdetails{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color:inherit;
    text-decoration: none;
    height:19px;
    line-height: 19px;
    padding-right: 30px;
    background-image: url(../img/close.svg);
    background-size: 21px 21px;
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    top:73px;
    right:30px;
    z-index: 3;
    display: inline-block;
}

#menuoverlay .inside{
    text-align: center;
}

#menuoverlay .logo{
    display: inline-block;
    width:263px;
    height:100px;
    background-image: url(../img/logo_bank_efg_white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -30000px;
    overflow: hidden;
    margin-bottom: 30px;
}

#menuoverlay .extranet{
    margin-top: 30px;
    margin-bottom: 30px;
}

ul.mainnav, ul.mainnav li{
    margin:0px;
    padding: 0px;
    list-style: none;
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
}

ul.mainnav li{
    margin-top: 30px;
    margin-bottom: 60px;
}

ul.mainnav li a{
    color: inherit;
    text-decoration: none;
}

ul.mainnav li a:hover, ul.mainnav li a.active{
   /* font-weight:bold;*/
   color:#AB2328;
}

.lannav, .toplannav{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
}

.toplannav{
    color: #9a9a9c;
}

.lannav a, .toplannav a{
    text-decoration: none;
    color: inherit;
   
}

.lannav a.active, .toplannav a.active{
    font-weight: 900;
}



div.annexenav{
    /*margin-top:47px;*/
}

ul.annexenav, ul.annexenav li{
    margin:0px;
    padding: 0px;
    list-style: none;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight:600;
}

ul.annexenav li{
    margin-top: 18px;
    margin-bottom: 18px;
    display: inline-block;
    letter-spacing: 1.5px;

}

ul.annexenav li:after{
    content:"|";
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

ul.annexenav li.noborder:after{
    display: none;
}

ul.annexenav li a{
    color: inherit;
    text-decoration: none;
}

.backdetails{
    position: absolute;
    top:5px;
    left: 30px;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    color:#968B83;
    line-height: 16px;
    padding-left: 19px;
    background-image: url(../img/back.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 14px;
}

#footer{
    
    
    padding-bottom: 55px;
    box-sizing: border-box;
    width:100%;
}

#footer .gray{
    background-color: #4B4F54;
    color:#fff;
    padding-top:55px;
    padding-bottom: 55px;
}

#copyright{
    margin-top: 40px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
}

ul.footernav{
    margin-top: 40px;
    display: block;
   
}

ul.footernav, ul.footernav li, ul.footernav li ul{
    margin:0px;
    padding: 0px;
    list-style: none;
}

ul.footernav{
    margin-top: 40px;
    position: relative;
    margin-left:-15px;
    margin-right:-15px;
}

ul.footernav > li{
    float: left;
    width: calc(((100% - (12 * 30px))/12)*2 + (1 * 30px));
    display: block;
	margin: 15px;
	box-sizing: border-box;
}

ul.footernav > li > a{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-transform: uppercase;
}

ul.footernav > li ul{
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

ul.footernav li a{
    color:inherit;
    text-decoration: none;
}

.introhero {
    position: relative;
    width:100%;
    box-sizing: border-box;
    padding-top: 30px;
    color:#fff;
    margin-bottom: 30px;
    background-position: right center;
}

.introhero h1{
    margin: 0px;
    font-size: 4.5vw;
}
.introhero:after {
    display: none;
}
.introhero .overlay{
   background: rgba(131,114,111,0.85);
   width:50%;
   height:100%;
   position: absolute;
   top:0px;
   left:0px;
   z-index: 1;
}

.introhero .inside{
    z-index: 2;
}

.introhero .left{
    float: left;
    width:50%;
    box-sizing: border-box;
    padding-right: 15px;
}
.introhero .left h1{
    text-align: right;
}

.popupoverlay{
    background-color: #000;
    opacity: 0;
    position: fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index: 30000000000;
    pointer-events: none;
    transition: opacity ease;
}

.popupshown .popupoverlay{
    pointer-events: all;
    opacity: .7;
}

.popup{
    position: fixed;
    top:40px;
    left:40px;
    bottom:40px;
    right:40px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    padding: 87px 100px 40px;
    z-index: 300000000000;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    color:#000;
    pointer-events: none;
    transition: opacity ease;
    opacity: 0;
}

.popupshown .popup{
    pointer-events: all;
    opacity: 1;
}

.popup h1{
    margin-top: 0px;
    font-size: 2em;
}

.popup .content{
    overflow-y: auto;
}

.popup .buttons{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 20px;
    width: 100%;
}

.popup .buttons .button{
    color:#AB2328;
    margin-top: 0px;
} 

.popup .buttons .acceptphrase{
    margin-right: 30px;
    font-size: .9em;
}

.disclaimer .introhero .left h1{
    text-align: left;
    margin-bottom: 30px;
}

.disclaimer .introhero .right, .disclaimer .introhero .left{
    position: relative;
    padding: 0px !important;
}

.disclaimerformcontainer{
    position: absolute;
    z-index: 400;
    top:0px;
    right:0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:50%;
    height: 100%;
}

.disclaimerform{
    background-color:#AB2328;
    color:#fff;
    padding: 40px;
    position: relative;
    width:calc(100% - 40px);
    max-width: 368px;
    z-index: 400;
    box-sizing: border-box;
}

.disclaimerform > div{
    position: relative;
}

.disclaimerform h2{
    text-align: center;
}

.disclaimerform h2.title{
    color:inherit;
}

.disclaimerform .submitnok{
    display: none;
}

.disclaimerform .edd-head{
    border-color: #fff;
}

.disclaimerform .edd-root, .disclaimerform .edd-arrow{
    color: #fff;
}

.disclaimerform .edd-body{
    color: #000;
}

.disclaimerform .edd-root::after {
    background: #fff;
}

.disclaimerform .edd-option-selected::before {
    border-color:  #AB2328;
}

.disclaimerform .edd-option-focused:not(.edd-option-disabled) {
    color: #AB2328;
}

.introhero .left.nopadding{
    padding-bottom: 50px;
}

.introhero h5{
    color: #AB2328;
    position: relative;
    display: block;
    text-align: center;
    width:100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

.introhero h5:before{
    content:"";
    width:calc(50% - 1px);
    height:79px;
    border-right:1px solid #fff;
    display: block;
    margin-bottom: 20px;
}

.introhero .right{
    float: left;
    width:50%;
    box-sizing: border-box;
    padding-left: 15px;
}

.introhero .right h1{
    text-align: left;
}

.introhero .titreright{
    margin-top: -2em;
    margin-bottom: 2em;
}

.introhero .introtext{
    box-sizing: border-box;
    padding-right: 80px;
    padding-bottom: 40px;
}

.introhero .introtext p{
    margin-top: 0px;
}

.introhero .introtext a.button.block.demi{
    max-width: 60%;
}

.titlescontainer{
    color:#fff;
    position: absolute;
    top:0px;
    left:0px;
    display: block;
    width:100%;
}

.titlescontainer h1{
    margin: 0px;
    font-size:4.5vw;
    
}

.titlescontainer h1.strong{
    color:#AB2328;
    text-align: right;
}

.titlescontainer .col-6{
    margin-bottom: 0px;
}

#homecarouselcontainer{
    display: block;
    width:100%;
    position: relative;
    overflow:hidden;
    background-color: #D8D2D0; 
}
#homecarouselcontainer:after{
    content:"";
    padding-top: 43.4782608696%;
    display: block;
}


.homeslidebig_homesliderbig, .homeslidesmall_homeslidersmall{
    /*height:100%;*/
}

.homeslidebig_homesliderbig {display: none;}
.homeslidebig_homesliderbig:first-child, .homeslidebig_homesliderbig.cycle-slide {display: block;}

.homeslidesmall_homeslidersmall {display: none;}
.homeslidesmall_homeslidersmall:first-child, .homeslidesmall_homeslidersmall.cycle-slide {display: block;}

#homecarouselcontainer2{
    display: block;
    width:100%;
    position: relative;
    overflow:hidden;
    background-color: #D8D2D0; 
}

.carouselhome{
    float:left;
    /*fposition: absolute;
    left:0px;
    top:0px;*/
    display: block;
    width:50%;
    z-index: 2;
   /* visibility:hidden;*/
    
}

.cycle-carousel-wrap{
    width:100%;
}




.carouselhomeright{
    z-index: 1;
    left:auto;
    right:0px;
}

.carouselhome .owl-dots{
    position: absolute;
    bottom:30px;
    right:0px;
    text-align: center;
    width:100%;
    transform: translateX(50%);
    z-index: 10;
}

.carouselhome button.owl-dot{
    display: inline-block;
    width:10px;
    height:10px;
    background-color: #fff;
    opacity:.5;
    border-radius: 5px;
    padding: 0px;
    margin: 5px;
}

.carouselhome button.owl-dot.active{
    opacity:1;
}

.hometitles{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:400000;
    color:#fff;
}

.hometitles h1{
    margin: 0px;
    font-size:5vw;
}

.hometitles .left{
    float: left;
    width:50%;
    box-sizing: border-box;
    padding-right: 15px;
}

.hometitles .right{
    float: left;
    width:50%;
    box-sizing: border-box;
    padding-left: 15px;
}

.hometitles .titreright{
    margin-top: -2em;
    margin-bottom: 2em;
}

.hometitles .left h1{
    text-align: right;
}

.homeintro{
    margin-top:15px;
    margin-bottom: 30px;
}

.homeintro h2{
    color:#AB2328;
    position: absolute;
    width:100%;
    top:50%;
    left:0px;
    transform: translateY(-50%);
    margin: 0px;
}
.homebox h6{
    color:#AB2328;
    margin-bottom: 20px;
    text-align: center;
    display: block;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}
.homebox h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    z-index: 4;
}

.homebox h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}

.homebox_simple{
    text-align: center;
}

.homebox_simple:nth-child(2) {
    margin-top:166px;
}

.homebox_simple h3{
    text-align: center;
    color:#AB2328;
}

.homebox_simple .button{
    color:#AB2328;
}

.page_videoback .button.withplay{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.homebox_videoback{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
    padding-bottom: 190px;
    padding-top: 135px;
    min-height: 300px;
}

.homebox_videobacksur h5{
    color:#fff;
}
.homebox_videobacksur h6{
    color:#AB2328;
}

.homebox_videobacksur .colcontainer{
    position: absolute;
    top:-20px;
    left: 15px;
    width:calc(100% - 30px);
    margin-left: 0px;
    margin-right: 0px;
}

.homebox_videoback .videooverlay{
    background-color:#83726F;
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    opacity: .8;
}

.button.withplay{
    padding-left:40px;
    padding-right: 40px;
}

.withplay:before{
    content:"";
    display: block;
    width:68px;
    height:68px;
    background-image: url(../img/play.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left:0px;
    top:50%;
    transform: translate(-50%, -50%);
}

.withplay:hover:before{
    opacity:0;
}

.homebox_videopictos{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    margin-top: 220px;
}

.homebox_videopictos h3{
    margin-top:0px;
    margin-bottom: 0px;
}

.homebox_videopictos h5{
    color:#fff;
    margin-bottom: -5px;
}

.homebox_videopictos h5:before{
    border-right: 1px solid #83726F;
    opacity:.85;
}

.homebox_videopictos h6{
    margin-top: -140px;
}

.homebox_videopictos .backred{
    background-color:#AB2328;
    padding:60px;
    margin-top: -100px;
    padding-top: 115px;
}

.homebox_videopictos .contenttext{
    width:42%;
    float:left;
}
 .homebox_videopictos .contentvideo{
     margin-top: -22%;
}

.homebox_videopictos .pictoconainer, .homebox_videopictos .pictoboxcontainer{
    margin-top: 17px;
    padding-bottom: 40px;
}


.homebox_chiffres{
    margin-top:80px;
    margin-bottom: 40px;
}

.chiffrescol{
    padding-top: 45px;
}

.chiffreitem{
    position: relative;
	float:left;
	display: block;
	margin: 15px;
	box-sizing: border-box;
    width: calc(((100% - (8 * 30px))/8)*4 + (3 * 30px));
    padding-right: calc(((100% - (10 * 30px))/10)*1 + (1 * 30px));
}

.chiffre_chiffre{
    font-size: 150px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    position: absolute;
    top:-70px;
    left:-60px;
    width:100%;
    opacity: .05;
    color:#83726F;
}

.chiffre_content{
    position: relative;
    min-height: 150px;
}

.chiffre_content h2{
    color:#AB2328;
    margin-top: 0px;
    letter-spacing: 0;
}

.pictoconainer{
    margin-top: 48px;
    padding-bottom: 45px;
    display: block;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
}

.pictoboxcontainer{
    margin-top: 48px;
    padding-bottom: 45px;
    display: block;
}

.picto{
    flex-basis:0;
    flex-grow: 1;
}

.picto_picto{
    display: block;
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 20px;
}

.picto_picto:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.picto h6, .pictobox h6{
    color: inherit;
    max-width: none;
    margin: auto;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
}



.onpagevideo{
    z-index: 2;
    margin-top: -60px;
}

.onpagevideo .videowrapper{
    margin-top:-90px;
}

.subbpage{
}

.page_2col, .page_1col{
    margin-bottom:30px;
}

.page_2col h2, .page_1col h2{
    margin-top: 0px;
    margin-bottom: 0px;
    color:#AB2328;
}

.page_2col .intro, .page_1col .intro{
    color:#83726F;
}

.page_2col h5, .page_1col h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0px;
}

.page_2col h5:before, .page_1col h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}


.page_2col_box h2{
    margin-bottom: 0px;
    color:#AB2328;
}

.page_2col_box .box{
    background-color:#AB2328;
    color:#fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.30);
    padding: 50px;
    box-sizing: border-box;
    margin-top: -30%;
    margin-bottom: 50px;
}

.page_2col_box .box h4{
    margin-top: 0px;
}

.page_2col_box h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.page_2col_box h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}

.page_2col_box .bottom{
    background-color: #D8D2D0;
    margin-top: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page_2col .intro{
    color:#83726F;
}

.page_boximagefullpictos .fullhero{
    color:#fff;
}

.page_boximagefullpictos .fullhero:after{
    content:none;
}

.page_boximagefullpictos{
    padding-bottom: 200px;
}

.page_boximagefullpictos h2{
    margin-top: 0px;
}

.page_boximagefullpictos .boxcontentcontainer{
    background: #AB2328;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.30);
    padding:50px;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
    color:#fff;
    margin-bottom: -150px;
    text-align: center;
} 

.page_boximagefullpictos .boxcontentcontainer h2{
    color:inherit;
}

.pictobox{
    text-align: center;
}

.page_boximage{
    margin-bottom: 40px;
}

.page_boximage h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: -115px;
    z-index: 4;
}

.page_boximage h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}

.page_boximage h2{
    color:#AB2328;
}

.page_boximage .boxcontentcontainer{
    background: #E1E1E1;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.30);
    padding:50px;
    padding-top: 0px;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
    padding-top:100px;
}

.page_boximage .col-5.imagepadder{
    padding-top:140px;
}
.page_boximage .col-7{
    padding-bottom:140px;
}

.page_boximage .boximagecontainer{
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.30);
    width:140%;
    height:100%;
}
.page_boximage .boximagecontainer .boximage{
    height:100%;
}

.page_boximage .fonce .boxcontentcontainer{
    background: #83726F;
    color:#fff;
}

.page_boximage .fonce .boxcontentcontainer h2, .page_boximage .fonce  h5{
    color:#fff;
}

.page_boximage  .clair .boxcontentcontainer .button{
    color: #AB2328;
}

.page_boximage .imgdroite .col-5{
    float: right;
}

.page_boximage .imgdroite .boximagecontainer{
    margin-left: -40%;
}

.page_textimage{
    margin-bottom: 35px;
}

.page_textimage .imagepadder{
    display: flex;
    justify-content: flex-end;
}

.page_textimage .boxcontentcontainer{
    padding-right: 100px;
}

.page_textimage .imggauche .boxcontentcontainer{
    padding-right: 0px;
    padding-left: 100px;
}

.page_textimage .col-5{
    display: flex;
    align-items: center;
}

.page_textimage .imagepadder .boximagecontainer{
    width: calc(((100% - (6 * 30px))/7) * 6 + (7 * 30px));
    
}

.page_textimage .imagepadder .boximagecontainer{
    position: relative;
}

.page_textimage .imagepadder .boximagecontainer:before{
    content: "";
    display: block;
    width:78px;
    height:1px;
    background-color: #AB2328;
    position: absolute;
    left:-78px;
    top:50%;
    transform: translateY(-50%);
}

.page_textimage .imagepadder .boximagecontainer:after{
    content: "";
    display: block;
    width:78px;
    height:1px;
    background-color: #FFF;
    position: absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
}

.page_textimage .imggauche .imagepadder .boximagecontainer:before{
    left:auto;
    right:-78px;
}

.page_textimage .imggauche .imagepadder .boximagecontainer:after{
    left:auto;
    right:0px;
}

.page_textimage .imgdroite .col-7{
    float: right;
}

.page_textimage .imggauche .imagepadder{
    justify-content: flex-start;
}

.page_imagefull{
    color:#fff;
}

.page_imagefull h2{
    margin-top: 0px;
}

.page_imagefull h5{
    color: #fff;
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -60px;
    z-index: 4;
}

.page_imagefull h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}

.page_imagefull .fullhero{
    padding-bottom:75px;
}

.page_imagefull .fullhero:after{
    content: none;
}

.page_boximagefull{
    padding-bottom: 335px;
}

.page_boximagefull h5{
    color: #fff;
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: -115px;
    z-index: 4;
}

.page_boximagefull h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #fff;
    display: block;
    margin-bottom: 20px;
}

.page_boximagefull .fullhero{
    padding-top:230px;
    margin-top: -150px;
}
.page_boximagefull .fullhero:after{
    display: none;
    
}

.page_boximagefull .boxcontentcontainer{
    background: #AB2328;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.30);
    padding:50px;
    padding-top: 100px;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
    color:#fff;
    margin-bottom: -300px;
} 

.page_boximagefull .boxcontentcontainer h2{
    color:inherit;
}

.page_screenshots h2{
    color: #AB2328;
}

.page_screenshots .screenshot{
   
    margin-top:115px;
    margin-bottom: 115px;
}

.page_screenshots .screenshot.screenshotfull{
   /* margin-top:215px;
    margin-bottom: 215px;*/
}

.page_screenshots .screenshot.white .image{
    float: right;
}
.page_screenshots .screenshot .contenu{
    min-height: 300px;
}

.page_screenshots .screenshot .image .screenshots_screenshotfixe{
    position: absolute;
    top:50%;
    left:0px;
    transform: translateY(-50%);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
}

.page_screenshots .screenshot:first-child{
    margin-top:115px;
}

.page_screenshots .screenshot .image img{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}

.page_screenshots .screenshot.white .image img{
    left:0px;
}

.page_screenshots .screenshot.gray .image img{
    right:0px;
}

.page_screenshots .screenshot.gray{
    background-color:#D8D2D0;
}


.page_valeurs{
    background-color: #D8D2D0;
    /*margin-top: 100px;*/
}

.page_valeurs h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    width:100%;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
}

.page_valeurs h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}

.page_valeurs .intro{
    text-align: center;
}

.page_valeurs .intro h2{
    margin-top: 0px;
}

.page_valeurs h2{
    margin-bottom: 0px;
    color:#AB2328;
}

.page_valeurs dt{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 26px;
    letter-spacing: 1.8px;
    line-height: 34px;
    text-transform: uppercase;
    color:#AB2328;
    margin-bottom: 30px;
}

.page_valeurs dd{
    margin-left:98px;
    margin-bottom: 60px;
}

.page_avantages .avantagebox{
    float:left;
    width:25%;
    background: #FAFAFA;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.20);
    box-sizing: border-box;
    padding: 25px;
    padding-top: 65px;
    padding-bottom: 50px;
}

.page_avantages .avantagebox h4{
    color:inherit;
    margin-top: 0px;
   
}

.page_avantages .avantagebox.type1 h4{
    color:#AB2328;
    
}

.page_avantages .avantagebox.type2{
    background-color: #D8D2D0;
}

.page_avantages .avantagebox.type3{
    background-color: #E1E1E1;
}

.page_avantages .avantagebox.type3 h4{
    color: #83726F;
}


.page_avantages .avantagebox.type4{
    background-color: #83726F;
    color:#fff;
}

.page_valeurs{
    padding-bottom: 30px;
}

.page_histoire{
    margin-bottom: 85px;
}



.page_histoire h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    width:100%;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -15px;
}

.page_histoire h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
   
}

.page_histoire .intro{
    text-align: center;
}

.page_histoire h2{
    margin-bottom: 0px;
    color:#AB2328;
}

.histoireslide{
    position: relative;
    width:100%;
    margin: auto;
}

/*.histoireslide:before{
    content: "";
    display: block;
    padding-top: 49.57264957%
}*/

.histoireslide .annee, .histoireslide .image1, .histoireslide .image2{
    position: relative;
}

.histoireslide .annee{
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 160px;
    opacity: .1;
    float:left;
    line-height: 1em;
    text-align: right;
    width:calc(50% - 15px);
}

.histoireslide .image1{
    width:calc(50% - 15px);
    float:right;
    position:relative;
    z-index: 3;
}

.histoireslide .image2{
    width:calc(50% - 15px);
    position: absolute;
    bottom:0px;
    right: calc(((100% - (10 * 30px))/10)*2 + (2 * 30px));
    z-index: 2;
}

.histoireslide .image2spacer{
    width:calc(50% - 15px);
    float:right;
    visibility:hidden;
    margin-top: 30px;
}

.histoireslide .description{
    width: calc(((100% - (10 * 30px))/10)*6 + (5 * 30px));
    position: relative;
    margin: auto;
    text-align: center;
}

.histoireslide .description:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
    margin-top: -45px;
    z-index: 6;
    position: relative;
   
}

.owl-prev span, .owl-next span{
    font-size:10px;
    font-weight: 700;
    text-transform: uppercase;
}

.owl-prev, .owl-next{
    position:absolute;
    top:50%;
}

.owl-prev{
   left:0px;
    transform: translate(-100%, -50%);
    width:100px;
}

.owl-next{
    right:0px;
    transform: translate(100%, -50%);
    width:100px;
}

.owl-prev span:before{
    display: block;
    content: "";
    width:100%;
    height:70px;
    margin: auto;
    background-image: url(../img/prev.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.owl-next span:before{
    display: block;
    content: "";
    width:100%;
    height:70px;
    margin: auto;
    background-image: url(../img/next.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.owl-prev.disabled, .owl-next.disabled{
    display: none;
}

.owl-dots{
    text-align: center;
    margin-top:30px;
    
}

.owl-dot{
    font-size: 16px !important;
    font-weight: 700 !important;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.owl-dot.active{
    color:#AB2328 !important;
}

.owl-carousel button:hover{
    box-shadow:none;

}



.page_team{
    background-color: #D8D2D0;
    padding-bottom: 50px;
}

.page_team h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    width:100%;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
}

.page_team h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}

.page_team .intro{
    text-align: center;
}

.page_team h2{
    margin-bottom: 0px;
    color:#AB2328;
}

.page_team .teamfilters{
    text-align: center;
}

.page_team .teamfilters .teamfilter{
    display: inline-block;
    text-decoration: none;
    color: #83726F;
    margin-left:30px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.page_team .teamfilters .teamfilter.active{
    color:#AB2328;
   
}

.page_team h4{
    color: #83726F;
    margin-bottom: 0px;
}


.page_gouvernance{
    background-color: #D8D2D0;
}

.page_gouvernance h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    width:100%;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
}

.page_gouvernance h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}

.page_gouvernance .intro{
    text-align: left;
    font-size: 16px;
    margin-top: -90px;
}

.page_gouvernance h2{
    margin-bottom: 0px;
    color:#AB2328;
}



/*.page_gouvernance .teamfilters{
    text-align: left;
}

.page_gouvernance .teamfilters .teamfilter{
    display: block;
    text-decoration: none;
    color:inherit;
}

.page_gouvernance .teamfilters .teamfilter h6{
    margin-top: 15px;
    margin-bottom: 30px;
}*/

.page_gouvernance h4{
    color: #83726F;
    margin-bottom:0px;
}

.goouvernanceswitch{
    cursor: pointer;
}

.goouvernanceswitch.active{
    color:#AB2328;
}

.page_gouvernance .teamfilters{
    text-align: center;
}

.page_gouvernance .teamfilters .teamfilter{
    display: inline-block;
    text-decoration: none;
    color: #83726F;
    margin-left:30px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.page_gouvernance .teamfilters .teamfilter.active{
    color:#AB2328;
   
}

.mentionbox{
    text-align: center;
    margin-top:10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.mentionlink{
    text-decoration: none;
}


.page_contact h1{
    color:#AB2328;
    text-align: center;
    text-shadow: none;
}

.formcontainer{
    width:100%;
    max-width: 750px;
    position: relative;
    margin: auto;
}

.bureaunum2{
    width:calc(100%/3 * 2);
}

.bureaunum2 .col-4{
    width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
}

.bureaunum1{
    width:calc(100%/3);
}

.bureaunum1 .col-4{
    width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
}

.bureauitem{
    display: block;
    float:left;
    position: relative;
    text-decoration: none;
    z-index:2;
}
.bureau_bureau{
    position: relative;
}

.bureauoverlay{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: .3;
}

.page_contact .mobile{
    text-align: center;
    font-size: 20px;
    display:none;
}

.page_contact .mobile  h2{
    color:#AB2328;
}

.mapbureau{
    position: absolute;
    width:100%;
    height:calc(100% - 40px);
    top:0px;
    left:0px;
    visibility: hidden;
}

.mapbureaumobile{
    width:100%;
    
}

.mapbureaumobile:after{
    content:"";
    padding-top: 100%;
    display: block;
}

.bureauitem .imagebureau{
    /*filter: grayscale(100%);*/
}

.bureauitem:hover .imagebureau, .bureauitem.active .imagebureau{
    /*filter: grayscale(0);*/
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.50);
}

.bureauitem.active .mapbureau{
    visibility: visible;
}

.bureauitem h4{
    width:100%;
    text-align: center;
    position: absolute;
    top:50%;
    left:0px;
    transform: translateY(-50%);
    margin: 0px;
    color:#fff;
}

.bureauitem.active{
    margin-top:50px;
   
    z-index:4;
    
    
}

.bureauitem.active:after{
    display: block;
    content:"";
    background-image: url(../img/redarrowdown.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    width:100%;
    height: 40px;
    background-size: 28.2843px auto;
}

.bureau-details{
    text-align: center;
    font-size: 20px;
    visibility: hidden;
    height: 60px;
}



#contactform{
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    color:#fff;
    padding-top: 85px;
    padding-bottom: 85px;
    margin-top: 20px;
    background-size: cover;
}

#contactform h2{
    text-align: center;
}

#contactform input[type=text], #contactform input[type=email], #contactform textarea{
    background: #FAFAFA;
    font-family: Raleway;
    font-size: 15px;
    color: #4B4F54;
    letter-spacing: 0;
    line-height: 25px;
    width:100%;
    border: none;
    border-radius:4px;
    padding:20px;
    box-sizing: border-box;
}

#contactform input.error, #contactform textarea.error{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#contactform label.error{
    display: block;
    background-color:#AB2328;
    color:#fff;
    box-sizing: border-box;
    padding-left:20px;
    padding-right: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#contactform .confirm{
    text-align: center;
}

#newsletterform .col-3{
    width: calc(((100% - (12 * 30px))/12)*3 + (2 * 30px) - 1px);
}

#newsletterform button{
    margin-top: 0px;
}

#newsletterform h5{
    margin-bottom:0px;
    margin-top: 20px;
    letter-spacing: normal;
    text-align: right;
}

#newsletterform input[type=text], #newsletterform input[type=email], #newsletterform textarea{
    background: transparent;
    font-family: Raleway;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 25px;
    width:100%;
    border: none;
    border-bottom: 1px solid #fff;
    height: 38px;

    box-sizing: border-box;
}

#newsletterform input.error, #newsletterform textarea.error{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#newsletterform label.error{
    display: block;
    background-color:#AB2328;
    color:#fff;
    box-sizing: border-box;
    padding-left:20px;
    padding-right: 20px;
}

#newsletterform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
#newsletterform  ::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
#newsletterform :-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
#newsletterform :-moz-placeholder { /* Firefox 18- */
    color: #fff;
}


.col.teamtofilter{
    display: inline-block;
    float: none;
}

.teamitem{
    display: block;
    color:inherit;
    text-decoration: none;
    text-align: center;
}

.teamresumeinfo{
    background: #83726F;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.15);
    color:#fff;
    padding:25px;
}

.teamitem h6{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    width:100%;
    display: block;
    /*color:#AB2328;*/
}


.teamitem h6.fonction{
    color:inherit;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 15px;
    text-transform: none;
}

.teamitem p{
    margin-top: 5px;
    margin-bottom: 0px;
}

.teamitem .profillink{
    /*color:#AB2328;*/
    font-weight: bold;
    border-bottom: 2px solid #fff;
    padding-bottom: 4px;
    margin-top: 16px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.teamitem:hover .profillink{
    color:#fff;
}
.teamitem .portrait{
    cursor: pointer;
}


.teamitem .opener{
    display: none;
    width:100vw;
    visibility:hidden;
    padding-top: 137.7px;
}

sup{
    font-size: 1.429em;
    vertical-align: top;
}




.teamitem .opener .teambio{
    text-align: left;
}

.teamitem .egal_height, .teamitem .egal_heightteam, .teamitem .egal_heightteam2, .teamitem .egal_heightteam3{
    overflow: hidden;
}

#team-details-panel{
    background: #000;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    color:#fff;
    background: #83726F;
    display: none;
    overflow-x:hidden;
}

#team-details-panel .teaminfos{
    text-align: center;
}

#team-details-panel .topshadow{
    /*background: #D8D2D0;
    box-shadow: 0 20px 30px 0 rgba(0,0,0,0.30);*/
    background-image:url(../img/team-badeau_new.png);
    background-position: center top;
    background-repeat: no-repeat;
    width:6000px;
    position: relative;
    left:0px;
    transform: translateX(-50%);
    height:115px;
    margin-bottom:25px;
}

#team-details-panel p{
    margin-top: 0px;
}

#team-details-panel h3{
    margin-top: 0px;
    margin-bottom: 5px;
}

#team-details-panel h4{
    margin-top: 0px;
    margin-bottom: 22px;
    color: #fff;
}

#team-details-panel  a.vcard{
    color:inherit;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 2px solid #fff;
    padding-bottom: 4px;
    margin-top: 16px;
    display: inline-block;
}

#team-details-panel  a.linkedin{
    background-image: url(../img/linkedin-in-brands.svg);
    display: inline-block;
    width:11px;
    height: 24px;
    background-size: 11px 24px;
    background-repeat: no-repeat;
    background-position: center right;
    margin-bottom: -6px;
    margin-left:9px;
    padding-left: 9px;
    border-left: 1px solid #fff;
}

#footer  a.linkedin{
    background-image: url(../img/linkedin-in-footer.svg);
    display: inline-block;
    width:18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    top:15px;
    right:0px;
}

#footer  a.spotify{
    background-image: url(../img/spotify-in-footer.svg);
    display: inline-block;
    width:18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    top:55px;
    right:0px;
}

#footer  a.youtube{
    background-image: url(../img/youtube-in-footer.svg);
    display: inline-block;
    width:18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    top:35px;
    right:0px;
}

.annexenav  a.linkedin{
    background-image: url(../img/linkedin-in-brands.svg);
    display: inline-block;
    width:18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    margin-bottom: -7px;
}
.annexenav  a.youtube{
    background-image: url(../img/youtube-in-brands.svg);
    display: inline-block;
    width:18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    margin-bottom: -7px;
}
.annexenav  a.spotify{
    background-image: url(../img/spotify-in-brands.svg);
    display: inline-block;
     width:18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    margin-bottom: -7px;
}


.verticalcenter{
    position: absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
}


::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder { /* Firefox 18- */
    opacity:.5;
}

button, .button{
    display: inline-block;
    color:inherit;
    background-color: transparent;
    border:1px solid;
    box-sizing: border-box;
    padding:20px;
    padding-top:10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Raleway;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    margin-top:15px;
    position: relative;
}

button.block, .button.block{
    width:100%;
    display: block;
}

button.block, a.button.block{
    width:100%;
}

button.block.demi, a.button.block.demi{
    width:100%;
    max-width: 50%;
}

.button:hover, button:hover{
    background-color: #fff;
    color:#AB2328;
    border-color:#fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20);

}

button[disabled]{
    opacity: .5;
    pointer-events: none;   
}

.subbpage ul, .subbpage li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.subbpage li {
    padding-left: 1.5em;
    position: relative;
    margin-top: 0em;
    margin-bottom: 0em;
}

.subbpage li::before {
    content: "— ";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.toreadmore{
    display: none;
}

.readmore{
    color:#AB2328;
    margin-bottom: 60px;
}

.fonditem{
    margin-bottom: 40px;
}

.fonditem h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: -115px;
    z-index: 4;
}

.fonditem h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}

.fonditem h2{
    color:#AB2328;
}

.fonditem .boxcontentcontainer{
    background: #E1E1E1;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.19);


    padding:50px;
    padding-top: 0px;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
    padding-top:100px;
}

.fonditem .col-5.imagepadder{
    padding-top:140px;
    
}

.fonditem .col-5{
    float: right;
}
.fonditem .col-7{
    padding-bottom:140px;
}

.fonditem .boximagecontainer{
    width:140%;
    height:100%;
    margin-left: -40%;
}
.fonditem .boximagecontainer .boximage{
    height:100%;
}

.fonditem .button{
    color:#AB2328;
    margin-left:40px;
    margin-top: 40px;
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  -moz-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -moz-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -moz-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }
  @-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -webkit-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }
  @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  -moz-transform: translateY(0);
	  -ms-transform: translateY(0);
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -moz-transform: translateY(-30px);
	  -ms-transform: translateY(-30px);
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -moz-transform: translateY(-15px);
	  -ms-transform: translateY(-15px);
	  -webkit-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }

  .bump {
	animation: bounce 3s infinite;
	transform-origin: center bottom;
  }

.flechbas{
	position:fixed;
	width:100%;
	height:20px;
	bottom:30px;
	left:0px;
	background-image: url(../img/fleche_bas.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto 100%;
	z-index: 3000;
	display: none;
	max-height: 64px;
}

.popinoverlay{
	background-color: rgba(0,0,0,.9);
	position: fixed;
	z-index: 500000000000;
	width:100%;
	height: 100%;
	top:0px;
	left:0px;
	display: none;
	color: #fff;
}

.overlaycontent{
	display: block;
	max-width: 960px;
	width:100%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

form #csrf_tokenizer{
    display: none;
}

.citation{
    font-size: 20px;
    color:#B12028;
    font-family: 'Raleway', sans-serif;
    font-style: italic;
}

.newsfilters{
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1.5px;
    color:#4B4F54;
    text-align: right;
    padding-top: 45px;
    padding-bottom: 45px;
}

.newsfilters .newsfilter{
    text-decoration: none;
    color: inherit;
    display: inline-block;
    margin-left: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.newsfilters .newsfilter.nomargin{
    margin-left: 0px;
}

.newsfilters .newsfilter.active{
    color:#AB2328;
}

.newsitem{
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
}

.newsresume{
    padding:26px;
    font-size: 13px;
    line-height: 22px;
    position: relative;
    padding-top:48px;
    background-color: #fff;
}

.newsresume.nodate{
    padding-top:24px;
}

.newsresume h5{
    font-size: 14px;
    font-weight: normal;
    color:#B12028;
    line-height:25px;
    position: absolute;
    top:-28px;
    margin: 0px;
}

.newsresume h5:before {
    content: "";
    width: 1px;
    height: 44px;
    border-right: 1px solid #AB2328;
    display: block;
    margin-bottom: 5px;
}

.newsresume h2{
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color:#83726F;
}

.newsresume .button {
    color: #AB2328;
}

.newsdetails{
    margin: auto;
    position: relative;
    max-width: 750px;
    padding-bottom: 40px;
    
}

.sharelinks{
    border-top: 1px solid rgba(151,151,151,0.50);
    margin-top: 25px;
    padding-top: 15px;
    color:#B12028;
    font-size: 15px;
    font-family: 'Oswald', sans-serif;
    text-align: right;
}

.sharelinks a{
    text-decoration: none;
    margin-left: 10px;
}

.sharelinks span{
    margin-right: 10px;
}

.newsdetails h1{
    color:#B12028;
    font-size: 50px;
    line-height: normal;
    font-weight: 300;
    text-align: center;
}

.newsdetails h5{
    color:#B12028;
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    text-align: center;
}

.newsdetails img{
    max-width: 100%;
    height: auto;
}

.othernews h2{
    text-align: center;
    color:#B12028;
    font-size: 20px;
    line-height: 25px;

}

.fondhomeitem h5{
    color: #83726F;
    position: relative;
    display: block;
    text-align: center;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -115px;
    z-index: 4;
}

.fondhomeitem h5:before{
    content:"";
    width:calc(50% - 1px);
    height:89px;
    border-right:1px solid #AB2328;
    display: block;
    margin-bottom: 20px;
}

.disclaimer_overlay{
  position:fixed;
  top:0px;
  right:0px;
  left:0px;
  bottom:0px;
  background-color: rgba(0,0,0,0.6);
  z-index: 3000000000;
  display: flex;
  padding:20px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  display:none;
}

.showptoverlay .disclaimer_overlay{
  display: flex;
}

.disclaimer_popup{
  background-color: #fff;
  padding:20px;
  box-sizing: border-box;
  width:100%;
  max-width: 600px;
}

.disclaimer_popup .button {
    color: #AB2328;
}




@media all and (max-width:1250px) {
    .introhero .introtext a.button.block.demi{
        max-width: none;
    }
    #footer a.linkedin, #footer a.spotify, #footer a.youtube {
        right:20px;
    }
}

@media all and (max-width:980px) {
    .homebox_videoback .buttoncol{
        width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
        display: block;
        float: none;
        margin: auto;

        margin-bottom: 15px;
    }
    a.button.block.demi{
        max-width: none;
    }
    .homebox_videopictos .contenttext{
        width: 100%;
    }
    .homebox_videopictos .contentvideo{
        margin-top: -114px;
    }

    .homebox_videopictos .button.block{
        max-width: 42%;
    }

    .homebox_videoback{
        padding-bottom: 55px;
    }
}

@media all and (max-width:850px) {
    .stamp{
        width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
        display: none;
    }
    .stampleft{
        display: block;
    }
    .col-4.newstofilter{
        width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
    }
    

    .page_histoire .col-8{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }
    .page_histoire .annee{
        width:100%;
        text-align: center;
        margin-bottom:30px;
    }

    .page_histoire h2{
        margin-top: 0px;
    }

    .histoireslide .image1{
        width:100%;
    }

    .histoireslide .image2, .histoireslide  .image2spacer{
        width:100%;
        display: none;
    }

    .owl-prev, .owl-next{
        font-size: 0px;
        width:70px;
    }

    .owl-prev span, .owl-next span{
        font-size: 0px;
    }

    .owl-carousel .owl-dot{
        margin-left: 15px;
        margin-right: 15px;
    }
}

.first .col{
    margin-top:3px;
    margin-bottom: 0px;
}


.page404{
    text-align:center;
    box-sizing: border-box;
    padding: 60px;
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
}

.page404 h1{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 1.313em;
    color: #AB2328;
}

@media all and (max-width:800px) {

    .homebox_fonds{
        width: calc(100% - 40px);
    }

    .homebox_fonds .col-6{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    #footer .col.first{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    #footer  .col.first .col-4{
        width:auto;
    }

    #newsletterform h5{
        text-align: left;
    }

    .page_histoire .col-3{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    } 

    .page_2col .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_2col_box .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_2col_box .bottom{
        margin-top: 100px;
    }

    .page_2col_box .box{
        margin-top: -100px;
    }

    .page_boximage .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_boximage .boximagecontainer{
        width:100%;
        margin-left: 0px !important;
        float: right !important;
        
    }

    .page_boximage .col-5.imagepadder{
        padding-top: 30px!important;
    }

    .page_boximage .col{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .page_boximage .col-7{
        padding-bottom: 0px;
    }

    .page_boximage .boxcontentcontainer{
        padding-top: 50px;
    }

  

    .fonditem .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .fonditem .boximagecontainer{
        width:100%;
        margin-left: 0px !important;
        float: right !important;
        
    }

    .fonditem .col-5.imagepadder{
        padding-top: 30px!important;
    }

    .fonditem .col{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .fonditem .col-7{
        padding-bottom: 0px;
    }

    .fonditem .boxcontentcontainer{
        padding-top: 50px;
    }



    .page_imagefull .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_boximagefull .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_boximagefullpictos .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_valeurs .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_valeurs .col-5{
        margin-bottom:0px;
        margin-top: 0px;
    }

    .page_valeurs .verticalcenter{
        position: relative;
        top:auto;
        left:auto;
        transform: none;
    }

    .page_valeurs dd{
        margin-bottom: 30px;
    }

    .page_valeurs dl{
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .spacingcol{
        display: none;
    }

    .screenshot .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_screenshots .screenshot{
        margin-top: 30px !important;
        margin-bottom: 30px!important;
    }

    .page_screenshots .screenshot .contenu{
        min-height: 0px;
    }

    .page_screenshots .screenshot .image img, .page_screenshots .screenshot .image .screenshots_screenshotfixe{
        position: relative;
        width: 100%;
        height:auto;
        transform: none;
        left:auto;
        top:auto;
    }

    .homeintro .col, .homebox_simple{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .homeintro h2{
        position: relative;
        top:auto;
        left:auto;
        transform: none;
    }

    .homebox_simple:nth-child(2){
        margin-top: 15px;
    }

    .homebox_videopictos .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .homebox_videopictos .contenttext{
        width:auto;
    }

    .homebox_videopictos .contentvideo{
        margin-top: 0px;
    }

    .homebox_chiffres .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .homebox_videoback .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .homebox_videobacksur .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .homebox_videoback .buttoncol{
        
        padding-left: 20px;
        padding-right: 20px;

    }

    .chiffrescol{
        padding-top: 0px;
        padding-left: 55px;
    }


    ul.footernav > li{
        width: calc(((100% - (12 * 30px))/12)*3 + (2 * 30px));
    }
    .page_avantages .avantagebox{
        width: 50%;
    }

    .page_team .teamfilters .teamfilter, .page_gouvernance .teamfilters .teamfilter{
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 0px;
    }

    .col-1.pictobox{
        display: none;
    }
    .col-2.pictobox{
        width: calc(((100% - (12 * 30px))/12)*4 + (3 * 30px));
    }

    .homebox_videopictos .button.block{
       
    }

    .page_team .col-3, .page_gouvernance .col-3 {
        width: calc(((100% - (12 * 30px))/12)*4 + (3 * 30px));
    }

    .page_team .teamfilters .teamfilter, .page_gouvernance .teamfilters .teamfilter{
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    
}

@media all and (max-width:700px) {

    
    ul.footernav > li{
        width: calc(((100% - (12 * 30px))/12)*4 + (3 * 30px));
    }

    #contactform .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_contact .desktop{
        display: none;
    }
    .page_contact h1{
        font-size: 50px;
    }
    

    .page_contact .mobile{
        display: block;
    }

    .homeslider_homeslider:after{
        padding-top:172%;
    }

    .homeslider_homeslider{
        background-position: left center;
    }

    .carouselhomeright .homeslider_homeslider{
        background-position: right center;
    }

    .hometitles .left, .hometitles .right{
        width:100%;
    }

    .hometitles h1{
        text-align: center !important;
        font-size: 8vw;
    }
    .hometitles .titreright{
        margin: auto;
    }

    .hometitles .right{
        padding-left: 20vw;
    }
    .hometitles .left{
        padding-right: 20vw;
    }

    .introhero .left, .introhero .right{
        width:100%;
    }

    .introhero h5{
        padding-bottom:15px;
    }

    .introhero h1{
        text-align: center !important;
        font-size: 8vw;
    }
    .introhero .titreright{
        margin: auto;
    }

    .introhero .right{
        padding-left: 20vw;
    }
    .introhero .left{
        padding-right: 20vw;
    }

    .introhero .left.nopadding{
        padding-right: 20px;
        padding-bottom: 50px;
    }

    .introhero .introtext{
        padding-right: 0px;
        text-align: center;
        padding-top: 30px;
    }

    .introhero .overlay{
        width:100%;
    }

    .inside.onpagevideo{
        padding: 0px;
    }

    .onpagevideo .col {
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .onpagevideo .videowrapper{
        margin-top: -45px;
    }

    .pictoconainer{
        display: block;
        text-align: center;
    }

    .picto{
        display: inline-block;
        margin: 15px;
        min-width: 70px;
       
    }

    .disclaimerformcontainer{
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin: auto;
        margin-bottom: 50px;
        width: 100%;
    }

    .disclaimer .introhero .right {
        padding-left: 0px;
    }

    

    .page_team .col-3, .page_gouvernance .col-3{
        width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
    }


}

@media all and (max-width:610px) {
    .chiffreitem{
        width: calc(100% - 30px);
    }

    .owl-next{
        transform:translate(80%, -50%)
    }
    .owl-prev{
        transform:translate(-80%, -50%)
    }

    #footer .col.first .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .first .col{
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media all and (max-width:560px) {

    .col-4.newstofilter{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }
    .stampleft{
        display: none;
    }

    ul.annexenav li{
        font-size: 10px;
    }
    

    

    #header .toplannav{
        left: 20px;
        top:17px;
    }

    ul.footernav > li{
        width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
    }

    body{
        padding-top: 100px;
    }

    #header{
        height:100px;
    }

    #header #menu{
        left:20px;
        width: 34px;
        background-image: url(../img/menu_mobile.svg);
    }
    #header #mycge{
        right:20px;
        width: 44px;
        background-image: url(../img/myCGE_mobile.svg);
    }

    #header .logo{
        width: 140px;
    }

    #menuoverlay .logo{
        width: 140px;
    }

    button.block.demi, a.button.block.demi{
        max-width: none;
    }

    .page_gouvernance .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_gouvernance .intro{
        margin-top:0px;
    }

    .page_team .teamfilters .teamfilter, .page_gouvernance .teamfilters .teamfilter{
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .page_team .col{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .page_valeurs dd{
        margin-left:0px;
    }

    .homeintro{
        margin-bottom: 0px;
    }

    .homebox_videobacksur{
        height: 60px;
    }
    .homebox_videobacksur .colcontainer{
        top:40px;
    }

    .page_histoire .annee{
        font-size: 100px;
    }

    .histoireslide .description{
        width: calc(((100% - (12 * 30px))/12)*12 + (11 * 30px));
    }

    .titlescontainer h1{
        font-size: 6.5vw;
    }

    .homeslidebig_homesliderbig:after{
        padding-top: 65%;
    }
}

@media all and (max-width:510px) {
    .col-2.pictobox{
        width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
    }
}

@media all and (max-width:450px) {

    .newsfilters{
        text-align: center;
    }

    .newsfilters .newsfilter{
        display: block;
        margin: 0px;
    }
    
    .homebox_videoback .buttoncol{
        padding: 0px;
    }

    ul.footernav > li > ul{
        display: none;
    }
    ul.footernav > li{
        width: calc(((100% - (12 * 30px))/12)*6 + (5 * 30px));
    }

    .page_avantages .avantagebox{
        width: 100%;
    }

    #menuoverlay #close{
        top:20px;
        font-size: 0px;
    }

    .owl-next, .owl-prev{
        display: none;
    }

    .page_histoire .owl-dots{
        display: none;
    }
}

@media all and (max-width:450px) {
    .page_2col_box .box{
        padding:25px;
        padding-top: 0px; 
    }

    .page_boximage .boxcontentcontainer{
        padding:25px !important;
    }

    .page_boximagefull .boxcontentcontainer{
        padding:25px;
        padding-top: 75px;
    }

    .page_boximagefullpictos .boxcontentcontainer{
        padding:25px;
    }

    .withplay:before{
        content: none;
    }
}

@media all and (max-width:800px) {
    .inside{
        padding-left:20px;
        padding-right: 20px;
    }

    .insidefull{
        padding-left:20px;
        padding-right: 20px;
    }

}

@media all and (max-height:1075px) {
    #menuoverlay{
        padding-top: 30px;
    }
    ul.mainnav li{
        margin-top: 15px;
        margin-bottom: 30px;
    }
}

@media all and (max-height:830px) {
    ul.mainnav li{
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media all and (max-height:700px) {
    ul.mainnav li{
        font-size: 20px;
    }
}

@media screen and (min-width: 1725px) {
    .introhero h1 {
        font-size: 73px;
    }
}