ul.breadcrumbs {
    display: none;
}
.body_content iframe {
    /*width: 100%;*/
}
.event.Cours figure.figure {
    background-image: url(https://bap.dev4omis.com/sites/default/files/2020-09/2020-09-23.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.profile-activity .p-left {
    display: grid;
}
body .block-views-blockcollection-collectionnouvelleacquisitions main.body_content h3 {
    margin-top: 10px;
}
.block-views-blockcollection-collectionnouvelleacquisitions .col-md-4.col-sm-6.col-xs-12 {
    margin-bottom: 20px;
}
.page-node-type-evenement .row.info_evenement {
    padding-bottom: 40px;
}
.path-agenda button#edit-submit-agenda {
    position: absolute;
    right: 0;
    border-radius: 0;
    border: none;
    margin-right: 0;
    background: transparent;
    font-size: 15.01px;
    color: white;
    text-decoration: underline;
    font-family: "robotolight";
    top: 13px;
    text-transform: uppercase;
}
ul.breadcrumbs * {
    text-transform: capitalize;
}
.path-agenda form#views-exposed-form-agenda-page-1 .container_ {
    position: relative;
}
.page-node-type-professeur .cours .container {
    width: auto;
}
.page-node-type-professeur .cours .container .container_ {
    margin-right: 0;
    margin-left: 50px;
}
.professeurs .field--item h3 {
    display: block;
    color: #000;
    padding: 25px 0 !important;
    position: relative;
    font-size: 28.17px;
    font-family: "obibokbold";
    background-color: #fff;
    border-bottom: 1px solid #000;
}
.page-node-type-professeur ul.date-recur-occurrences li {
    list-style: none;
    margin: 5px 0px;
    color: #fb5201;
    font-size: 20px;
}
body.page-node-type-professeur .agenda .event_prof.plr-10 .field--item {
    margin-top: 0 !important;
}
.page-node-type-professeur .professeurs .agenda .event_prof.plr-10 time {
    font-family: 'robotobold';
    color: #000 !important;
    font-size: 15px;
}
.page-node-type-cour ul.date-recur-occurrences li time , .page-node-type-cour .date-recur-date   time{
    font-family: 'robotobold';
    color: #000;
    font-size: 15px;
}
.page-node-type-cour a.more_info , .page-node-type-professeur a.more_info{
    display: none;
}
span.timecour {
    color: #fb5201;
}
.page-node-type-cour  ul.date-recur-occurrences li ,.page-node-type-cour .date-recur-date , .page-node-type-professeur .date-recur-date {
    color: #fb5201;
    font-size: 20px;
}
span.type.icon3:hover {
    cursor: pointer;
}
.cours .first-block{
    padding: 50px 0;
    position: relative;
}
.column-count-tree{
    column-count:3;
    display: inline-block;
}
#slider_landing_page .owl-item,#slider_landing_page .item {
    height: 100vh !important;
}
#slider_landing_page img.img-responsive {
    height: 100%;
}
video#video {
    object-fit: cover;
    width: 100%;
    height: 100vh;
}
.block-views-blockactualite-block-1 section.section-title {
    height: 250px;
    padding-top: 0;
    position: relative;
}
.slider2 #slider_evenements .owl-nav {
    display: block;
}
main.body_content.billeterieresponsable {
    position: absolute;
    top: 930px;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    display: none;
}
.billeterieresponsablemessage{
    position: relative;
    background: #f9f300;
    padding: 40px;
}
.billeterieresponsablemessage h2 {
    margin: auto;
    font-family: "robotobold" !important;
    color: #000;
    margin-bottom: 10px;
}
img.closebilleterieresponsable {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    /* filter:invert(1); */
}
#templatepp .row.vignettes .col-md-4.col-sm-6.col-xs-12.eq-blocks{
    margin-bottom: 15px;
}
footer .ee:last-child a:focus {
    color: white;
}
.page-node-type-exposition-simple .type::before{
filter: invert(1);
}

.path-node.page-node-type-professeur .professeurs .first-block img {
    margin-bottom: 20px;
}
body main.body_content ul {
    margin-left: 25px;
    margin-bottom: 15px;
}
.path-frontpage .slider2 h4.eq-blocks-title2 {
    margin: 12px 0 8px;
    line-height: 1.2;
}
.path-frontpage .slider2 h4.eq-blocks-title2 a{
    text-transform: uppercase;
}
.slider2 .actualite .more_info {
    margin:  0px;
}
footer .ee:last-child a:hover {
    color: white;
}
body .panel-default>.panel-heading a{
    padding: 25px 45px 25px 0px;
}
.section-title div.container {
    /* padding: 0; */
}
.link-share .a2a_default_style a{
    float: right !important;
}

.link-share .a2a_default_style {
    margin-bottom: 25px;
}

.view-organigramme .ui-accordion-content .profile-activity .col-md-8.col-sm-10.col-xs-12 ,.view-professeurs   .col-md-9.col-sm-10.col-xs-12{
    display: inline-flex;
}
main.body_content.container.annuairebody .container_ p {
    color: inherit;
}
main.body_content.container.annuairebody .m-tb {
    padding: 0 0 55px;
}
 .path-agenda section.agenda .event {
    padding: 0px;
}
.menu--main.navbar-nav>li ul .dropdown-menu {
    position: relative;
    box-shadow: none;
}
.linkextranet {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    transition: all .2s;
    color: #fff;
    font-family: "obibokregular";
}
form#views-exposed-form-agenda-page-1 select#edit-field-tag-du-cour-target-id {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.Les_pages_des_livres__des_magazines_et_des_revu {
    font-size: 18px;
    font-family: "Myriad Pro";
    color: rgb(0, 0, 0);
    line-height: 1.556;

  }
  
.content_evenement .body_content .aveclaparticipation {
    font-size: 25px;
    font-family: "robotobold";
    color: rgb(0,0,0);
    line-height: 1.04;
    margin-bottom: 60px;
}
.visueparticipants{
    padding-bottom: 20px;
}
.soutenircontent h2{
    font-size: 23.53px;
    font-family: "robotobold" !important;
    color: #000;
    margin-bottom: 40px;
    margin-top: 55px;
    text-transform: uppercase;
}
.soutenircontent h2:first-child {
    margin-top: 10px;
}
main.body_content.container.pagesimple-content h2 , main.body_content.container.pagesimple-content h2 span{
    font-family: "robotobold" !important;
    color: #000;
    margin-bottom: 10px;
    margin-top: 30px;
    /* text-transform: uppercase; */
}
main.body_content.pagesimple-content h3 {
    font-size: 15px;
    margin-bottom: 25px;
}
#block-dropdownlanguage .panel-heading {
    display: none;
}
section#block-dropdownlanguage {
    width: max-content;
    margin: 0;
    display: inline-block;
}
#block-dropdownlanguage .panel-body {
    background: transparent;
    padding: 0;
}
#block-dropdownlanguage button.btn-default.btn.dropdown-toggle {
    display: none;
}
/*langue*/
#block-dropdownlanguage ul.dropdown-menu {
    display: inline-flex;
    position: relative;
    background: transparent;
    top: initial;
    left: inherit;
    z-index: inherit;
    float: none;
    min-width: initial;
    padding: 0;
    margin: 1px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: initial;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: none;
    align-items: center;
}
.dropdown-menu li {
    background: transparent;
    border: white;
    font-weight: normal;
    font-size: 16px;
    font-family: 'obibokregular';
    color: #fff;
    line-height: 1.75;
    text-transform: uppercase;
    padding: 0 8px;
}

.dropdown-language-item a:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #fff;
    height: 15px;
    left: 35px;
    top: 50%;
    transform: translate(0%,-50%);
}
#block-dropdownlanguage button.language-link,
#block-dropdownlanguage li.language-link{
    background: transparent;
    border: white;
    font-weight: normal;
    font-size: 16px;
    font-family: 'obibokregular';
    color: #fff;
    line-height: 1.75;
    text-transform: uppercase;
}
.menu--main .dropdown-menu>.active>a {
    background-color: #650ecd;
}

.collection p {
    color: inherit !important;
}
/* div#exampleModalCenter .modal-dialog {
    font-family: "Roboto";
    font-size: 24px;
    max-width: 600px;
} */
div#exampleModalCenter .modal-body{
    font-family: "Roboto";
    font-size: 24px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    /* margin-right: 30px !important; */
}

