@font-face {font-family: 'Pier sans';src: url('../../fonts/pier-regular.otf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Pier sans Bold';src: url('../../fonts/pier-bold.otf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Open';src: url('../../fonts/OpenSans-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Open Bold';src: url('../../fonts/OpenSans-Bold.ttf') format('truetype');font-weight: normal;font-style: normal;}

#center {background: url('bkg-bcbu.jpg') no-repeat 50% 0; max-width: 100%;}
#center_part_2_full, #contenu {background-color: transparent;}
#center_part_2_full{max-width: 100%;}
.bcbu-head {text-align:center;color:#fff;font-family:'Pier sans','Open sans', arial;font-size:16px;margin-bottom:40px;}
.bcbu-head div {padding: 5px 35px; border-bottom: 2px solid #fff; display: inline-block;line-height:45px;margin:20px 0;}
.bcbu-head big{ font-family:'Pier sans','Open sans', arial;font-size:31px;font-weight:400; display:block;}
.bcbu-head span {  font-family:'Pier sans','Open sans', arial;font-size:25px;display:block;margin-left:-20px;line-height:2px;text-align:left;}
.bcbu-bloc {width:276px;cursor:pointer; display:inline-block; margin-right:74px;vertical-align:top;margin-bottom:20px;padding-bottom:30px;}
.bcbu-bloc.last {margin-right:0;}
.bcbu-bloc div.img {background:#000;margin-bottom:5px;display:block;}
.bcbu-bloc img {opacity:1; transition: all 0.25s ease-in-out;width:276px;height:375px; }
.bcbu-bloc:hover img, .bcbu-bloc.on img {opacity:0.7; transition: all 0.25s ease-in-out; }
.bcbu-bloc:hover .texte, .bcbu-bloc.on .texte {margin-top:-240px; transition: all 0.25s ease-in-out;height:240px; }
.bcbu-bloc .texte {font-family:'Pier sans','Open sans', arial;height:100px;position:relative;margin-top:-100px; line-height: 25px;padding:0 15px;color:white;}
.bcbu-bloc .texte.slim { padding: 0px 27px 0 40px;}
.bcbu-bloc .texte small { font-size:14px;display:block;line-height:19px;}
.bcbu-bloc .texte big{ font-family:'Pier sans Bold','Open sans', arial;font-size:38px;font-weight:bold; display:block;text-transform:uppercase;line-height: 29px;}
.bcbu-bloc .texte span {  font-family:'Pier sans Bold','Open sans', arial;font-size:19px;font-weight:bold;display:block;text-transform:uppercase;line-height: 20px;}
.bcbu-bloc .texte span.big {height: 29px;}
.bcbu-bloc .texte .right { text-align:right;}
.bcbu-bloc a {display:block;font: 300 14px 'Open Sans',Arial;color:#3b3b3b;padding: 2px 0px 0px 10px;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.bcbu-bloc a:not(.shown){display: none;}
.bcbu-bloc.on a:not(.shown){display: block;}
.bcbu-bloc a:not(.plus):hover {text-decoration:none; font: 600 14px 'Open Sans',Arial!important;}
.bcbu-bloc span.mobile {display:none;}
.bcbu-bloc a.bigger {height:40px;}
.bcbu-bloc a.plus {position:absolute;font-family:'Open sans', arial;font-size:14px;text-decoration:underline;display:inline-block;cursor:pointer;margin-left: 190px;line-height: 21px;}
.bcbu-bloc a.plus:after {pointer-events:none; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);content:' ';position: absolute;font-family: verdana; display:inline-block;margin-left: 10px;width:4px;height:4px;border-left:2px solid #3b3b3b;border-bottom:2px solid #3b3b3b;margin-top:6px;}
.bcbu-bloc.on a.plus:after { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);margin-top:9px;}

@media screen and (max-width: 800px){
  #center {background: url('bkg-bcbu-sim.jpg') no-repeat 50% 0;}
  .chemin {display:none;}
  .bcbu-head {
	  /* background: url('bkg-bcbu-sim.jpg') no-repeat 50% 0; */
	  font-size:18px;margin-top:10px;margin-bottom:0;padding-bottom:20px;}
  .bcbu-head div {margin: 10px 0 5px;padding: 5px 35px;}
  .bcbu-head span {line-height:18px;}
  .bcbu-head big{font-size:31px;}
  .bcbu-bloc {width:48.5%;max-width:48.5%;margin-left:1%;vertical-align:top;margin-bottom:0;padding-bottom:0;float:left;margin-right:0; height: 0;padding-bottom: 49.5%;}
  .bcbu-bloc div.img { height: 0;padding-bottom: 100%;overflow: hidden; width: 100%;}
  .bcbu-bloc.on div.img:after { content:' ';position: relative;font-family: verdana; display:inline-block; top: -10vw;left:40%;width:11vw;height:11vw;background:white;-ms-transform: scale(1.5,1) rotate(-45deg); -webkit-transform: scale(1.5,1) rotate(-45deg); transform: scale(1.5,1) rotate(-45deg);}
  .bcbu-bloc img {width:100%;height:auto;margin-top: -20%; opacity:0.4;}
  .bcbu-bloc.on .texte {display:none;}
  .bcbu-bloc .texte, .bcbu-bloc:hover .texte, .bcbu-bloc.on .texte {margin-top:-32%;padding: 0 5px!important;position:absolute;width:44%;max-width:44%;}
  .bcbu-bloc .texte small { font-size: 3.3vw;}
  .bcbu-bloc .texte big {font-size:8.5vw;line-height: 10vw;}
  .bcbu-bloc .texte big.small {font-size:8vw;line-height: 7vw;}
  .bcbu-bloc .texte big.smaller {font-size:7vw;}
  .bcbu-bloc .texte span { font-size:4vw; line-height: 5vw; }
  .bcbu-bloc .texte span.big {height:auto;}
  .bcbu-bloc.on {height:auto;padding-bottom:5vw;}
  .bcbu-bloc br {display:none;}
  .bcbu-bloc.on img {width:100%;height:auto;opacity:0.9; transition: all 0.25s ease-in-out; }
  .bcbu-bloc.on br, .bcbu-bloc a.shown + br {display:none;}
  .bcbu-bloc .links {max-width:0px;width:0px;overflow:hidden;margin-left:0; transition: opacity 0.25s ease-in-out;opacity:0;position:absolute; }
  .bcbu-bloc.on .links {width:200%;max-width:200%;display:block;margin-left:0;opacity:1;position:relative; transition: opacity 0.25s ease-in-out; }
  .bcbu-bloc.on a, .bcbu-bloc.on a.shown {font: 300 6vw 'Open',Arial;padding: 2px 0px 0px 10px;width:100%; margin-left: 0;overflow:visible;transition: opacity 0.25s ease-in-out;display:inline-block; height: 10vw; line-height: 8vw; left:0; background: white; position: relative; z-index: 5;}
  .bcbu-bloc a:not(.plus):hover {text-decoration:none; font: 600 6vw 'Open',Arial!important;}
  .bcbu-bloc.on:nth-of-type(even) + .bcbu-bloc + .bcbu-bloc {clear:both;}
  .bcbu-bloc.on:nth-of-type(odd) + .bcbu-bloc {clear:both;}
  .bcbu-bloc.on:nth-of-type(even) .links {margin-left:-102%; transition: opacity 0.25s ease-in-out; }
  .bcbu-bloc.on a.plus:after { width: 10px; height: 10px;border-left: 4px solid #3b3b3b;border-bottom: 4px solid #3b3b3b;pointer-events:none;margin-left:-10px;}
  .bcbu-bloc.on a.plus { text-align: right; margin-left: -30px;color:white;}
  .bcbu-bloc.on a.bigger {line-height:6vw;padding-bottom: 17px;}
  .bcbu-bloc.on span.mobile {display:block;text-transform:uppercase;font: 700 6vw 'Open Bold',Arial;height:auto;margin-bottom:10px;padding: 10px 0px 0px 10px;}
}
@media screen and (min-width:640px) and (max-width: 800px) {
  .bcbu-bloc.on a:not(.plus) {font: 300 3.7vw 'Open',Arial;width:46%;height: auto; line-height: 7vw;vertical-align:top;}
  .bcbu-bloc.on a.big {line-height: 4vw; margin-top: 1.4vw;}
}
@media screen and (min-width:320px) and (max-width: 321px) and (orientation: portrait) {
  .bcbu-bloc .texte big {font-size: 8vw; }
  .bcbu-bloc .texte big.small {font-size:7.5vw;line-height: 7vw;}
  .bcbu-bloc .texte big.smaller {font-size:6.6vw;}
}
@media screen and (min-width:567px) and (max-width: 568px) and (orientation: landscape) {
  .bcbu-bloc .texte big {font-size: 8vw;line-height: 10vw; }
  .bcbu-bloc .texte big.small {font-size:7.5vw;line-height: 9vw;}
  .bcbu-bloc .texte big.smaller {font-size:6.6vw;}
}