nav.main_menu.right {
  margin-left: 270px;
}
.flux-img-preview {
    width: 100% !important;
    max-width: 320px;
}

:root {
  --blue: rgb(0,102,188);
  --green: rgb(159,206,100);
  --blueGreen: rgb(41, 196, 175);
  --lightblue: rgb(0,189,240);
  --pink: rgb(209,141,189);
  --red: rgb(255,50,45);
  --orange: rgb(255,138,61);
  --yellow: rgb(255,199,0);
  --purple: rgb(134,51,122);
  --grey: #f1f1f1;
  --cream: rgb(245, 244, 236);
}
/*content title fix*/
.content{
  margin-top:0px !important;
}
.title{
  height: 100px !important;
}

.title_holder {
padding: 0px !important;
}

/*pack*/
.pack-row{
  padding:20px;
}

/*Title*/
.title_subtitle_holder {
    display: block;
    position: relative;
    background: no-repeat center #0067b1 url(https://troyes-events.v3.mobylee.com/assets/uploads/sites/51/2019/10/title-bg.png) ;
    padding: 20px;
    color: white;
    text-align: center;
}

.title_subtitle_congres {
    background: no-repeat center #54BDB3 url(https://troyes-events.v3.mobylee.com/assets/uploads/sites/51/2019/10/title-bg.png) !important;
}

.title_subtitle_argence {
    background: no-repeat center #86357A url(https://troyes-events.v3.mobylee.com/assets/uploads/sites/51/2019/10/title-bg.png) !important;
}

.title_subtitle_cube {
    background: no-repeat center #ED6A3E url(https://troyes-events.v3.mobylee.com/assets/uploads/sites/51/2019/10/title-bg.png) !important;
}


.title_subtitle_holder > h1 {
  color:white
}
/*font familly*/
body {
  font-family:nunito, sans serif;
  overflow:hidden!important;
}
html {
  font-family: 'nunito', sans serif;
  text-transform: unset;
}


/*search*/
.header_top .left {
  float:left;
  height:100%;
  width:30%;
}
.header_top .left .inner>div, .header_top .left .inner>div:last-child {
  width: 100%;
  border: 1px solid lightgray;
}
/*header top*/
.header_top {
  margin: 10px 0px
}
body,.header_top {
  background-color:#FFC700;
}

.header_inner{
  background-color:#FFC700;
}
.header_top #searchform {
  background-color:white;
}
.header_top .right { margin-top: 3px; }

/*button*/
button, .button {
  border: none;
  font-size: 18px;
  transition: .3s;
  font-family: 'nunito', sans serif;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  text-transform: initial;
  border-radius:6px;
  height:40px;
  box-sizing: border-box !important;
}

.button--yellowBlue {
  background-color: var(--yellow)!important;
  color:white;
}

.button--yellowBlue:hover {
  background-color: var(--yellow) !important;
  color: var(--blue) !important;
}

.button--blueWhite {
  background-color: var(--blue);
  color: white;
}

.button--blueWhite:hover {
  background-color: var(--yellow) !important;
  color:white !important;
}

.button--ghost {
  background-color: var(--blue);
  color: white;
  border: 1px solid var(--blue);
}

.button--ghost:hover {
  background-color: var(--yellow) !important;
  color: white !important;
  border: 1px solid #FFF !important;
}

.button--whiteghost {
  background-color: white;
  color: var(--green);
  border: 1px solid white;
}

.button--whiteghost:hover {
  background-color: transparent !important;
  color:white !important;
  border: 1px solid white !important;
}

.button--purpleghost {
  background-color: white;
  color: var(--purple);
  border: 1px solid white;
}

.button--purpleghost:hover {
  background-color: transparent !important;
  color:white !important;
  border: 1px solid white !important;
}

.button--orangeghost {
  background-color: white;
  color: var(--orange);
  border: 1px solid white;
}

.button--orangeghost:hover {
  background-color: transparent !important;
  color:white !important;
  border: 1px solid white !important;
}

.button--bluegreenghost {
  background-color: white;
  color: var(--blueGreen);
  border: 1px solid white;
}

.button--bluegreenghost:hover {
  background-color: transparent !important;
  color:white !important;
  border: 1px solid white !important;
}



.button--yellow {
  background-color: var(--yellow);
  color: white;
}

.button--yellow:hover {
  background-color: var(--blue) !important;
  color: white !important;
}
/*footer*/
#partenaires { margin-top: 20px; }

/*utilities*/
.justify {
  text-align:justify;
}


/*home titre*/
.section__titre {
  font-size: 25px;
  line-height: 30px;
}

.services{
    padding: 30px;
}

.services:hover { background-color:#303030 }
.services:hover strong { color: #FFC700; }
.services:hover img { filter: invert(35%) sepia(70%) saturate(633%) hue-rotate(359deg) brightness(105%) contrast(101%)
}

.service-green{
  background-color: #9FCE64;
}

.service-blue{
  background-color: #00bdf0;
}

.service-pink{
  background-color: #D18DBD;

}

.service-purple{
  background-color: #86337A;
}

.service-yellow{
  background-color: #FFC700;
}

.service-orange{
  background-color: #FF8A3D;
}

/*espaces*/
.fit__img {
  object-fit: cover;
}


.div-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; / No underlines on the link /
    z-index: 10; / Places the link above everything else in the div /
    background-color: #FFF; / Fix to make div clickable in IE /
    opacity: 0; / Fix to make div clickable in IE /
    filter: alpha(opacity=1); / Fix to make div clickable in IE /
}




@media screen and (max-width: 1000px) { 
    .header_top {
        display: none!important;
    }
  .hide-mobile {
        display: none!important;
  
  }

}