div#exampleModalCenter .modal-dialog .modal-content {
    background-color: white;
    /* width: 679px; */
    /* height: 203px; */
    z-index: 2;
    margin: auto;

}  
button.btn.btn-dark.popupbienvenueclose {
    font-size: 24px;
    font-family: "Roboto" !important;
}
div#exampleModalCenter .modal-dialog .modal-content button.btn.btn-dark {
    background: black;
    color: white;
    border-radius: 0;
    /* font-size: 24px;
    font-family: "Roboto" !important; */
    width: 109px;
    height: 37px;
    line-height: 1;
}
div#exampleModalCenter {
    background: #000000a1;
}
div#exampleModalCenter .modal-footer {
    border-top: none;
    margin-top: 60px;
}
div#exampleModalCenter .modal-content {
    border-radius: 0;
}
main.body_content.container.pagesimple-content a {
    color: #0000ff;
    text-decoration: underline;
}
body.page-node-type-page-simple main.body_content.container p.text-align-center a{
    margin: auto;
}
#leftside-navigation ul li ul {
    background: #650ecd;
    z-index: 1!important;
    position: relative;
    margin-bottom: 10px;
}
#leftside-navigation ul li:nth-of-type(2n +1) {
    margin-right: 100px;
}

.navbar.navbar-default.menu-bg {
    border-radius: 0;
    padding-right: 20px;
    padding-left: 20px;
}

.sharebutton a {
    margin: 0 0px;
}

.sharebutton a img {
    margin-left: 8px !important;
    width: 34px !important;
}
.sharebutton.black a img {
    filter: invert(1);
}

/* easy zoom */
.image_header.easyzoom.easyzoom--overlay {
    display: block;
    margin: auto;
}

.easyzoom-flyout img {
    max-width: auto !important;
    width: auto !important;

}
/* end easyzoom */
.lang > a[hreflang="de"]{
    display: none;
}
.professeurs div#accordion {
    margin-top: 50px;
}

.navbar-default .navbar-nav.menu--main>.active>a {
    background-color: transparent;
    color: yellow;
}

/* menu hover drop down */
.dropdown:hover > .dropdown-menu {
    display: block;
}

/* #slider_artiste .owl-nav */

.article > img{
    height: 180px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
#block-homepagebanner img {
    width: 100%;
    height: 800px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

section#block-homepagebanner {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

header#navbar {
    min-height: 58px;
}
section#block-homepagebanner .field--label {
    display: none;
}
#block-views-block-actualite-home-block-1 h2.block-title {
    display: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    /* max-height: 200px; */
}
#oeuvreslider video {
    width: 100%;
}
.slider_actualites .owl-item img  {
  max-height: 200px;  
}

header .navbar-default {
    background-color: transparent;
    border-color: transparent;
}


div.navbar-default .navbar-nav>li>a {
    font-family: 'obibokmedium';
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px;
}
.menu--main > li > ul.dropdown-menu>li>a {
    font-weight: 600;
}
nav .nav>li>a:focus, nav .nav>li>a:hover, nav .nav .open>a:focus, nav .nav .open>a:hover,nav .nav .open>a {
    color: #f9f300 !important ;
    background-color: transparent !important;
}
nav .nav>li a.whitecolor{
    color:white !important;
}
.navbar-nav>li>.dropdown-menu {
    background-color: rgb(101, 14, 205);
    border: 0!important;
    margin: 0!important;
    min-width: 255px;
    padding: 15px 30px;
}
.dropdown-language-item a {
    text-transform: uppercase;
}
ul.dropdown-menu>li>a,
ul.dropdown-menu li>span {
    padding: 5px 0;
    font-weight: normal;
    font-size: 16px;
    font-family: 'obibokregular';
    color: #fff;
    line-height: 1.75;
    display:block ! important;
}
ul.dropdown-menu>li>a:focus, ul.dropdown-menu>li>a:hover {
    background-color: transparent;
    color: #f9f300;
}

.pd0{
    padding: 0px;
}
.pdlr0{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*#slider_soutenir .owl-nav.disabled {
    display: block;
}*/

.menu--burger-menu li {
    width: 40%;
    float: left;
}

.menu.menu--burger-menu ul.dropdown-menu a:before {
    content: '';
}



.gvbg .slider2 h2, .gvbg .slider3 h2 {
    font-size: 15px;
}
#gv_slider_actualites .owl-nav {
    display: block;
}
span.a2a_kit.a2a_kit_size_32.addtoany_list {
    display: none;
}
.part_agenda .add_to_agenda{
    display: flex;
   
}
.part_agenda .add_to_agenda, .part_agenda .add_to_agenda li {
    list-style: none;
}
.part_agenda .add_to_agenda li a {
    color: white;
}
.slider2 h4, .slider3 h4 {
    font-size: 16px;
    font-family: "robotobold";
    color: #000;
    line-height: 1.6;
}
body:not(.path-frontpage) ol.breadcrumb {
    background: transparent;
}
.rellax {
    transform: translate3d(0px, 0px, 0px);
  }
  
.expo2{
    display: none;
}
body #salleslider {
    color: white;
}
body #salleslider {
    color: white;
}
body .expo2 {
    color: black;
}

#salleslider .owl-nav , body .expo2 .owl-nav{
    display: none;
}

#salleslider a.retour {
    font-size: 15px;
    font-family: "robotoregular";
    color: white;
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 40px 0 0;
    letter-spacing: 1px;
}
.slide_text a.share, .text a.share {
    font-size: 15px;
    font-family: "robotoregular";
    color: #fb5201;
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 15px 0;
    letter-spacing: 1px;
    position: relative;
    padding-right: 20px;
}
.slide_text a.share:after {
    content: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/share.png);
    margin-left: 5px;
    position: absolute;
}
#salleslider .slide_text a.share:after {
    content: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/share2.png);

}

.gv a.retour {
    font-size: 15px;
    font-family: "robotoregular";
    color: #fb5201;
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 40px 0 0;
    letter-spacing: 1px;
}

#salleslider a.share {
    color: white;
}
/*.image_header > img {
    height: 600px;
}
*/

.expo3{
    display: none;
}
 .bgwhite{
    background-color: white !important;
}
.salleoeuvre .images_ .row {
    clear: both;
}


.content_evenement .body_content .container_ p{
    color: black;
}

.slider2 {
    padding: 20px 0;
}

span.a2a_svg.a2a_s__default.a2a_s_a2a {
    display: none;
}

.image_header button.btn.btn-play {
    display: none;
}
#oeuvreslider .image_header img {
    /* height: 600px; */
}
.typeimage .content-overlay{
    display: none;
}
.typeimage .play a {
    opacity: 0;
}
.content.typeimage .play {
    height: 100%;
}

.types_container span[class*="icon"]:before {
    margin-right: 5px;
}

.page-node-type-evenement span[class*="icon"]:before {
    filter: invert(1);
}

.icon1:before {
    /* content: url('../images/icon1.png');
    display: inline-block; */
    /* width: 30px;
    height: 30px;
    background-size: 30px 30px; */
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../images/icon1.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  }
  
  .icon2:before {
  /* content: url('../images/icon2.png');
  display: inline-block; */
  /* width: 30px;
  height: 30px;
  background-size: 30px 30px; */
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../images/icon2.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  }
  
  .icon3:before {
  /* content: url('../images/icon3.png');
  display: inline-block; */
  /* width: 30px;
  height: 30px;
  background-size: 30px 30px; */
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../images/icon3.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  }
  
  .icon4:before {
      /* content: url('../images/icon4.png');
      display: inline-block; */
      /* width: 30px;
      height: 30px;
      background-size: 30px 30px; */
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../images/icon4.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  }
  .icon5:before {
      /* content: url('../images/icon5.png');
      display: inline-block; */
      /* width: 30px;
      height: 30px;
      background-size: 30px 30px; */
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../images/icon5.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  }
  .icon6:before {
      /* content: url('../images/icon6.png');
      display: inline-block; */
      /* width: 30px;
      height: 30px;
      background-size: 30px 30px; */
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../images/icon6.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  }
  .icon7:before {
      /* content: url('../images/icon7.png');
      display: inline-block; */
      /* width: 30px;
      height: 30px;
      background-size: 30px 30px; */
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../images/icon7.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  }

/*.pres1 #carrousel {
    padding-bottom: 100px;
}*/

div#sliding-popup {
    font-family: "robotolight";
}
button.decline-button.eu-cookie-compliance-default-button {
    border-radius: 0;
    background: white;
}
#popup-text h2 , #popup-text p{
    font-weight: 400;
}
 .arrow:after {
    display: block;
    content: "";
    width: 60px;
    margin: auto;
    height: 60px;
    background-image: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/bouncing-arrow.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
div.ui-accordion .ui-accordion-header{
    cursor: pointer;
    margin: 2px 0 0 0;
    display: block;
    /* color: #05e1c6; */
    padding: 25px 0;
    position: relative;
    font-size: 28.17px;
    font-family: "obibokbold";
    background-color: #fff;
    border-bottom: 1px solid #000;
}
.views-field.views-field-title span {
    color: #1332d6!important;
    margin: 0!important;
    font-size: 15.08px;
}
.ui-accordion .field-content {
    display: block;
    font-family: "robotolight";
    font-size: 15.08px;
    font-weight: 600;
}
span.ui-accordion-header-icon.ui-icon {
    display: none;
}
.ui-state-default {
    border: none;
}
div.ui-accordion .ui-accordion-header:before{
    content: '\f067';
    position: absolute;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 33px;
    transition: all 0.5s;
    transform: scale(1);
    right: 20px!important;
    color: #000;
    top: auto!important;
    -webkit-text-stroke: 5px #fff!important;
}
div.ui-accordion .ui-accordion-header:after{
    content: ' ';
    font-size: 33px;
    position: absolute;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    transform: scale(0);
    transition: all 0.5s;
    right: 20px!important;
    /* color: #000; */
	color: #fb5201;
    top: auto!important;
    -webkit-text-stroke: 5px #fff!important;
}
#block-views-block-organigramme-organigramme div.ui-accordion .ui-accordion-header:after{
    /*color: #05e1c6!important;*/
}
div.ui-accordion .ui-accordion-header{
    color: #000;
}
div.ui-accordion .ui-accordion-header-active:before{
    content: ' ';
    transform: scale(1);
    transition: all 0.5s;
}
div.ui-accordion .ui-accordion-header-active:after{
    content: '\f068';
    transform: scale(1);
    transition: all 0.5s;
}
.ui-accordion .ui-accordion-content img , .panel-collapse .panel-body img {
    border-radius: 100%;
    max-width: 65px;
    max-height: 65px;
    width: 65px;
    height: 65px;
    margin-right: 40px;
    margin-left: 0;
    box-shadow: none;
    object-fit: cover;
}
.view-display-id-organigramme.ui-accordion {
    margin: 50px 0;
}
div.ui-widget-content{
    border: none;
}
.ui-accordion .ui-accordion-content .fonction span {
    display: block;
    font-family: "robotolight";
    font-size: 15.08px;
    font-weight: 600;
}

#accordion .row ,.ui-accordion .ui-accordion-content .row {
    padding-bottom: 20px;
}


#oeuvreslider .image_header img {
    /* height: 600px; */
    /* width: auto; */
    margin: auto;
    /* max-width: 100%; */
 }
 #oeuvreslider video {
    width: auto;
    margin: auto;
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
 }









/* annuaire style*/
 
.annuairebanner .annuairetitre ,.annuairebanner p {
    font-size: 73px;
    font-family: "obibokbold";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.125;
    text-align: center;
    width: 750px;
    margin: auto;
   
  }
  .annuairebanner p:last-child{
      margin-bottom: 20px;
  }


.artisteItemResume {
    font-size: 14px;
    font-family: "Myriad Pro";
    color: rgb(255, 255, 255);

}

#slider_artiste {
    position: relative;
}

#slider_artiste .owl-nav {
    width: 100%;
    position: absolute;
    top: calc(50% - 25px);
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin-top: 0;
}

#slider_artiste button.owl-prev {
    float: left;
    margin-left: 20px;
}

#slider_artiste button.owl-next {
    float: right;
    margin-right: 20px;
}

#slider_artiste p {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px;
    color: white;
}

 
#eleves #meilleureleves p ,.annuairebody #eleves .meilleureleves span.field-content {
    color: rgb(251, 82, 1) !important;  
    font-weight: 500;
    font-family: "robotobold";
}
#eleves >div > p , .annuairebody #eleves span{
 
    font-family: "robotolight";
    color: black ;
    line-height: 1.625;
}
.annuairebody #eleves span{
    color: black !important;
}
div#meilleureleves {
    padding: 0;
}

div#eleves, div#eleves div {
    padding: 0;
    font-family: "robotolight";
}
.titrediplome {
    font-size: 40px;
    font-family: "obibokbold";
    color: rgb(0, 0, 0);
    line-height: 0.75;
    padding: 20px 0;
}

main.body_content.presentation a {
    color: blue;
}

main.body_content.presentation img {
    /*padding: 20px 0 0;*/
}

.block-views-blockannuaire-annuaire .container_ >p {
    color: rgb(251,82,1);
    font-family: "Myriad Pro";
    line-height: 1.625;
}

/*#views-exposed-form-annuaire-annuaire-liste-felicites{
    display: none;
}*/
#views-exposed-form-annuaire-annuaire-liste-diplome {
    display: none;
}

section#block-views-block-annuaire-annuaire-liste-felicites {
    float: left!important;
    clear: none!important;
    width: 30%;
}

section#block-views-block-annuaire-annuaire-liste-diplome {
    float: right!important;
    clear: none!important;
    width: 100%;
}


section#block-views-block-annuaire-annuaire-liste-diplome .diploméitems{
    width: 33%;
    position: relative;
    float: left;
}
.colororange {
    color: rgb(251,82,1);
}
main.body_content p.colororange{
    color: rgb(251,82,1);
    font-weight: bold;
    text-transform: uppercase;
    font-family: "robotobold";
}
.annuairebody a.a2a_dd.share {
    color: black;
}
.annuairebody select#edit-field-type-evenement-target-id {
    box-shadow: none!important;
    border-bottom: 1px solid #888888 !important;
    background-color: #ffffff;
    border-radius: 0;
    border: 0;
    background-size: 30px;
    font-size: 16px;
    font-family: "robotolight";
    font-weight: 700;
    color: #000;
    height: 63px;
    text-transform: uppercase;
}
.annuairebody select#edit-field-type-evenement-target-id option {
    font-family: "obibokbold";
}
 .has-glyphicons .annuairebody .select-wrapper:after {
    /* content: '\f067'!important;
    -webkit-text-stroke: 7px #fff !important;
    color: #000 !important;   */
    -webkit-text-stroke: 7px #ffffff !important;
    color: #000 !important;
    content: '\f067'!important;
    font-size: 50px;
    position: absolute;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    top: 50%;
    z-index: 0;
 
}
.annuairebody input#edit-combine {
    padding: 30px 0 31px 45px;
    background-image: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/searchblack.svg);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    background-size: 30px;
    font-size: 16px;
    font-family: "robotolight";
    font-weight: 100;
    color: #000;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #888888 !important;
}

.annuairebody .link-share .share::after {
    filter: invert(1);
}
main.annuairebody .link-share a.a2a_dd.share span:before ,main.annuairebody .link-share a.a2a_dd.share span:after {
    background-color: black !important;
}
.link-share {
    margin-top: 10px;
    margin-bottom: 50px;
}

.path-agenda section.agenda {
    padding: 0px 0 25px;
}











.accordionProf .view-content .views-row:last-child {
    margin-bottom: 50px;
}

/* main.body_content.presentation.clearfix h3 {
    font-family: "robotolight";
} */
main.body_content.presentation p strong{
    font-size: 15.8px;
}
#slider_artiste p.artisteItemResume {
    width: auto;
    text-align: left;
    font-family: "robotolight_italic";
    font-weight: 400;
}
.professeurs .first-block img {
    max-width: 40%;
}
#accordion.panel-group {
  margin:0;
}
#accordion .professeurs.panel.panel-default {
  margin: 0;
}
#accordion h3.panel-title {
  font-weight:normal;
}
#accordion .panel-title button {
  padding: 25px 45px 25px 0;
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
  margin: 2px 0 0 0;
  display: block;
  padding: 25px 0;
  position: relative;
  font-size: 28.17px;
  font-family: "obibokbold";
  background-color: #fff;
  border-bottom: 1px solid #000;
  width: 100%;
  text-align: left;
}
#accordion .professeurs .panel-title button[aria-expanded="true"]{
  color: #fb5201 !important;
  transition: .2s;
}
#accordion .organigramme .panel-title button[aria-expanded="true"]{
  /*color: #05e1c6!important;
  transition: .2s;*/
}
#accordion .panel-title button::before,
#accordion .panel-title button::after{
  content: '\f067';
  position: absolute;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 33px;
  transition: all .5s;
  transform: scale(1);
  right: 20px !important;
  color: #000;
  top: auto !important;
  -webkit-text-stroke: 5px #fff !important;
}
#accordion .panel-title button[aria-expanded="true"]::before{
  content: ' ';
}
#accordion .panel-title button[aria-expanded="true"]::after{
  content: '\f068';
}
#accordion .professeurs .panel-title button[aria-expanded="true"]::after{
  color: #fb5201;
}
#accordion .organigramme .panel-title button[aria-expanded="true"]::after{
  /*color: #05e1c6;*/
}

#accordion .organigramme .p-left{
  padding:0;
}

.professeurs .agenda h4:before {
    content: "|";
    color: #fb5201;
    margin: 5px;
}








#oeuvreslider .container_.slide_text {
    display: block;
}

div#oeuvreslider {
    margin-bottom: 50px;
}





/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* .region.region-popupmessage {
    position: absolute;
    background: #650ecd;
    left: 50%;
    padding: 100px;
    width: 50%;
    margin: auto;
    top: 9%;
    transform: translateX(-50%);
    z-index: 10;
    display: none;
} */
/* Popup box BEGIN */

/* #gv-expositions button:focus {
    outline: none;
} */
div#a2apage_dropdown a.a2a_i:nth-of-type(n+4){
    display: none !important;
}
div#a2apage_dropdown a.a2a_i:nth-child(5) {
    display: block !important;
}

.salleoeuvre .content {
    width: 100%;
}
.typevideo video{
    width: 100%;
}
.salleoeuvre .images_ figure{
    float: left;
    /* padding-right: 50px; */
    clear: right;
}
.salleoeuvre .images_ figure:nth-child(5n + 1) {
    width: 100%;
    float: left;
}
.salleoeuvre .images_ figure:nth-child(5n + 2)   {
    width: 49%;
    float: left;
}
 .salleoeuvre .images_ figure:nth-child(5n + 3) {
    width: 49%;
    float: right;

}
.salleoeuvre .images_ figure:nth-child(5n + 4) {
    width: 75%;
    float: left;

}
.salleoeuvre .images_ figure:nth-child(5n + 5) {
    width: 50%;
    float: right;

}

div.owl-carousel img.pictoplay {
    width: 50px;
    margin: auto;
}



.eu-cookie-compliance-banner button.agree-button.eu-cookie-compliance-secondary-button {
    cursor: pointer;
    margin-right: 5px;
    margin-top: 1em;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background-color: #ededed;
    background-image: -moz-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#ededed),color-stop(100%,#dfdfdf));
    background-image: -webkit-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
    background-image: -o-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
    background-image: -ms-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
    background-image: linear-gradient(to bottom,#ededed 5%,#dfdfdf 100%);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    color: #000;
    font-family: Arial,sans-serif;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
    border-radius: 0;
    background: white;
}

.eu-cookie-compliance-banner button.decline-button.eu-cookie-compliance-default-button {
    border-radius: 0;
    background: transparent;
    border: none;
    border-top: none;
    color: white;
    -webkit-box-shadow: none;
    text-shadow: none;
}
body.page-node-type-page-simple main.body_content.container p , body.page-node-type-actualite main.body_content.container p{
    font-size: 15px;
    margin: 0;
}
footer a.more_info {
    top: -3px;
}

ul.menu.menu--main.nav.navbar-nav a.active-trail.is-active {
    background-color: transparent !important;
}

.salleoeuvre figure p {
    font-size: 15.8px;
    font-family: "robotolight";
    font-style: italic;
}
#carrousel .owl-item.active.center {
    z-index: 10;
}
#images_ .ArtisteOeuvre h3 {
    width: 100% !important;
}

/* .pres1 #images_  .ArtisteOeuvre h3 {
    
} */



@media(max-width:1366px){
    /* div.gv .pres1 .pagination-gv a.prev {
        left: -50px;
    }
    div.gv .pres1 .pagination-gv a.next {
        right: -50px;
    } */
    div.navbar-default .navbar-nav>li>a{
        font-size: 14px;
        padding: 15px 10px;
    }
    .navbar-brand>.desktop-logo{
        width: 220px;
    }
 }

/* webform */
/* Roboto */

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold_italic';
    src: url('../fonts/roboto/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight_italic';
    src: url('../fonts/roboto/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('../fonts/roboto/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* End Roboto */
.blocinfo .inputs .input .form-control , .autowidth .form-control {
    width: 100%;
    margin-bottom: 15px;
    border: none;
    border-bottom: 1px solid #4f4f4f;
    height: 40px;
    float: left;
    border-radius: 0;
    box-shadow: none;
}

.inputs  ::-webkit-input-placeholder{
    color:#FF0066 !important;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'robotolight';
    opacity: 1; /* Firefox */
}

.inputs ::-webkit-input-placeholder {
    color:#FF0066 !important;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'robotolight';
}

.inputs ::-moz-placeholder {
    color:#FF0066 !important;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'robotolight';
}

.inputs ::-ms-placeholder {
    color:#FF0066 !important;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'robotolight';
}

.inputs ::placeholder {
    color:#FF0066 !important;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'robotolight';
}
span.italicInfo {
    font-family: 'robotolight_italic';
    padding-left: 0;
    padding-right: 0;
}
.blocinfo h2 {
    text-transform: uppercase;
    font-weight: 600;
}
.inputs {
    position: relative;
}
.blocinfo .inputs input.ville , .blocinfo .inputs input.nom {
    width: 47% ;
    float: right;
}
.blocinfo .inputs input.codepostal ,.blocinfo .inputs input.prenom{
    width: 47% ;
 
}
.inputscheck {
    /* margin: 50px 0 0; */
    padding-left: 0;
    padding-right: 0;
}
.choix {
    margin: 40px 
}
.inputscheck .msgtomail a {
    font-size: 16.91px;
	font-family: "robotolight";
	font-weight: 100;
	color: #0000ff;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}

.inputscheck .control-label {
    font-family: 'robotoregular';
    font-size: 15px;
    /* padding-left: 18px; */
    font-weight: 400;
}
.inputscheck .form-checkbox {
    /* margin-bottom: 35px; */
    appearance: none;
    height: 16px;
    width: 16px;
    border: 1px solid;
}

main.body_content .piececompl {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    text-decoration: underline;
    position: relative;
    /* margin-bottom: 40px; */
	color: #0000ff;
	font-family: "robotolight";
	font-weight: 100;
	cursor: pointer;

} 
.piececompl:before {
    content:url('/themes/custom/bootstrap_beauxartsparis_standalone/images/dowloadlink.png'); 
    padding-right: 22px;
    position: relative;
    top: 5px;
	cursor: pointer;
}

.pdlr0{
    padding-left: 0;
    padding-right: 0;
}
.pdr0{
    padding-right: 0;

}

input[type=checkbox]:checked {
    background: #ff0066;
}

.inputscheck .checkitem {
    margin-bottom: 15px;
}

.lblchamp {
    font-family: 'robotoregular';
    font-size: 15px;
    text-transform: uppercase;
}
.blocinfo .autowidth .form-control {
    width: auto;
    float: initial;
    margin-left: 40px;
}

.blocinfo .textarea .form-control {
    width: 100%;
    /* border-bottom: 1px solid #4f4f4f; */
	border: 1px solid #4f4f4f;
    height: 200px;
    float: left;
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 0;
    border-color: black !important;
}

/* .blocinfo input[name="champ_15"] {
    margin: 0;
    position: absolute;
} */
.blocinfo .inputs button[type="submit"] {
    margin-top: 20px;
	color: #fff;
    background-color: #ff0066;
    border-color: #ff0066;
    text-transform: uppercase;
    width: auto;
    /* display: block; */
    min-width: 115px;
    font-family: 'robotoregular';
	border-radius: 0px;
}
.blocinfo .inputs .button {
	margin-bottom: 15px;
	border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
	height: 40px;
	display: block;
}
.inputscheck .button {
	margin-top: 40px;
	margin-bottom: 20px;
}
.msgremerciement {
    padding: 30px 0;
}

.msgtomail {
    font-size: 16px;
    font-family: 'robotoregular';
}

.msgtomail strong .control-label {
    font-family: 'robotobold';
}
.msgtomail a .control-label {
    text-decoration: underline !important;
}

label[for='edit-champ-15'] {
    padding-left: 30px;
}
.autowidth .form-required::after {
	display: none;
}

/*  Soutenir 1 style  */

.slidersoutenir.owl-carousel img {
    height: 620px;
    object-fit: cover;
}

.slidersoutenir{
position: relative;
}
.slidersoutenir .owl-nav {
    margin-top: 0;
}
.slidersoutenir .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 100%;
}
.slidersoutenir .owl-nav button.owl-next {
    float: right;
    right:80px;
    position: relative;
}
.slidersoutenir .owl-nav button.owl-prev {
    float: left;
    left: 80px;
    position: relative;
}
.slidersoutenir .owl-nav button {
    filter: invert(1);
}
main.body_content .mainquestion {
    font-size: 24.52px;
    font-family:'robotobold';  
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}
main.body_content p.costumquotes {
    font-size: 20px;
    font-family: 'robotolight_italic';
    color: rgb(0, 0, 0);
    text-align: center;
}
p.costumquotes img.fle_left {
    float: left;
    position: absolute;
    left: -35px;
}
p.costumquotes img.fle_right {
    float: right;
    position: absolute;
    right: -35px;
}
main.body_content .source_citation {
    text-align: center;
}
main.body_content .source_citation p.txt1{
    font-family: 'robotolight';
    margin-bottom: 0px;
}
main.body_content .source_citation p.txt2{
    /* font-family: 'robotobold'; */
    margin-bottom: 20px;
}

/*Media*/

@media (max-width: 991px) {
    p.costumquotes img.fle_left {
        left: -15px;
    }
    p.costumquotes img.fle_right {
        right: -15px;
    }
}
/*  End Soutenir 1 style  */


/* Soutenir 2 style  */
body main.body_content .versappelprojet{
    font-size: 16px;
    font-family: 'robotobold';
    color: rgb(255, 0, 102);
    text-decoration: underline;
    text-transform: uppercase;
    border: 1px solid;
    padding: 17px 12px;
    display: block;
    margin: auto;
    width: max-content;
}

.field--label {
	display: none;
}
 
#nosprojet .row.vignettes {
    margin-top: 40px;
}


#nosprojet .row.vignettes h3 {
    margin-bottom: 0;
    font-size: 18px!important;
    font-family: "robotobold";
    color: #1d1d1b;
    text-transform: uppercase;
    margin-top: 20px;
    text-align: left;
}
#nosprojet .row.vignettes p {
    margin-bottom: 50px;
    text-align: left;
}

/*End  Soutenir 2 style  */

/* Soutenir 3 style  */


main.body_content.container.pagesimple-content h2 {
    font-size: 23.53px;
    font-family: "robotobold" !important;
    color: #000;
    margin-bottom: 10px;
    margin-top: 30px;
    /* text-transform: uppercase; */
}

#taxApprentissage .soutenircontent p{
    /* font-size: 16px;
    font-family: 'robotobold_italic';*/
    color: rgb(0, 0, 0); 
 
}

#taxApprentissage main.body_content .source_citation {
    /* text-align: left; */
}

#taxApprentissage .soutenircontent p.txt1 {
    font-family: 'robotolight';
}
#taxApprentissage .soutenircontent p.txt2 {
    /* font-family: 'robotobold' !important; */
}
#taxApprentissage .soutenircontent h2:first-child {
    margin-top: 0px;
}
#taxApprentissage .soutenircontent h2 {
    margin-bottom: 38px;
}
#taxApprentissage .soutenircontent a.pdflink {
    text-decoration: underline;
}
#taxApprentissage .soutenircontent p.txt1, #taxApprentissage .soutenircontent p.txt2{
    font-size: 18.79px;
    color: black;
}
#taxApprentissage .soutenircontent  p:not(:first-child) {
    /* font-size: 16px;
    font-family: 'robotoregular';
    color: rgb(0, 0, 0); */
}
/*End  Soutenir 3 style  */

/*  Soutenir 4 style  */
#fairedon .soutenircontent p:not(:first-child) {
    font-size: 15.1px;
    font-family: 'robotoregular';
    color: rgb(0, 0, 0);
}

#fairedon .soutenircontent ul li {
    font-size: 15px;
    font-family: 'robotoregular';
    color: rgb(0, 0, 0);
    padding-top: 30px;
}
#fairedon .soutenircontent ul li:first-child {
    padding-top: 0px;
}
main.body_content .soutenircontent  p strong {
    font-size: 16px;
    font-family: "robotobold";
    color: #000;
}
#fairedon .soutenircontent  h4 {
    font-size: 16px;
    text-decoration: underline;
    margin: 35px 0 25px;
}
#fairedon .soutenircontent ul {
    margin-left: 25px;
}
#taxApprentissage  main.body_content ,#fairedon main.body_content  {
    margin-bottom: 40px;
}
/*  End Soutenir 4 style  */

.titreprojet {
	font-size: 24.52px;
	font-family: 'robotobold';
	color: rgb(0,0,0);
	margin-bottom: 20px;
	text-align: center;
}

/* Template PP style  */

#templatepp .steps .item {
    text-align: left;
    margin-bottom: 50px;
}
#templatepp .steps .item > a {
    width: 100%;
    display: block;
    text-decoration: underline;
}
#templatepp .soutenircontent > p:first-child {
    font-size: 16px;
    font-family: 'robotobold';
    color: rgb(0, 0, 0); 
}
#templatepp .soutenircontent > p {
    font-size: 16px;
    font-family: 'robotoregular';
    color: rgb(0, 0, 0); 
}
#templatepp .row.vignettes {
    margin-top: 80px;
    margin-bottom: 40px;
}
#templatepp .row.vignettes h3 {
    margin-top: 20px;
    margin-bottom: 0;
}
#templatepp .soutenircontent a {
    color: black;
    text-decoration: none;
}
#templatepp .soutenircontent .row p {
    margin-bottom: 10px;
    font-size: 14px !important;
}
section#templatepp p, section#templatepp p span {
    font-family: 'robotolight';
}
#templatepp p:not(:first-child) {
    font-size: 16px;
    font-family: 'robotoregular';
    color: rgb(0, 0, 0);
}
/*End Template PP style  */

.regroupe h2 {
    font-size: 28.14px;
    font-family: "obibokbold";
    color: rgb(255, 0, 102);
    margin: 0;
    margin-top: 25px;
    padding:0 15px;
}


body.page-nav--active {
    overflow: hidden!important;
    width: auto!important;
    padding-top: 22px;
}


html.page-nav--active {
    overflow: hidden!important;
}














.has-search::placeholder,
.has-search::-webkit-input-placeholder{
    color: #fff!important;
    font-weight: 100;
    text-transform: uppercase;
    opacity: 1;  
    /* Firefox */
}
.has-search:-ms-input-placeholder ,
.has-search::-ms-input-placeholder {
    /* Microsoft Edge */    
    /* Internet Explorer 10-11 */
        color: #fff!important;
    font-weight: 100;
    text-transform: uppercase;
}


.form-control:focus {
    border-color: transparent!important;
}

.separator_mobile_menus {
    display: none;
}





.active-language {
    font-weight: bold!important;
}
.navbar-collapse {
    border: 0;
    box-shadow: none;
}

@media(min-width: 992px) and (max-width: 1200px){

    .p_hide_menu{
        padding: 0;
        padding-right: 5px;
        max-width: 100%;
    }

}




@media(max-width: 767px){
	blockquote::before {
	left: -10px!important;
	}
	blockquote::after {
		right: -10px!important;
	}
    .block-views-blockactualite-block-1 section.section-title {
        height: 144px;

    }

div.félicitéitems {
    margin-bottom:20px;
}

div#eleves.col-md-12.col-xs-12 div.félicitéitems.col-md-12.col-xs-12.clearfix.pdlr0 {
    margin-bottom:20px;
}

h2.titleitemdiplome {
    font-size: 40px;
    font-family: "obibokbold";	
}
.separator_mobile_menus {
    border-bottom: 1px solid #ffffffb0!important;
    margin: 30px 0!important;
    display: block;
}
#leftside-navigation ul li a {
    font-weight: bold!important;
}

    ul.menu.menu--main.nav.navbar-nav a {
    font-weight: 100!important;
}

div#leftside-navigation {
    position: relative;
}

   .has-search {
    position: absolute;
    top: 100%!important;
    width: 100%!important;
    margin-top: 25px!important;
    margin-bottom: 50px!important;
}


.search-home .input-group input#edit-keys {
    width: 100%!important;
}
.search-home .input-group {
    margin-bottom: 70px!important;
}
.page-nav--active .zindex_second_menu {
    width: 100%;
    z-index: 10;
    position: fixed;
    margin: 0;
    left: 0;
    top: 0;
    display: block;
    padding: 20px 15px 15px 15px!important;
}

.page-nav--active.user-logged-in .zindex_second_menu {
    padding: 59px 15px 15px 15px!important;
}


.page-nav--active .navbar {
    padding-top: 0;
}


.zindex_second_menu {
    z-index: 7;
    position: fixed;
    width: 100%;
}



.dropdown-language-item.btn-group.dropdown{
    position: relative;
    right: 75px;
}



ul li.menu_hamburger {
    right: 0;
    position: absolute!important;
}




/*.zindex_second_menu {
    position: fixed!important;
    width: 100%!important;
}*/

/*
    ul li.menu_hamburger {
     float: none!important; }*/
ul li.menu_hamburger {
    margin-right: 0px;
     float: none!important; 
    position: absolute;
    margin-left: 10px;
}

     .second_menu {
    height: 100%!important;    min-height: auto!important;position: fixed!important;
}


    .dropdown-language-item ul.dropdown-menu>li>a {
    line-height: 0!important;
}

/*#nav-icon {
    width: 40px!important;
    height: 30px!important;
}
*/
/*#nav-icon span {
    height: 4px!important;
    width: 80%!important;
    left: 4px!important;
}*/
/*
#nav-icon span:nth-child(1) {
    top: 1px!important;
}*/

/*#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
    top: 12px!important;
}*/
/*#nav-icon.open span:nth-child(1) {
    top: 18px!important;
    width: 0%!important;
    left: 50%!important;
}*/
/*#nav-icon.open span:nth-child(4) {
    top: 18px!important;
    width: 0%!important;
    left: 50%!important;
}*/
/*#nav-icon span:nth-child(4) {
    top: 23px!important;
}*/
/*ul li.menu_hamburger a {
    padding: 5px!important;
}*/
#block-dropdownlanguage button.language-link {
    line-height: 0!important;
}

section#block-dropdownlanguage {
    width: auto!important;}

/*body.user-logged-in .second_menu{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

   body.user-logged-in .second_menu > .container {
    position: absolute;
     top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;  transform: translate3d(0,0,0);

}*/
}


@media(max-width: 400px){
    .slider2 .item ,
.slider3 .item {
    padding: 15px;
}
}

/*
	Form appel à projet  
 */
.blocinfo .input .panel-heading{
    display: none;

}
.blocinfo .input .panel-body{
    padding: 0;

}

.blocinfo .inputs .inputlabel .input .form-control{
    width: auto;
    float: initial;
    margin-left: 0;
    display: inline-block;

}
.blocinfo .inputs .italicInfo .control-label{ 
    margin-top: 30px;
	margin-bottom: 15px;

}

.blocinfo .inputs .inputscheck .control-label{ 
   margin-bottom: 15px;

}

.confirm a {
    color: #0074bd !important;
}



/*gv*/
.gv .Exposition img {
    width: 100%;
    max-width: 100%;
}
/*end gv*/

/*agenda professeur*/
.event_prof .cour .data {
	
	font-family: 'robotobold';
	color: #000;
	font-size: 15px;
	margin: 20px 0 20px;
}

/* img edition */
.actualite-title figure img {
	height: 500px;
	width: 100%;
	object-fit: cover;
}

/* citation */
blockquote {
    font-family: "robotolight";
    font-size: 20px;
    text-align: center;
    border: 0;
	position:relative;
}
blockquote::before {
    content: url('https://bap.dev4omis.com/themes/custom/bootstrap_beauxartsparis_standalone/images/fle_left.png');
    position: absolute;
	left: -40px;
}
blockquote::after {
    content: url('https://bap.dev4omis.com/themes/custom/bootstrap_beauxartsparis_standalone/images/fle_right.png');
	position: absolute;
	right: -40px;
}


/*offre_nada*/
/*.nada main.body_content p strong {
    font-size: 24px;
}*/
.cours_nada main.body_content h4 {
    font-size: 18px;
    font-family: 'obiboksemibold';
    color: #000;
    margin: 0;
    margin-top: 20px;
}
.nada .nada-title figure img,
.cours_nada .nada-title img{
    width: 100%;
    object-fit: cover;
    height: 500px;
}
.nada .nada-title h1 {
    font-size: 38px;
    font-family: "obibokbold";
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

.nada .mtb {
    margin: 60px 0;
}

.nada .nav-tabs.nav-justified>li {
    padding: 20px 0;
}

.nada main.body_content h2 {
    font-size: 24px;
    font-family: 'obiboksemibold';
    margin: 0;
    margin-bottom: 25px;
}
.offre_nada main.body_content .vignettes figure {
    height: 305px;
    width: 100%;
}


.offre_nada main.body_content .vignettes h3 {
    font-size: 16px!important;
    font-family: 'obibokbold';
    margin-top: 20px;
    margin-bottom: 50px;
}

.div_detail {
    margin-bottom: 20px;
}
.div_prof {
    margin-bottom: 60px;
}
.offre_nada main.body_content .vignettes figure {
    position: relative;
    overflow: hidden;
}
.offre_nada main.body_content .vignettes figure.age_active:before ,
.offre_nada main.body_content .vignettes figure.age_active_jaune:before ,
.offre_nada main.body_content .vignettes figure.age_active_mauve:before {
    content: "";
    width: 300px;
    height: 154px;
    line-height: 40px;
    position: absolute;
    top: -55px;
    left: -115px;
    z-index: 0;
    overflow: hidden;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    text-align: center;
        -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.offre_nada main.body_content .vignettes figure.age_active:before {
	background: #fb5201;
}
.offre_nada main.body_content .vignettes figure.age_active_mauve:before {
	background: #650ecd;
}
.offre_nada main.body_content .vignettes figure.age_active_jaune:before {
	background: #f9f300;
}
.offre_nada main.body_content .vignettes figure.age_active:hover:before {
    background: #fb5201c7;
}
.offre_nada main.body_content .vignettes figure.age_active_mauve:hover:before {
    background: #650ecd;
}
.offre_nada main.body_content .vignettes figure.age_active_jaune:hover:before {
    background: #f9f300c4;
}
.offre_nada main.body_content .vignettes figure.age_active span:before ,
.offre_nada main.body_content .vignettes figure.age_active_mauve span:before ,
.offre_nada main.body_content .vignettes figure.age_active_jaune span:before ,
.offre_nada main.body_content .vignettes figure.age_active span:after ,
.offre_nada main.body_content .vignettes figure.age_active_jaune span:after,
.offre_nada main.body_content .vignettes figure.age_active_mauve span:after {
    display: none;
}


.offre_nada main.body_content .vignettes figure.age_active span ,
.offre_nada main.body_content .vignettes figure.age_active_mauve span,
.offre_nada main.body_content .vignettes figure.age_active_jaune span {
    font-size: 20px;
    font-family: "obibokmedium";
    color: #fff;
    position: absolute;
    top: 30px;
    left: 20px;
    text-transform: uppercase;
}
.offre_nada main.body_content .vignettes figure.age_active_jaune span {
    font-size: 20px;
    font-family: "obibokmedium";
    color: #000;
    position: absolute;
    top: 30px;
    left: 20px;
    text-transform: uppercase;
}
.nada main.body_content p {
    font-size: 15px;
    color: #000;    
    font-family: "obibokregular" !important;
}
.detail_cours {
    margin-bottom: 30px;
}
/*.nada main.body_content p strong {
    font-family: "obibokregular";
}
*/
.links_nada a {
    display: block;
    border: 2px solid #ff0066;
    padding: 10px 30px;
    width: 240px!important;
    max-width: 100%;
    margin: 50px auto!important;
}
.links_nada a:hover ,
.links_nada a:focus {
    border: 2px solid #ff0066b5;
 }

.presentation_nada main.body_content .links_nada a ,
.cours_nada main.body_content .inscription a {
    width: auto;
    font-size: 18px;
    margin: 0px;
    font-family: "robotobold";
    font-weight: 100;
    color: #ff0066;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
}
.cours_nada main.body_content .inscription a {
    display: inline-block;
    margin: 18px 0;
    border: 2px solid #ff0066;
}
.presentation_nada main.body_content a:hover ,
.cours_nada main.body_content .inscription a:hover {
    color: #ff0066b5;
 }

 .cours_nada main.body_content a {
    text-decoration: underline;
 }

 .cours_nada main.body_content ul {
padding: 0;
 }
 .cours_nada main.body_content ul li:before {
display: none;
 }

.cours_nada  main.body_content .inscription {
    background-color: #efe6fa;
    padding: 18px;
}

.cours_nada  main.body_content  .inscription a{
    text-align: center;
    /*display: block;*/
    background-color: #fff;
    padding: 15px 30px;
}
.cours_nada main.body_content .inscription p {
    font-family: "obibokmedium" !important;
}
/*.cours_nada  main.body_content  .inscription span{
font-weight: 700;
}*/
/*end offre_nada*/





@media (max-width: 767px) {
  /*offre nada*/
  .nada .nada-title h1 {
      font-size: 20px;
  }
  .nada .nada-title figure img ,
  .cours_nada .nada-title img{

    height: auto;
}
.nada .nav-tabs.nav-justified>li {
    padding: 5px 0;
}
.offre_nada main.body_content h2 {
    font-size: 20px;
}
.offre_nada main.body_content p {
    font-size: 15px;
}
.offre_nada main.body_content .vignettes figure {
    height: auto;
    display: inline-block;
}.offre_nada main.body_content .vignettes h3 {
    font-size: 18px!important;
text-align: center;}

.offre_nada main.body_content .vignettes img {
    width: auto!important;
    height: auto!important;
    object-fit: none;
}
.offre_nada main.body_content .vignettes figure.age_active span ,
.offre_nada main.body_content .vignettes figure.age_active_mauve span {
    font-size: 15px;
    top: 25px;
    left: 15px;
}
.offre_nada main.body_content .vignettes figure.age_active:before ,
.offre_nada main.body_content .vignettes figure.age_active_mauve:before {
    width: 210px;
    height: 90px;
    top: -32px;
    left: -49px;
}
.nada main.body_content h2 {
    font-size: 16px;
}.nada main.body_content p {
    font-size: 15px;
}

.cours_nada span {
    font-size: 15px;
}.cours_nada .detail_cours a {
    font-size: 15px!important;
}.cours_nada main.body_content .inscription a {
    padding: 10px 20px;
    margin: 10px 0;
}
.presentation_nada main.body_content a, .cours_nada main.body_content .inscription a {
    font-size: 15px;
}
.presentation_nada main.body_content a {
    font-size: 15px;
}
}




@media (max-width: 500px){
 .offre_nada .nada-title h1 {
      font-size: 20px;
  }
}

body .cours_nada main.body_content ul li
.event.Cours figure.figure {
    background-image: url(https://bap.dev4omis.com/sites/default/files/2020-09/2020-09-23.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	font-size: 16.94px!important;
	font-family: "robotolight" !important;
	font-weight: 100;
	color: #000;
}

.cours_nada span  {
display: block;
font-size: 15px;
font-family: "robotoregular";
font-weight: 100;
color: #000;
}
.cours_nada .inscription .text_small {
    font-size: 12px;
}
/* .cours_nada .detail_cours a { */
/* font-size: 18px!important; */
/* } */

span.timecour {
    color: #fb5201;
    font-family: 'robotobold';
    font-size: 15px;
}

span.date {
    color: #000;
    font-family: 'robotobold';
    font-size: 15px;
}

#node-template-pp-edit-form #edit-submit1 {
    float: right !important;
    width: 60%;
}
/* cookies ui */
#cookiesjsr{
    --banner-bg-color: #5d16c5 !important;
    --font-size-reset: 16px !important;
    --btn-bg-color: #5d16c5;
    font-weight: 400 !important;
    font-family: obibokregular !important;
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
    background-color: #5d16c5;
}
.cookiesjsr-btn.important, .cookiesjsr-btn.invert{
    background-color: #5d16c5 !important;
    color: #fff !important;
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab{
    background-color: #5d16c5 !important;

}
.cookiesjsr-btn.important.invert, .cookiesjsr-btn.invert{
    border-color: #5d16c5 !important
}
.cookiesjsr-service--always-on{
    color: black !important;
}
button.cookiesjsr-btn.invert.denyAll {
    display: none;
}
button.cookiesjsr-btn.invert.important.dialog-last-tab {
    display: none;
}
.mentions-legales td{
    padding: 5px 10px;
}
.mentions-legales th{
    padding: 5px 10px;
    text-align: center;
}
.popup.popupbienvenueclose {
    background-color: white;
    border: 0px;
    
}
.pop.modal-header{
    text-align: right;
    padding-bottom: 0px;
}


/*Podcast*/

.collection.podcast{
  padding-top: 20px;
  padding-bottom: 60px;
}

.collection.podcast .row {
    background: #fff;
    padding: 25px 30px;
    margin-bottom: 30px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.collection.podcast .row .column-first{
  justify-content: space-between;
}
.collection.podcast .row .column-second{
    display: flex;
    justify-content: center;
}
@media (min-width: 768px) {
  .collection.podcast .row .column-second{
    justify-content: end;
}
}
@media (min-width: 768px) {
  .collection.podcast figure img{
    height:243px !important;
    width:243px !important;
  }
}
.collection.podcast h2,.collection.podcast h2 a,
.collection.podcast h2 a:hover, .collection.podcast h2 a:active  {
    color:#000;
    text-decoration:none;
    font-size:23px;
}
@media (min-width: 768px) {
  .collection.podcast h2,.collection.podcast h2 a,
  .collection.podcast h2 a:hover, .collection.podcast h2 a:active  {
    font-size:42.542px;
  }
}
.collection.podcast .row h3 {
    padding-top: 30px;
}

.collection.podcast .row p {
    margin: 15px 0;
    font-size:20px;
}
.collection.podcast a.podcast-link,
.collection.podcast a.podcast-link:hover,
.collection.podcast a.podcast-link:active{
 color:#f06!important;
 padding-bottom: 30px;
 text-decoration: underline;
 padding-left:45px;
}

.collection.podcast a.podcast-link:hover,
.collection.podcast a.podcast-link:active{
 text-decoration: underline;
}

.collection.podcast a.podcast-link:before{
  content: "";
  position: absolute;
  left: 15px;
  width: 30px;
  height: 30px;
  background: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/icon-listen.svg) 50% 50% no-repeat;
  background-size: 30px;
}
.list-inline.social a.twitter svg {
    margin-bottom: -3px;
}
.content_evenement.podcast figure img {
  height: 700px !important;
}

audio-player{
  background:#650ecd;
  padding:10px 30px;
  display:block;
  color:#fb5201;
}
.podcast .container_.header-podcast{
  max-width:800px;
  margin:auto;
}
.podcast .mtb h2{
color:#fff;
}
.podcast.col-lg-4 a,
.podcast.col-lg-4 a:hover,
.podcast.col-lg-4 a:active {
    margin-top: 20px;
    display: block;
    font-size: 20px;
    font-family: "obibokbold";
    color: #fff;
    text-decoration:none;
}
.back-link {
    display: inline-block;
    margin: 30px 0;
}
.podcast .back-link a,.podcast .back-link a:hover,.podcast .back-link a:active {
  color:#fff;
  
}
.podcast .back-link a:before{
    content: "";
    position: relative;
    left: 0;
    width: 11px;
    height: 11px;
    background: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/prev.svg) 50% 50% no-repeat;
    background-size: 11px;
    display: inline-block;
    top: 1px;
}
.ready-player-1.green-audio-player {
    background: #650ecd !important;
    width: 100%;
    border-radius: 0;
}
.play-pause-btn {
    top: -5px;
    position: relative;
}
.play-pause-btn svg {
    width: 35px;
    height: 35px;
}
.green-audio-player svg path {
    fill: #fff !important;
}
.green-audio-player .controls{
  color:#fb5201 !important;
}
.green-audio-player .slider .gap-progress,
.green-audio-player .slider .gap-progress .pin {
    background-color: #fb5201 !important;
}



/*ACCESSIBILITE*/

/*Lien évitement*/
a.skip-link:focus, a.skip-link:hover {
color: #650ecd;
  text-decoration: none;
  outline-offset: 2px;
  outline: solid #650ecd 2px !important;
  line-height: 2;
  margin-left: 5px;
}
/*Main Menu*/
button.dropdown-toggle.menu-main{
  background-color: transparent !important;
  border: none;
  font-family: 'obibokmedium';
  color: #fff;
  word-break: break-word;
  white-space: normal;
  padding-left: 0;
  text-transform: uppercase;
  font-size:18px;
  font-weight:900;
}
@media (min-width: 768px){
  button.dropdown-toggle.menu-main{
    padding: 10px 15px;
    font-size: 18px;
    text-transform: none;
    font-weight:400;
    line-height: 20px;
  }
}
  @media (max-width: 1199px){
  ul.menu.menu--main.nav button.dropdown-toggle.menu-main:before {
    content: '\f067';
    position: absolute;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    right: 0;
    top: 10px;
    font-size: 30px;
    transition: all .5s;
    transform: scale(1);
    -webkit-text-stroke: 5px #650ecd;
  }
  ul.menu.menu--main.nav>li.expanded.dropdown.open button:before {
    content: '\f068';
  }
}
@media (min-width: 1200px){
  button.dropdown-toggle.menu-main{
    padding: 15px 10px;
    font-size: 14px;
    text-transform: uppercase;
  }
}
@media (min-width: 1366px) {
  button.dropdown-toggle.menu-main{
    padding: 10px;
    font-size: 15px;
    line-height: 20px
  }
}
button.dropdown-toggle.menu-main:hover,
li.active button.dropdown-toggle.menu-main{
  color: #f9f300 !important;
}
/*Menu burger*/
.menu--burger-menu li.sub-menu{
  margin-right:100px;
}
.menu--burger-menu li.sub-menu button.dropdown-toggle.menu-main {
    font-size: 18px;
    font-family: 'obibokmedium';
    font-weight: 900;
    text-transform: uppercase;
    padding: 10px 15px 5px 0;
}
@media (min-width: 768px){
  .menu--burger-menu li.sub-menu button.dropdown-toggle.menu-main{
    font-size: 30px;
    font-family: "obibokbold";
    text-transform: none;
    line-height: 48px;
    padding: 20px 15px;
  }
}
.menu--burger-menu li.sub-menu button.dropdown-toggle.menu-main:before,
.menu--burger-menu li.sub-menu.open button.dropdown-toggle.menu-main:before{
    content: '\f067';
    font-size: 33px;
    position: absolute;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    right: 5px;
    top: 10px;
    transition: all .5s;
    transform: scale(1);
    -webkit-text-stroke: 5px #650ecd;
}
.menu--burger-menu li.sub-menu.open button.dropdown-toggle.menu-main:before{
  content: '\f068';
}
/*Webform*/
form.webform-submission-form .italicInfo.required {
  display: block;
  margin: 10px;
  text-align: right;
}
.description {
    margin:0 0 15px 0 !important;
}
.piececomp .description {
  margin:5px 0 0 0 !important;
} 
#edit-pieces-complementaires--description {
    text-transform: none;
    font-weight: 400;
}
form .h2 {
    display: block;
    font-weight: 600;
}
.webform-button--submit,
.webform-button--submit:hover,
.webform-button--submit:focus,
.webform-button--submit:active{
  margin-top: 20px;
    color: #fff;
    background-color: #e90d59;
    border-color: #e90d59;
    text-transform: uppercase;
    width: auto;
    min-width: 115px;
    font-family: 'robotoregular';
    border-radius: 0;
}
.panel-default > .panel-heading{
  background:transparent;
}

.panel-title {
    font-family: "robotoregular";
    font-size: 15px;
    line-height: 1.6;
    color: #000 !important;
    font-weight: 700;
    
}#edit-cocher-une-deux--wrapper legend {
    border: none;
    font-size: inherit;
    font-weight: 700;
    margin-bottom: 5px;
}
@media (max-width: 1400px){
/*
  .sides_margin {
    padding: 0 50px !important;
  }
*/
}
@media (max-width: 767px){
/*
  #slider_actualites svg, #slider_agenda svg, #slider_soutenir svg {
    width: 28px !important;
    height: 49px !important;
  }
*/

/*
  #slider_actualites .owl-nav .owl-prev,
  #slider_agenda .owl-nav .owl-prev,
  #slider_soutenir .owl-nav .owl-prev {
    left: -45px !important;
  } 
*/

/*
  #slider_actualites .owl-nav .owl-next,
  #slider_agenda .owl-nav .owl-next, 
  #slider_soutenir .owl-nav .owl-next {
    right: -45px !important; 
  }
} */

.view-agenda-home .slider3,
.slider4.partenaires {
    position: relative;
}
.pause_actualites,
.play_actualites,
.pause_agenda,
.play_agenda,
.pause_soutenir,
.play_soutenir{
  position:absolute;
  top:50%;
}
.play_actualites,
.play_agenda,
.play_soutenir{
  display:none;
}
.pause_actualites:before,
.pause_agenda:before,
.pause_soutenir:before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/pause-owl.png) 50% 50% no-repeat;
    background-size: 50px;
    cursor:pointer;
}
.play_actualites:after,
.play_soutenir:after,
.play_agenda:after{
    content: "";
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/play-owl.png) 50% 50% no-repeat;
    background-size: 50px;
    cursor:pointer;
}
.pause_actualites:before,
.play_actualites:after{
    left: -57px;
    top: calc(50% - 20px);
}
      @media (min-width: 768px){
         .pause_actualites:before,
         .play_actualites:after{
           top: calc(50% - 50px);
           left: -70px; 
         }
      }
      @media (min-width: 992px){
        .pause_actualites:before,
        .play_actualites:after{
          top: calc(50% - 40px);
        }
      }
.pause_agenda:before,
.play_agenda:after{
    left: -5px;
    top: calc(50% - 20px);
}
      @media (min-width: 768px){
       .pause_agenda:before,
       .play_agenda:after{
         left: -23px; 
         top: calc(50% - 50px);
       }
      }
      @media (min-width: 992px){
        .pause_agenda:before,
        .play_agenda:after{
          top: calc(50% - 40px);
        }
      }
      @media (min-width: 1401px){
       .pause_agenda:before,
       .play_agenda:after{
         left: -70px; 
       }
      }
.pause_soutenir:before,
.play_soutenir:after{
    left: -57px;
    top: calc(50% - 10px);
}
      @media (min-width: 500px){
        .pause_soutenir:before,
        .play_soutenir:after{
          top: calc(50% - 25px);
        }
      }
      @media (min-width: 600px){
        .pause_soutenir:before,
        .play_soutenir:after{
          top: calc(50% - 70px);
        }
      }
      @media (min-width: 768px){
         .pause_soutenir:before,
         .play_soutenir:after{
           top: calc(50% - 50px);
           left: -70px; 
         }
      }
      @media (min-width: 992px){
        .pause_soutenir:before,
        .play_soutenir:after{
          top: calc(50% - 40px);
        }
      }


.pause_home,
.play_home{
  position:absolute;
}
.play_home{
  display:none;
}
.pause_home:before{
    content: "";
    position: absolute;
    display: inline-block;
    left: 15px;
    bottom : 15px;
    width: 50px;
    height: 50px;
    background: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/pause-owl.png) 50% 50% no-repeat;
    background-size: 50px;
    cursor:pointer;
    z-index:10;
}
.play_home:after{
    content: "";
    position: absolute;
    display: inline-block;
    left: 15px;
    top: -65px;
    width: 50px;
    height: 50px;
    background: url(/themes/custom/bootstrap_beauxartsparis_standalone/images/play-owl.png) 50% 50% no-repeat;
    background-size: 50px;
    cursor:pointer;
    z-index:10;

}
.nav.navbar-right {
  display: flex;
  align-items: center;
}