/*==== ALBI OT CSS ====*/
/*-===-FONTS---*/
/*-===-COLORS---*/
/*-===-GENERAL---*/
/*-===-GENERIC TAGS AND ZONES---*/
/*-===-TOP PAGE/FRONT NAVBAR MAIN MENU---*/
/*-===-BREADCRUMB---*/
/*-===-HOME PAGE---*/
  /*-==-SLIDER TOP HOME---*/
  /*-==-ACTU UNE---*/
  /*-==-AGENDA HOME---*/
  /*-==-SOCIAL WALL HOME---*/
/*-===-PAGE BASIQUE---*/
  /*-==-PAGE INTRO---*/
  /*-==-PAGE CENTER---*/
  /*-==-PAGE SIDEBAR---*/
  /*-=-ACCUEIL DE RUBRIQUE---*/
/*-===-PAGE FICHE APIDAE---*/
/*-===-PAGE FICHE AGENDA---*/
/*-===-PAGE ACTU---*/
/*-===-PAGES MOTEUR---*/
/*-===-MOTEURS APIDAE---*/
/*-===-PAGE GALERIE---*/
/*-===-PAGES PROFILS---*/
/*-===-TABLES---*/
/*-===-FORMS---*/
  /*-==-CONTACT FORMS---*/
/*-===-SEARCH GENERAL---*/
/*-===-SEARCH ENGINES---*/
  /*-==-PAGINATION---*/
  /*-==-SEARCH RESULTS---*/
/*-===-CARTO---*/
/*-===-FOOTER---*/
/*-===-PLAN DU SITE---*/
/*-===-SPRITES---*/
/*-===-PHOTOBOX CSS---*/
/*-===-MEDIA QUERIES---*/

/*-===----------------------------------------------------------------*/
/*-------------------- FONTS --------------------*/

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

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

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

@font-face {
  font-family: 'exodemibold';
  src: url('../fonts/exo-semibold-webfont.woff2') format('woff2'),
       url('../fonts/exo-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

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

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

@font-face {
  font-family: 'opensans_semibold';
  src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
       url('../fonts/opensans-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?1190255');
  src: url('../fonts/fontello.eot?1190255#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?1190255') format('woff2'),
       url('../fonts/fontello.woff?1190255') format('woff'),
       url('../fonts/fontello.ttf?1190255') format('truetype'),
       url('../fonts/fontello.svg?1190255#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*-===----------------------------------------------------------------*/
/*-------------------- COLORS ----------------------------------------*/

.gold{
  background-color: #c6ad84;
}

.dark-gold{
  background-color: #a38e57;
}

.dark-gray{
  background-color: #2b2833;
}

.gray{
  background-color: #55545c;
}

.light-gray{
  background-color: #d9d5d6;
}

.orange{
  background-color: #ea5831;
}

.white-text {
	color: #fff;
}

/*-===----------------------------------------------------------------*/
/*-------------------- GENERAL ---------------------------------------*/

/*Remove blue outline chrome inputs */

input:focus,
select:focus,
textarea:focus,
button:focus{
  outline: none;
}

/*Remove statistic counter */
.statistics_counter{
  display: none !important;
}

.gmnoprint img {
  max-width: none !important; 
}

/*- Remove Scald Authors and Tags -*/
.field-name-scald-authors,
.field-name-scald-tags{
  display: none;
}


/*- Masquage zoho temporaire -*/
#zlsbub {
  display: none;
}

/*--===---------------------------------------------------------------*/
/*-------------------- FONTELLO ------------------------*/
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?1190255#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-tripadvisor:before { content: '\f262'; } /* '' */

/*--===---------------------------------------------------------------*/
/*-------------------- GENERIC TAGS AND ZONES ------------------------*/
body {
  margin:0;
  padding:0;
  font-weight:normal;
  color:#2b2833;
  font-family:'opensansregular', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #ffffff;
}

.col-lg-12{
  padding: 0;
}

.main-container{
  padding: 0;
  background: #fff; 
}

.main-container > .row{
  margin-bottom: 30px;
}

.section-gray{
  background-color: #f2f2f2;
}

p{
  margin: 10px 0;
	letter-spacing: 0
}

a{
	color: #a38e57;
}

a:visited {
  transition:all 0.2s ease 0s;
}

a:hover, a:focus, a:active {
  color: #c6ad84;
  outline: none;
}

#block-views-contacts-block a:link{
  color: #464447;
  text-decoration: underline;
}  

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

ul{
  padding: 0
}

.center-content ul {
	padding-left: 40px
}

.center-content ul.page-shortcuts-top-wrapper,
.center-content ul.tabs--primary {
	padding: 0;
}

.center-content ul.page-shortcuts-top-wrapper a {
	font-size: 18px;
  text-decoration: none
}

iframe{
  max-width: 100%;
  max-height: 400px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family: inherit;
  line-height: 1.1;
  color: inherit;
  letter-spacing: 1px;
}

.views-field-title{
	letter-spacing: 1px;
}

.page-header{
  margin: 0;
  border-bottom: none;
}

h1, h2, .h2, h3, .h3, h4{
	font-family: 'exobold', Arial, sans-serif;
}

h1, h2, .h2 {
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  font-size: 2em;
}

/* clearfix for floats */
h1:after,
h2:after,
h2,
.h2 {
  content: "";
  display: table;
  clear: both;
}

h2.block-title{
  position: relative;
  height: 35px;
  color: #2b2833;
  font-weight: normal;
}

h3, .h3{
  margin: 0;
  margin-bottom: 10px;
  background: none !important;
  text-transform: none !important;
}

li{
  list-style-type: none;
}

.page-node .center-content ol{
  padding-left: 40px;
}

.page-node .content .field-name-body ol li, 
#block-views-agenda-agenda-infos-pratiques ol li, 
.field-name-field-infos-pratiques ol li{
  padding: 2px 0 0 5px;
  list-style-type: decimal;
  background: none;
}

.page-node .center-content ol li span{
	color: #464447;
}

.strong{
  font-family: 'opensansbold', Arial, sans-serif;
}

.backlink{
  display: none;
  padding: 7px;
}

.backlink:before{
  content: "\25C4";
  margin-right: 10px;
  color: #fff;
}

/*--Enleve le surlignement au focus des liens/boutons (bootstrap)--*/
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus{
  outline: none;
}


#tarif-mini-sort-bloc{
  display: none;
}

/*-===-TOP PAGE/FRONT NAVBAR MAIN MENU------------------------------------------------------*/
.background-white{
  background: #fff;
}

.bandeau-top {
  position: relative;
  min-height: 775px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  background-attachment: fixed;
}

.bandeau-top.bandeau-court {
  min-height: 300px;
  background-attachment: inherit;
}

header#navbar{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: none;
  width: auto;
  margin: 0;
  z-index: 1000;
  border: none;
  background: #27252a;
}

header#navbar::after{
  content: url('../img/OT_coeur_menu.png');
  display: block;
  position: absolute;
  top: 30px;
  right: -40px;
  opacity: .2;
}
body .wrapper-top-header .OsPanier.api .ospanier.minitoggle .entete{
  height: 20px;
}

body .wrapper-top-header .OsPanier.api .ospanier.minitoggle .entete{
  background-size: contain!important;
}
/*
body .wrapper-top-header .OsPanier.api .ospanier.minitoggle .entete .EnteteNbArticles{
  
}
*/
.logged-in header#navbar {
  top: 28px;
}

header#navbar.show{
  display: block;
  min-height: 500px;
  margin-top: 80px;
  padding-top: 0;
  padding-bottom: 70px;
}

#micros-datas {
  display: none;
}

.navbar .logo, .navbar .logo .home-logo {
	position: absolute;
}

.navbar .logo {
	display: block;
	z-index: 13;
	left: -4px;
}

.navbar .logo .home-logo{
  right: 24px;
  top: 9px;
}

/*--- Traduction -------------------------------------------------------*/

.wrapper-top-header > li.trad-dropdown-wrapper{
  padding-left: 10px;
  padding-right: 0;
}

.wrapper-top-header > li.trad-dropdown-wrapper + li{
  margin-left: 7px;
}

.wrapper-top-header > li.trad-dropdown-wrapper + li + li{
  margin-left: 17px;
}

#block-lang-dropdown-language{
  position: absolute;
  right: -30px;
  top: 30%;
}

select.lang-dropdown-select-element{
  padding: 0;
  font-family: 'exodemibold', Arial, sans-serif;
  font-size: 14px;
  color: #2b2832;
  text-transform: uppercase;
  background: none;
}

select.lang-dropdown-select-element option{
  background: #c6ad84;
  color: #fff;
}

select.lang-dropdown-select-element option:focus,
select.lang-dropdown-select-element option:hover{
  background: #c6ad84;
}

.EnteteNbArticles{
  height: 25px !important;
  line-height: 25px !important;
}

#navbar #block-block-8{
  position: relative;
  height: 50px;
  display: inline-block;
  float: right;
}

#navbar #block-block-8 p{
	font-family: 'exobold', Arial, sans-serif;
  font-size: 16px;
  color: #a5a5a5;
}

#navbar #block-block-8 p a{
  margin: 0 7px;
	border: 1px solid #f45057
}

.navbar.container > .container {
  max-width: 1170px;
  margin: 0 auto;
}

/*@-moz-document url-prefix() {

}*/

.menu-logo {
  position:fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  background-color: #fff;
}

.logged-in .menu-logo{
  top: 28px;
}


.menu-logo-wrapper {
  position: relative;
  padding-right: 70px;
}

#block-search-form{
  float: right;
  margin: 25px 0 0 0;
  height: 35px;
  border-left: 1px solid #FFF;
}

#search-block-form{
	margin: 0;
}

#search-block-form .input-group-btn{
	display: inline-block
}

#block-search-form .input-group{
  display: inline-block;
	border: 0
}

#block-search-form input[type="text"] {
  display: none;
  height: 35px;
  float: right;
  width: 165px;
  padding-left: 10px;
  border: none;
  border-radius: 0;
  font-family: 'exobold', Arial, sans-serif;
}

#block-search-form input[type="text"]::-webkit-input-placeholder {
  color: #a5a5a5;
}

#block-search-form input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #a5a5a5;
}

#block-search-form input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
  color: #a5a5a5;
}

#block-search-form input[type="text"]:-ms-input-placeholder {  
  color: #a5a5a5;
}

#block-search-form button{
  padding-left: 0px;
  border-radius: 0;
  border: 0;
  transition: all 0.2s ease-in-out;
}

#block-search-form button i{
  margin-top: -5px;  
  color: #333;
}

#block-search-form button:focus,
#block-search-form button:hover{
  background-color: #a38e57;
}

#block-search-form button:focus i,
#block-search-form button:hover i{
  color: #fff;
}

#block-search-form .form-item{
  display: none;
}

.wrapper-first-level-menu {
  float: right;
}

.wrapper-first-level-menu > ul{
  margin: 0;
}

.wrapper-first-level-menu li {
  display: inline-block;
  padding: 30px 11px;
  font-size: 15px;
  font-family: 'opensans_semibold', arial, sans-serif;
  cursor: pointer;
  color: #2b2832;
  text-transform: uppercase;
  border-bottom: 3px solid #fff;
}
.wrapper-first-level-menu li.focus,
.wrapper-first-level-menu li:hover,
.wrapper-first-level-menu li:focus{
  border-bottom: 3px solid #a18d5a;
}


.wrapper-first-level-menu li:hover,
.wrapper-first-level-menu li:focus {
  color: #a18d5a
}

.navbar-default .navbar-toggle {
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1002;
  border: 0;
}

.navbar-toggle.on {
  margin-top: 20px
}

.sr-only {
  position: static;
  display: block;
  width: auto;
  height: 20px;
  text-transform: uppercase;
  font-family: 'exodemibold', Arial, sans-serif;
  font-size: 12px;
  color: #fff;
}

.navbar-toggle.on .sr-only {
  display: inline-block;
  width: 90px;
  padding-top: 1px;
  text-align: left;
}

.navbar-toggle {
  margin-top: 13px;
  border-radius: 5px;
  background-color: #a38e57 !important;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 32px;
  height: 2px;
  border-radius: 0;
  background-color: #fff;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}

.navbar-toggle.on .icon-bar {
  display: none;
}

.navbar-toggle:focus,
.navbar-toggle:hover,
.open-menu-fixed button {
  background-color: #a38e57;
}

.navbar-collapse{
  padding-left: 0;
}

.navbar-collapse .menu-block-3 > ul.menu.nav.secondary{
  display: none;
}

.navbar-default .navbar-collapse {
	display: block !important;
	height: auto !important;
	overflow: visible !important;
}

.nav>li{
  position: static;
}

.menu-block-3 > ul.menu.nav{
	margin: 0 auto;
  margin: 0 auto;
}

.menu-block-3 > ul.menu.nav ul.menu.nav{
  display: none;
  margin: 0;
  padding: 3px 0 8px 0;
  border: none;
  border-radius: 0;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav {
  overflow: hidden;
}

.menu-block-3 > ul.menu.nav > li > ul.menu.nav{
  width: 70%;
  float: right;
}

.menu-block-3 > ul.menu.nav ul.menu.nav > li {
  display: block;
  width: 100%;
  margin: 20px;
  float: left;
}

.menu-block-3 > ul.menu.nav ul.menu.nav > li a{
  display: block;
  width: 100%;
  margin: 0;
  padding: 6px 15px;
  /*font-family: 'exobold', Arial, sans-serif;*/
  font-size: 16px;
  white-space: normal;
  text-decoration: none;
  color: #fff
}

.menu-block-3 > ul.menu.nav ul.menu.nav > li a.active-trail,
.menu-block-3 > ul.menu.nav ul.menu.nav > li a:hover,
.menu-block-3 > ul.menu.nav ul.menu.nav > li a:focus {
  color: #b9a273;
  background: none;
}

.menu-block-3 > ul.menu.nav > li {
  min-height: 430px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

#block-menu-menu-menu-pied-de-page ul > li:hover{
  background-color: #646466
}

#block-menu-menu-menu-pied-de-page ul > li:hover > a{
  color: #000;
}

.menu-block-3 > ul.menu.nav > li > a > span {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
  text-shadow: 3px 3px 8px #333
}

.menu-block-3 > ul.menu.nav > li > a{
  position: relative;
  display: inline-block;
  width: 30%;
  height: 50px;
  margin: 0 0 -5px 0;
  text-align: center;
  line-height: 1.2;
  font-family: 'exobold', Arial, sans-serif;
  color: #ffffff;
  font-size: 30px; 
  text-transform: uppercase;
  letter-spacing: 1px;
  background-size: cover;
}

.menu-block-3 > ul.menu.nav > li > a:hover{
  cursor: default;
}

.menu-block-3 > ul.menu.nav > li:hover > a,
.menu-block-3 > ul.menu.nav > li:focus > a {
  color: #a18d5a
}

.menu-block-3 > ul.menu.nav > li > a.open,
.menu-block-3 > ul.menu.nav > li > a.open {
  color: #fff
}

.menu-block-3 > ul.menu.nav > li:hover > a.open,
.menu-block-3 > ul.menu.nav > li:focus > a.open {
  color: #fff;
}


.wrapper-close-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 1001;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}

.partage-header {
  display: flex!important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(161,141,90,1);
  background: -moz-linear-gradient(left, rgba(161,141,90,1) 0%, rgba(161,141,90,1) 49%, rgba(185,162,115,1) 52%, rgba(185,162,115,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(161,141,90,1)), color-stop(49%, rgba(161,141,90,1)), color-stop(52%, rgba(185,162,115,1)), color-stop(100%, rgba(185,162,115,1)));
  background: -webkit-linear-gradient(left, rgba(161,141,90,1) 0%, rgba(161,141,90,1) 49%, rgba(185,162,115,1) 52%, rgba(185,162,115,1) 100%);
  background: -o-linear-gradient(left, rgba(161,141,90,1) 0%, rgba(161,141,90,1) 49%, rgba(185,162,115,1) 52%, rgba(185,162,115,1) 100%);
  background: -ms-linear-gradient(left, rgba(161,141,90,1) 0%, rgba(161,141,90,1) 49%, rgba(185,162,115,1) 52%, rgba(185,162,115,1) 100%);
  background: linear-gradient(to right, rgba(161,141,90,1) 0%, rgba(161,141,90,1) 49%, rgba(185,162,115,1) 52%, rgba(185,162,115,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18d5a', endColorstr='#b9a273', GradientType=1 );
}

.partage-header>.container{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0;
}

.partage-header .open-partage-header {
  display: none;
}

#overlay {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.partage-header>div{
  display: inline-block;
  float: left;
}

.partage-header div.bonsplans-header{
  width: 347px;
  padding: 10px;
  background-color: #a18d5a;
}
.partage-header div.liens-footer-header{
  display: flex;
  flex: 1;
  background-color: #b9a273;
}
.partage-header div.liens-footer-header>ul{
  display: flex;
  flex: 1;
  align-items: stretch;
  justify-content: space-around;
}

.partage-header div.liens-footer-header>ul>li {
  display: flex;
  justify-content: stretch; 
  flex: 1;
  flex-basis: auto;
  text-align: center;
}

.partage-header div.liens-footer-header>ul>li>a{
  display: flex;
  position: relative;
  align-items: center;
  flex: 1;
  justify-content: center;
}
.partage-header div.liens-footer-header>ul>li>a::after{
  content: ' ';
  position: absolute;
  right: 0;
  display: block;
  width: 1px;
  border: 1px solid #fff;
  height: 70%;
}

.partage-header div.liens-footer-header>ul>li:last-child > a::after{
  display: none;
}


.partage-header div.liens-footer-header>ul>li>a:hover{
  text-decoration: none;
  background-color: #A18D5A;
}

.partage-header div.liens-footer-header a span{
  flex: initial;
}
.partage-header div.bonsplans-header h3{
  margin: 0;
}
.partage-header div.bonsplans-header h3 span{
  display: block;
  margin: 5px;
}
.partage-header div.bonsplans-header h3 span.first-part{
  text-transform: uppercase;
}
.partage-header div.bonsplans-header h3 span.sec-part{
  color: #fff;
}

.partage-header ul {
  margin: 0;
}

.partage-header li {
  display: inline-block;
  list-style: none;
  font-family: 'exodemibold', Arial, sans-serif;
  font-size: 18px;
}

.partage-header .liens-footer-header li a{
  color: #fff;
}

.partage-header li > span {
  margin-right: 10px;
  text-transform: uppercase;
}

.partage-header .telephone {
  color: #fff;
  font-size: 25px;
  margin-right: 65px;
}

.wrapper-top-header {
  width: 40px;
  float: right;
  margin: 15px 10px 0 10px;
}

.wrapper-top-header > li{
  display: inline-block;
  float: left;
  margin-left: 17px;
  padding-left: 17px;
  height: 33px;
}

.wrapper-top-header > li.prev{
  margin: 0;
  padding: 0;
  border: 0;
}

/*- Bouton retour au site dans tunnel AR -*/
.bouton-retour-site a{
  display: inline-block;
  padding: 10px 15px 10px 15px;
  color: #fff;
  border: 1px solid #ffffff;
  background-color: #c0a97c;
}

.bouton-retour-site a:focus,
.bouton-retour-site a:hover{
  color: #fff;
  background-color: #2b2833;
}

.pinit {
	position:relative;
}

/* pin it overlay style */
.pinit .pinit-overlay {
	position:absolute;
	top: 35px;
	left: 35px;
	width:100%;
	height:100%;
	z-index:200;
	display:none;
	/*background:transparent url('../img/semi-white.png') repeat 0 0;*/
	text-align:center;
}

/* button style, and center it */
.pinit .pinit-overlay a {
	position:relative;
	top:50%;
	left:50%;
	margin:-10px 0 0 -21px;
	display:block;
	width:43px;
	height:20px;
	background:transparent url('../img/pinit-button.png') no-repeat 0 0;
	text-indent:-9999em;
}

.pinit .pinit-overlay a:hover {
	background-positon: 0 -21px;
}

.pinit .pinit-overlay a:active {
	background-position: 0 -42px;
}


/*--==-PAGE CENTER------------------------------------------------------*/
.page-node .center-content{
  padding: 0 15px 0 15px
}

.page-node .center-content .field-name-body p,
.page-node .center-content li,
.page-node .center-content a{
    font-size: 16px;
    line-height: 1.5;
}

.page-node .center-content a{   
  text-decoration: underline;
  color: #a38e57
}

.page-node .center-content a:focus,
.page-node .center-content a:hover{
  color: #000;
}

.dark-gray-text{
  color: #2b2832;
}

.page-sitemap .region-content h2,
.page-node .content h2,
.page-node .content h2 a,
.page-search .region-content h2,
.page-search .region-content h2 a{
  width: 100%;
  padding-top: 20px;
  text-transform: uppercase;
  font-size: 24px;
  color: #2b2832;
}

.page-node .region-content-home-five h2{
  width: 100%;
  margin: 30px auto;
  font-size: 36px;
  text-transform: uppercase;
  color: #c6ae83;
}

.page-node .content h2 a{
  text-decoration: none;
  border: 0;
}

.page-node .content h2 a:focus,
.page-node .content h2 a:hover{
  color: #2b2832;
  cursor: default;
}

.page-node h3.titre-h3,
.page-node .content h3,
.page-node .content .h3,
.page-node .content h3 a,
.page-search .region-content .h3,
.page-search .region-content h3 a,
.page-search-404 .region-content .h3,
.page-search-404 .region-content h3 a{
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 22px;
  color: #a38e57;
}

#block-views-f95e6c25c52ebaf6cf6415b19e3edba0 .ul-experts-home h3{
  margin: 0;
}

.page-node .content h3 a {
  text-decoration: none;
  border: 0;
}

.page-node .content h3 a:hover,
.page-node .content h3 a:focus {
	cursor: default;
	color: #a38e57;
}

.page-node .intro-wrapper{
  position: relative;
  float: left;
  width: 272px;
  height: 272px;
  margin-bottom: 10px;
}

/*.page-node .text-intro{
  font-weight: 700;
  font-size: 0.9em;
}*/

.page-node hr {
	margin-bottom: -35px;
  border-top: 1px solid #d8d5d5;
}

.page-node .content .field-name-field-infos-pratiques h2 {
	width: auto;
	margin-bottom: 30px;
	padding-right: 15px;
	font-size: 30px;
	text-transform: uppercase;
	background-color: #ffffff;
	color: #c6ae83;
}

.page-node #block-views-agenda-agenda-infos-pratiques h2 {
  width: auto;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-right: 15px;
  font-size: 30px;
  text-transform: uppercase;
  background-color: #ffffff;
  color: #c6ae83;
}

.page-node #block-views-agenda-agenda-infos-pratiques {
  margin-bottom: 30px;
  padding-top: 30px;
}

#block-views-agenda-agenda-telecharger ul {
  padding: 0
}

#block-views-agenda-agenda-telecharger .telecharger-programme > a{
  display: block;
  width: 250px;
  margin-bottom: 20px;
  padding: 10px 15px 8px 15px;
  border: 1px solid #d1be9c;
  text-decoration: none;
  font-family: 'exobold', Arial, sans-serif;
  font-size: 18px;
  color: #c6ae83;
  transition: all 0.2s ease-in-out;
}

#block-views-agenda-agenda-telecharger .telecharger-programme > a:hover,
#block-views-agenda-agenda-telecharger .telecharger-programme > a:focus {
  background-color: #c6ae83;
  color: #fff;
}

.page-node #block-views-agenda-agenda-infos-pratiques h2 > span {
  color: #2b2832;
}

.page-node .content .field-name-field-infos-pratiques h2 > span {
	color: #2b2832;
}

.page-node #block-views-agenda-agenda-infos-pratiques .views-label-field-tarifs-detailles,
.page-node #block-views-agenda-agenda-infos-pratiques .views-label-field-periodes-en-clair {
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 20px;
  font-family: 'exobold', Arial, sans-serif;
  color: #2b2832;
}

/*-===-PAGES MOTEURS----------------------------------------------------------*/

.webform-component-fieldset .panel-body{
  background: #ccc;
}

.webform-component-file{
  width: 50%;
}

.form-moteurs-wrapper{
	position: relative;
	padding: 0;
}

.form-moteurs-wrapper .h2{
  width: 560px;
  margin: 0;
  padding: 15px 25px;
  font-size: 36px;
  text-transform: uppercase;
  font-family: 'exobold', Arial, sans-serif;
  cursor: pointer;
  color: #a38e57;
  background-color: #2b2832;
  transition: all 0.4s ease-in-out;
}

.form-moteurs-wrapper > .h2.on {
  width: 100%;
}

.region-form-moteurs {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.region-form-moteurs > .h2 {
	/*width: 560px; modif*/
  width: 100%;
	margin: 0;
	padding: 15px 25px;
	font-size: 36px;
	text-transform: uppercase;
	cursor: pointer;
	color: #a38e57;
	background-color: #2b2832;
	transition: all 0.4s ease-in-out;
}

.region-form-moteurs > .h2.on {
	width: 100%;
}

.region-form-moteurs .arrow-form {
  /* display: none;  modif */
  position: absolute;
  bottom: 32px;
}

.region-form-moteurs .container-inline-date .form-item .form-item{
  position: relative;
}

#block-views-2918e8dbac614fd2d525349e7a9c02c9 {
	/*display: none; modif*/
  display: block;
	padding: 0 20px 10px 20px;
  background-color: #2b2832;
}

#block-views-2918e8dbac614fd2d525349e7a9c02c9 .h2{
  padding: 15px;
  margin: 0 15px;
  font-size: 36px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 5px;
  background: #2b2833;
}

#block-views-2918e8dbac614fd2d525349e7a9c02c9 .views-exposed-form label,
#block-views-2918e8dbac614fd2d525349e7a9c02c9 #tarif-mini-sort-bloc label {
  color: #fff;
}

#block-views-2918e8dbac614fd2d525349e7a9c02c9 .views-exposed-form input, 
#block-views-2918e8dbac614fd2d525349e7a9c02c9 .views-exposed-form select{
  background-color: #2b2832;
  border: 2px solid #ffffff;
  color : #fff;
}

.views-exposed-form{
	position: relative;
  margin-bottom: 20px;
}

.views-exposed-form .agenda-periods,
.views-exposed-form #edit-field-toute-annee-value-wrapper {
  display: inline-block;
  margin-top: 45px;
  float: left;
  padding: 0
}

.views-exposed-form .agenda-periods li,
.views-exposed-form #edit-field-toute-annee-value-wrapper,
.form-item-edit-field-categorie-de-temoignage-tid-924,
.form-item-edit-field-categorie-de-temoignage-tid-923,
.form-item-edit-field-ouverture-weekend-tid-1690,
.form-item-edit-field-ouverture-weekend-tid-1691,
.form-item-edit-field-ouverture-weekend-tid-2448,
.form-item-edit-field-ouverture-weekend-tid-2449,
.form-item-edit-field-ouverture-weekend-tid-2450,
.form-item-edit-field-ouverture-weekend-tid-2451 {
  display: inline-block;
  margin-right: 10px;
  padding: 7px 18px;
  border: 2px solid #2b2832;
  font-size: 14px;
  font-family: 'exodemibold', Arial, sans-serif
}

.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper .form-type-bef-checkbox:hover,
.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper .form-type-bef-checkbox:focus,
.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper .form-type-bef-checkbox.on,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper .form-type-bef-checkbox:hover,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper .form-type-bef-checkbox:focus,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper .form-type-bef-checkbox.on {
  background-color: #2b2832;
  transition: all 0.2s ease-in-out
}

.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper .form-type-bef-checkbox:hover label,
.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper .form-type-bef-checkbox:focus label,
.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper .form-type-bef-checkbox.on label,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper .form-type-bef-checkbox:hover label,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper .form-type-bef-checkbox:focus label,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper .form-type-bef-checkbox.on label {
  color: #fff;
}

.views-exposed-form #edit-field-toute-annee-value-wrapper {
	padding: 2px 18px;
}

.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper {
  margin-top: 39px;
  padding: 7px 18px;
}

.views-exposed-form #edit-field-toute-annee-value-wrapper .form-control,
.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper .form-control,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper .form-control {
  background: none;
}

.views-exposed-form #edit-field-toute-annee-value-wrapper input,
.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper input,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper input {
  border: 0 none;
  clip: rect(0px,0px,0px,0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  height: auto;
  padding: 0
}

.views-exposed-form #edit-field-toute-annee-value-wrapper label,
.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper label,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper label {
  margin: 0;
  font-family: 'exodemibold', Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  color: #2b2832;
}

.views-exposed-form #edit-field-toute-annee-value-wrapper .form-control,
.views-exposed-form #edit-field-ouverture-weekend-tid-wrapper .form-control,
.views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper .form-control {
  height: 24px;
  padding: 0
}

.views-exposed-form .container-inline-date .date-padding {
  position: relative;
}

.views-exposed-form input,
.views-exposed-form select {
  display: inline-block;
  width: auto;
  height: 42px;
  padding: 3px;
  border: 2px solid #2b2832;
}

.views-exposed-form .agenda-periods li > a{
  text-decoration: none;
  color: #2b2832;
}

.views-exposed-form #edit-field-toute-annee-value-wrapper.checked,
.views-exposed-form #edit-field-toute-annee-value-wrapper:hover,
.views-exposed-form .agenda-periods li:hover,
.views-exposed-form .agenda-periods li:focus,
.views-exposed-form .agenda-periods li.on {
  background-color: #2b2832;
  transition: all 0.2s ease-in-out
}

.views-exposed-form #edit-field-toute-annee-value-wrapper.checked label,
.views-exposed-form #edit-field-toute-annee-value-wrapper:hover label,
.views-exposed-form .agenda-periods li:hover > a,
.views-exposed-form .agenda-periods li:focus > a,
.views-exposed-form .agenda-periods li.on > a {
  color: #fff
}

.views-exposed-form .form-select{
	width: 225px;
	padding: 6px 0;
	/*border: 1px solid #a2a2a2;*/
	margin-left: 0;
}

.views-exposed-form label{
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: 'opensansregular', Arial, sans-serif;
  font-weight: normal;
}

.views-exposed-form .form-select#edit-shs-term-node-tid-depth-select-2{
	margin-left: 7px;
}

.container-inline-date .form-item, 
.container-inline-date .form-item input{
	width: 168px;
}

.views-exposed-form .form-type-textfield  input.hasDatepicker{
	width: 226px;
  margin: 0;
	background: #ffffff;
}

.views-exposed-form .container-inline-date > .form-item{
	margin: 0;
}

.views-exposed-form .views-submit-button{
	float: left;
}

.views-exposed-form .views-exposed-widget{
	padding-top: 15px;
}

#edit-field-situation-tid-wrapper {
	width: 150px;
}

.views-exposed-form .views-exposed-widget .form-submit{
	padding: 7px 10px;
  margin: 30px 0 0 20px;
	background-color: #c6ad84;
  color: white;
  border-radius: 0;
  border: 0;
  font-size: 17px;
  font-family: 'exobold', Arial, sans-serif;
  letter-spacing: 2px;
}

.views-exposed-form .views-exposed-widget .form-submit:hover,
.views-exposed-form .views-exposed-widget .form-submit:focus{
	background-color: #2b2833;
  border: 2px solid #fff;
}

#views-exposed-form-moteurs-all-agenda #edit-field-date-agenda-value-value{
	position: relative
}

.view-moteurs > .view-header{
  text-align: left;
  font-size: 18px;
  font-family: 'opensansbold', Arial, sans-serif
}

#block-views-moteurs-agenda-une,
#block-views-moteurs-actu-une {
  clear: both;
  margin-top: 30px;
  padding: 10px 15px;
  background-color: #e9e9ea
}

#block-views-moteurs-agenda-une ul,
#block-views-moteurs-actu-une ul {
  margin: 0;
}

#block-views-moteurs-agenda-une li,
#block-views-moteurs-actu-une li {
  position: static;
  margin: 0;
  padding: 0;
  height: auto;
}

.categorie {
  position: absolute;
  top: auto;
  left: 15px;
  bottom: 100px;
  padding: 5px 20px;
  font-size: 18px;
  background-color: #2b2832;
  text-transform: uppercase;
  color: #fff;
}

#block-views-moteurs-agenda-une .categorie,
#block-views-moteurs-actu-une .categorie {
  top: 30px;
  bottom: auto
}

#block-views-moteurs-agenda-une .alaune-infos-wrapper a,
#block-views-moteurs-actu-une .alaune-infos-wrapper > a{
  float: left;
  font-size: 24px;
  text-transform: uppercase;
  text-decoration: none;
  color: #2b2832;
  font-family: 'exobold', Arial, sans-serif
}

#block-views-moteurs-actu-une .alaune-infos-wrapper > a{
  display: block;
}

#block-views-moteurs-agenda-une .date-display-range {
  margin: 20px 0 25px 0;
  float: left;
  padding: 0 15px;
  text-transform: uppercase;
  background-color: #c6ae83;
  color: #fff;
}

#block-views-moteurs-agenda-une .date-display-range span {
  font-style: normal;
  font-size: 16px;
  color: #fff;
}

#block-views-moteurs-agenda-une p {
  clear: both;
  font-size: 14px;
}

#block-views-moteurs-agenda-une p.tarifs {
  margin: 20px 0 0 0;
  font-size: 16px;
  font-family: 'exobold', Arial, sans-serif;
}

#block-views-moteurs-moteur-agenda,
#block-views-moteurs-moteur-agenda .view-content {
  clear: both;
}

#block-views-moteurs-moteur-agenda .view-header {
  float: left;
  margin: 20px 15px 0 15px;
}

#block-views-moteurs-moteur-agenda .item-list > ul > li,
#block-views-moteurs-moteur-bons-plans .item-list > ul > li,
#block-views-moteurs-moteur-actu .item-list > ul > li {
  background: url('../img/background-default.png') top no-repeat;
}

.views-field-field-photo ul {
  margin: 0;
}

.views-field-field-video {
  height: 300px
}

.views-field-field-image-d-introduction,
.not-front .views-field-field-diapos {
  margin-bottom: 15px
}

.views-field-field-lien-calameo {
  margin-top: 10px;
  padding: 10px 0;
  text-align: center;
  background-color: #c6ae83;
  transition: all 0.2s ease-in-out
}

.views-field-field-lien-calameo:hover,
.views-field-field-lien-calameo:focus {
  background-color: #2b2833;
}

.page-node .center-content .views-field-field-lien-calameo a{
  display: block;
  width: 100%;
  font-family: 'exobold', Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}

.page-node .content .location-locations-header{
  display: none;
}


#block-block-35 #call-panier-brochure > div {
	display: inline-block;
	float: left;
}

#compteur-brochure {
	padding: 17px 25px;
}

#block-block-35 #call-panier-brochure #button-panier-brochure {
	border: 1px solid #c6ae83;
}

#block-block-35 #call-panier-brochure #button-panier-brochure > a {
	display: inline-block;
	padding: 7px 55px 7px 10px;
	text-decoration: none;
	color: #2b2832;
	background-color: #ffffff;
	transition: all 0.2s ease-in-out
}

#block-block-35 #call-panier-brochure #button-panier-brochure > a:hover,
#block-block-35 #call-panier-brochure #button-panier-brochure > a:focus {
	color: #fff;
	background-color: #c6ae83
}

#block-block-35 #call-panier-brochure #button-panier-brochure > a > span {
	margin-right: 20px;
}

/*--- TEST -----------------------------------------------*/

.page-node-1518 .region-form-moteurs > .h2{
  background: #fff;
  border: 1px solid #a38e57;
  border-bottom: none;
}

.page-node-1518 .region-form-moteurs > .h2 .white-text{
  color: #2b2832;
}

.page-node-1518 #block-views-2918e8dbac614fd2d525349e7a9c02c9{
  background: #fff;
  border: 1px solid #a38e57;
  border-top: none;
}

.page-node-1518 #block-views-2918e8dbac614fd2d525349e7a9c02c9 .views-exposed-form label, 
.page-node-1518 #block-views-2918e8dbac614fd2d525349e7a9c02c9 #tarif-mini-sort-bloc label{
  color: #2b2832;
}

.page-node-1518 #block-views-2918e8dbac614fd2d525349e7a9c02c9 .views-exposed-form input,
.page-node-1518 #block-views-2918e8dbac614fd2d525349e7a9c02c9 .views-exposed-form select{
  color: #2b2832;
  background-color: #fff;
  border: 2px solid #a38e57;
}

/*-===-FICHE ANNUAIRE-------------------------------------*/
.page-node .field{
  margin: 8px 0;
  font-size: 16px
}

.page-node .field-name-field-service .field-item{
  font-family: 'exobold', Arial, sans-serif;
  width: 100%;
  padding-top: 20px;
  font-size: 24px;
  color: #a38e57;
  border-bottom: 1px solid #dddedf;
}

.page-node .field-name-field-nom-de-l-agent .field-item{
  font-family: 'exobold', Arial, sans-serif;
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 20px;
  color: #3d3c3e;
  border-bottom: 1px solid #dddedf;
}

.page-node .field-name-field-code-postal,
.page-node .field-name-field-ville{
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0
}

.page-node .field-name-field-telephone-service{
  clear: both;
}

.node-type-annuaire .field-name-field-nom-responsable-annuaire,
.node-type-annuaire .field-name-field-pr-nom-responsable-annuair{
	float: left;
	margin-right: 5px
}

/*-===-TABLES------------------------------------------------------*/
table td{
  padding: 8px;
}

table th{
  padding: 8px;
}

table.two-col-fix,
table.three-col-fix,
table.four-col-fix,
table.two-col-fix td,
table.three-col-fix td,
table.four-col-fix td{
  vertical-align: top;
  border: none;
  text-align: center;
}

table.two-col-fix td{
    width: 50%;
}

table.three-col-fix td{
    width: 33.33%;  
}

table.four-col-fix td{
    width: 25%; 
}

table.noborder,
table.noborder td{  
  border: none !important;
}

table.encadre,
table.encadre th,
table.encadre tr,
table.encadre tbody{
  border: none;
}

.table-contact,
.table-contact tr,
.table-contact td{
  border: none;
}

.table-contact{
  width: 272px;
  background: #707070;
  color: #fff;
}

.table-no-style{
  position: static !important;
  width: 100% !important;
  margin: 20px 0 !important;    
  border-collapse: collapse;
  color: #000;
  background: transparent !important;
  font-weight: 400;
}

.table-no-style td{
  width: auto;
  border: 1px solid #000;
}

.node-type-page table .dnd-widget-wrapper.type-image { 
  margin: 0 auto;
  min-width: 200px;
} 

/*-===-FORMS------------------------------------------------------*/
form .messages.warning p{
  margin-top: 35px;
  margin-bottom: 20px;
  color: #fff;
}

.webform-confirmation{
  margin-top: 100px;
}

.webform-component-display{
  color: #fff;
}

.panel{
  box-shadow: none;
  border-radius: 0;
  clear: both;
}

.panel-title{
  font-family: 'exobold', Arial, sans-serif;
}

.page-node .panel-body label,
.page-node .panel-body li,
.page-node .panel-body p{
  color: #000 !important;
}

.captcha{
  margin-top: 20px;
}

#sib_embed_signup .captcha{
  display: none;
}

.page-node .form-managed-file button{
  display: none !important;
}

.form-control{
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.page-user .form-moteurs-wrapper {
  height: 350px;
}

.page-user .form-control{
  border: 1px solid #ccc;
}

.page-user .form-type-textfield,
.page-user .form-type-password{
  width: 50%
}

.checkbox label, .radio label {
  padding-left: 0;
}

.page-node .center-content .btn-primary {
  border: none;
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  background: #c6ad84;
  font-family: 'exobold', Arial, sans-serif;
  transition: all 0.2s ease-in-out;
}

.btn-primary.active, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover{
  border: none;
  background-color: #df2044;
}

.select-or-other-other{
  clear: both;
}

.champs-obligatoires{
  margin-bottom: 0 !important;
}

.champs-obligatoires label{
  font-style: italic;
  font-weight: 400;
  margin-bottom: 0;
}

.champs-obligatoires .form-control{
  display: none;
}

.form-item .description{
  color: #fff !important;
}

.page-node .panel-body .description{
  color: #000 !important;
}

.webform-previous{
  float: left !important;
}

.webform-previous:before{
  content: "\25C0\00a0";
}
.webform-next:after{
  content: "\00a0\25b6";
}

.webform-component-markup{
  color: #fff;
}

.webform-progressbar-number,
.webform-progressbar-page .webform-progressbar-page-label{
  color: #fff;
}

/*--- Date picker ---*/
#ui-datepicker-div{
  display: none;
  font-family: 'opensansregular', Verdana, Arial, sans-serif !important;
  color: #fff !important;
  background: #2b2833 !important;
  border: none !important;
}

.ui-widget-header{
  background: #c6ae83 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
  text-align: center !important;
}

.ui-widget-content{
  border: none !important;
}

.ui-state-active{
  background: #c6ae83 !important;
  border: none !important;
}

.ui-datepicker-trigger {
  position: absolute;
  right: -5px;
  top: -6px;
  padding: 7px;
  float: left;
  cursor: pointer;
}

.page-node .main-container .webform-client-form .webform-datepicker select,
.page-node .main-container .webform-client-form .webform-component-time select{
	width: 90px;
}

/*-==-CONTACT FORMS----------------------------------------------------------*/
.webform-component--adresse-mail-du-contact{
  display: none;
}

/*- Zoho contact form -*/
#crmWebToEntityForm{
  width: 550px;
  margin: 15px auto;
  padding: 15px;
  padding-bottom: 15px;
  background: #d9d5d6;
}

#crmWebToEntityForm table{
  width: 500px;
  font-size: 0.9em;
  /*width:600px;
  background-color:white;
  color:black;*/
}

#crmWebToEntityForm .contact-form-title h2{
  /*style='text-align:left;color:black;font-family:Arial;font-size:14px;'*/
}

#crmWebToEntityForm label{
  /*font-family: 'exobold', Arial, sans-serif;*/
  font-size: 16px;
}

#crmWebToEntityForm textarea {
  min-height: 100px; 
}

#crmWebToEntityForm .contact-user-name{
  width:150px;
}

#crmWebToEntityForm .contact-user-mail{
  width:150px;
  /*style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;*/
}

#crmWebToEntityForm .contact-user-message{
  width:150px;
}

#crmWebToEntityForm input[type="submit"]{
  display: inline-block;
  float: right;
  border: 0;
  border-radius: 0;
  padding: 7px 10px;
  margin: 0 0 0 20px;
  background-color: #464447;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

#crmWebToEntityForm input.form-submit:focus,
#crmWebToEntityForm input.form-submit:hover{
  background-color: #000000;
}


/*-===-SEARCH ENGINES------------------------------------------------------*/

.view-empty a{
  color: #fff;
}

.views-field-field-video,
.views-field-field-video iframe {
  width: 360px;
  height: 240px;
}

.video-hover-filter {
  position: absolute;
  top: 8px;
  width: 360px;
  height: 300px;
  background: transparent;
  background: rgba(0,0,0,0.25);
  z-index: 1;
}

.views-field-field-video .video-hover-filter {
  top: 0;
}


/*--- Bloc filtres ---*/

#block-block-32{
  clear: both;
  margin-top: 20px;
}

#block-block-32 ul{
  padding: 0 20px;
}

#block-block-32 li{
  position: relative;
  display: inline-block;
  padding: 7px 15px;
  margin: 7px;
  list-style-type: none;
  background: #c6ad84;
  font-family: 'opensansbold', Arial, sans-serif;
  transition: all 0.2s ease-in-out;
}

#block-block-32 li:focus,
#block-block-32 li:hover{
  background: #2b2833;
  color: #fff;
}

/*-==-SENDINBLUE---------------------------------------------------*/

/*-===-FOOTER------------------------------------------------------*/
.footer {
  padding: 0;
  margin: 0;
  border-top: none;
}

.open-menu-fixed {
  display: none;
  position: fixed;
  right: 0;
  bottom: 110px;
}

.open-menu-fixed button {
  margin: 0;
}

.back-to-top{
  float: right;
  margin-top: -30px;
  margin-right: 10px;
}

.back-to-top a{
  display: inline-block;
  vertical-align: middle;
  color: #000;
}

.back-to-top a:focus,
.back-to-top a:hover{
  color: #df2044;
  text-decoration: none;
}

.back-to-top a span.retour-haut{
  display: inline-block;
  margin: 10px;
  font-size: 1.1em;
}

#sup-footer{
  clear: both;
  background: #242424;
}

#sup-footer li {
  display: inline-block;
}

.region-footer a{
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px
}

#sub-footer{
  background-color: #2b2832;
  padding: 20px 0;
}

#sub-footer #img-wrapper-footer{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#sub-footer > .container >.row{
  display: flex;
}
#sub-footer > .container > h2 {
  margin-top: 30px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 36px;
  color: #fff;
}

#sub-footer > .container > h2 > span {
  color: #2b2832
}

#adresse-footer div{
  text-align: center;
  font-family: 'exobold', Arial, sans-serif;
  font-size: 16px;
  color: #2b2832;
}

#adresse-footer > .container > .row  {
  position: relative;
}

#block-block-25 {
  padding: 20px 0;
}

body .footer-block-form{

}

#sub-footer #bienvenue-wrapper-footer{
  position: relative;
  padding-left: 40px;
  border-left: 1px solid #c6ad84;
}
#sub-footer #bienvenue-wrapper-footer .accueil-7j{
  position: absolute;
  display: inline-block;
  height: 90px;
  width: 90px;
  padding: 25px 15px;
  text-align: center;
  top: 0;
  right: 0;
  font-family: 'opensans_semibold', Arial, sans-serif;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  border-radius: 50%;
  background-color: #c6ad84;
  color: #2b2832;
}

.i18n-en #sub-footer #bienvenue-wrapper-footer .accueil-7j,
.i18n-es #sub-footer #bienvenue-wrapper-footer .accueil-7j{
  font-size: 13px;
}

#sub-footer #bienvenue-wrapper-footer .accueil-7j:focus,
#sub-footer #bienvenue-wrapper-footer .accueil-7j:hover{
  text-decoration: none;
  color: #fff;
}
#sub-footer #bienvenue-wrapper-footer .accueil-7j span{
  font-size: 25px;
}

#sub-footer h2.block-title{
  padding: 20px 0 20px 0;
  text-transform: uppercase;
  font-size: 30px;
  color: #fff;
}

#sub-footer a.lien-espace-pro,
#sub-footer p {
  margin: 0;
  font-family: 'opensans_semibold', Arial, sans-serif;
  color: #fff;
  font-size: 20px;
}
#sub-footer a.lien-espace-pro{
  display: inline-block;
  padding: 7px 20px;
  border: 1px solid #c6ad84;
  color: #fff;
}
#sub-footer a.lien-espace-pro:hover,
#sub-footer a.lien-espace-pro:focus{
  text-decoration: none;
  color: #fff;
  background-color: #c6ad84;
}

#sub-footer .gold-ot-color{
  color: #c6ad84; 
}

.footer-gold-button {
  height: 57px;
  margin-top: 17px;
  padding: 10px 5px 10px 15px;
  border: 1px solid #ffffff;
  transition: all 0.2s ease-in-out;
}

#bienvenue-wrapper-footer .footer-gold-button{
  margin-top: 20px;
}

.footer-gold-button:hover,
.footer-gold-button:focus {
  border: 1px solid #2b2833;
  background-color: #2b2833
}

.footer-gold-button > a {
  font-family: 'exobold', Arial, sans-serif;
  font-size: 14px;
  color: #2b2832;
}

.footer-gold-button:hover > a,
.footer-gold-button:focus > a {
  color: #fff;
}

.footer-gold-button a > span {
  display: inline-block;
}

.footer-gold-button a > .nous-ecrire {
  font-size: 24px;
}

.footer-gold-button a > .decouvrir {
  padding: 7px 0 4px 0;
}

.footer-gold-button a > .crayon-white {
  float: left;
  margin-right: 20px;
}

.footer-gold-button a > .arrow-right-white {
  float: right;
}

#block-block-8 ul {
  margin-bottom: 43px;
}

#block-block-8 li {
  display: inline-block;
  margin: 0 6px 8px 0;
}

#block-menu-menu-menu-pied-de-page ul {
  text-align: center;
}

#block-block-2{
  padding-bottom: 10px;
}

#block-block-3{
  padding-left: 50px;
  padding-right: 50px;
}

#block-block-36{
  position: relative;
  border: none;
	margin: 20px 0;
}

#block-block-36 h2.block-title,
#new-footer .sendinblue-footer-wrapper h2.block-title{
  margin-bottom: 5px;
  padding: 0;
  color: #fff;
  width: 100%;
  padding: 5px 15px 5px 0;
  font-size: 18px;
  text-transform: none;
  font-family: 'exoregular', Arial, sans-serif;
  text-align: left;
  background-color: #2b2832;
}

#block-block-36 h2.block-title {
  display: block;
  width: inherit;
  margin: 0;
  text-align: left;
  background: none;
}

#block-block-36 .lien-newsletter{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#block-block-36 .valid-newsletter{
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  padding: 16px 11px;
  right: 0;
  top: 10px;
  color: #2b2832;
  text-decoration: none;
  border-radius: 50%;
  font-family: 'opensans_semibold', Arial, sans-serif;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0;
  background-color: #C6AD84;
  text-transform: uppercase;
}

#block-block-36 .lien-newsletter:hover .valid-newsletter{
  color: #fff;
  text-decoration: none;
}

#block-block-36 .wrapper-inscription{
  display: inline-block;
  padding-right: 50px;
  position: relative;
  transition: all 0.2s ease-in-out;
}

#block-block-36:hover .wrapper-inscription,
#block-block-36:focus .wrapper-inscription {

}

#block-block-36 h2.block-title:before {
  display: none;
}

#block-block-36 .footer-gold-button {
  display: inline-block;
  height: 50px;
  padding: 5px 20px 10px 0;
  margin-top: 0;
  border: 0;
  border-top: 1px solid #C6AD84;
  text-align: center;
}

#block-block-36 .footer-gold-button:hover,
#block-block-36 .footer-gold-button:focus {
  background: none
}

#block-block-36 .footer-gold-button > a {
  font-family: 'opensansregular',Arial,sans-serif;
  color: #C6AD84;
}

#block-block-36 .footer-gold-button > a > .nous-ecrire {
  margin: 5px 0;
  font-size: 16px;
}

#block-block-36 .footer-gold-button a > .crayon-white {
  margin-right: 10px;
}

#block-block-36 .footer-gold-button a > .arrow-right-white {
  width: 25px;
}

div#sib_embed_signup {
  width: 360px;
  margin: 0 auto;
}

div#sib_embed_signup input,
#new-footer .sendinblue-footer-wrapper input {
  float: left;
  border-left: 1px solid #2b2832;
  border-right: 0;
  border-top: 1px solid #2b2832;
  border-bottom: 1px solid #2b2832;
}

div#sib_embed_signup button,
#forms-builder-wrapper button{
	border-radius: 0;
  border: 0;
	background: #a38e57;
	color: #fff
}

#edit-newsletters{
  visibility: hidden;
}

.nous-suivre{
  text-transform: uppercase;
}

.nous-suivre span{
  margin-right: 3px;
  vertical-align: middle;
}

.logos-footer-wrapper ul{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.logos-footer-wrapper ul.nav{
  text-align: right;
}

.logos-footer-wrapper ul.nav>li{
  display: block;
}
.logos-footer-wrapper ul.nav>li:last-child{
  float: right;
}
.logos-footer-wrapper ul.nav>li>a{
  padding: 0;
}

#logos-footer a{
  color: #2B2832;
}

.logos-footer-wrapper li{
	display: inline-block;
}

.logos-footer-wrapper span{
  display: inline-block;
  margin: 0 7px;
  font-size: 14px;
  letter-spacing: 0;
}


/* -- SLIDER -- */
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*-==-NEW FOOTER------------------------------------------------------*/

#new-footer .adresse-footer-wrapper,
#new-footer .sendinblue-footer-wrapper {
  padding: 20px 0 0 0;
}

#new-footer #sub-footer > .container h3{
  margin: 0;
  padding: 10px 0 5px 0;
  font-size: 25px;
  color: #fff;
}

#new-footer #suivez-nous-wrapper-footer{
  text-align: right;
}
#new-footer #suivez-nous-wrapper-footer .nous-contacter,
#sub-footer a.lien-espace-pro{
  margin-bottom: 10px;
}
#new-footer #sub-footer #bienvenue-wrapper-footer > h3{
  padding: 20px 0 0 0;
}

#new-footer #suivez-nous-wrapper-footer ul {
  margin-bottom: 0;
  text-align: right;
}

#new-footer #suivez-nous-wrapper-footer li {
  display: inline-block;
  margin: 0 6px 8px 0;
}

#new-footer #suivez-nous-wrapper-footer li a{
  font-size: 25px;
  color: #c6ad84;
}
#new-footer #suivez-nous-wrapper-footer li a:hover{
  color: #fff;
  text-decoration: none;
}

#new-footer #suivez-nous-wrapper-footer li a span{
  display: none;
  text-align: left;
  text-indent: -9999px;
}

#new-footer #sup-footer ul{
  text-align: center;
}

#new-footer #sup-footer ul li:hover{
  background-color: #646466;
}

#new-footer #sup-footer ul li:hover > a{
  color: #000;
}

div#sib_embed_signup .needsfilled input {
  border-color: #B94A48 !important; 
  color: #B94A48 !important;
}

div#sib_embed_signup .needsfilled {color: #B94A48 !important;}
div#sib_embed_signup input[type="text"] {border: 1px solid #CCCCCC;}

div#sib_embed_signup div.message_area {
  position: static;
  width: 360px;
  padding: 10px 30px 10px 10px;
  margin: 0px 0px 10px 0px;
  font-size:14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-sizing: border-box;
}

div#sib_embed_signup div.message_area::before {
  display: inline-block;
}

.message_area {
  position: absolute;
  top: 0;
  right: 15px;
  width: 360px;
  border-radius: 5px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
}

div#sib_embed_signup div.message_area button.close {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 15px;
  color: inherit;
  background: 0 0;
  border: 0;
  padding: 0px;
  -webkit-appearance: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
}

.tipicon{
  cursor: pointer;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  background-color: #999;
  border-radius: 10px;
  text-decoration: none;
}

.tooltip{
  display: inline;
  position: absolute;
  left: 97%;
}

.tooltip:hover:after{
  background: #333;
  background: rgba(0,0,0,.8);
  border-radius: 5px;
  color: #fff;
  content: attr(data-title);
  right: -2px;
  bottom: 26px;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px;
}

.tooltip_small:hover:after{
  padding: 5px 5px; 
  width: 150px;
}

.tooltip:hover:before{
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 1px;
  position: absolute;
  z-index: 99;
}

div#sib_embed_signup .sib-container {
  background: rgba(252,252,252,1);
}

div#sib_embed_signup .forms-builder-footer,
div#sib_embed_signup div.description,
div#sib_embed_signup .fake-label,
div#sib_embed_signup .row  {
  font-size: 17px;
}

div#sib_embed_signup .button{font-size: 14px;}

div#sib_embed_signup input {font-size: 13px;}

div#sib_embed_signup .sib-containter h1 {color: #232323;}

div#sib_embed_signup .sib-container {color: #343434;}

div#sib_embed_signup .sib-container .button{color: #ffffff;}

div#sib_embed_signup .sib-container .button{background: #050505;}

div#sib_embed_signup .forms-builder-wrapper{ max-width: 540px;}

div#sib_embed_signup input[type=text]{ 
  padding: 10px 4px;
}

.forms-builder-wrapper {
  margin-left: auto;
  margin-right: auto;
}

#sib_loading_gif_area {
  position: absolute;
  z-index: 9999;
  display: none;
}

#sib_loading_gif_area > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 40%;
}

.sib-container.rounded .header {
  padding:0 20px;
}

.email-group {
  display: inline-block;
  float: left;
}

#block-block-36 #email,
.forms-builder-wrapper #email {
  padding: 12px 4px;
  width: 260px;
  height: 40px;
}

.forms-builder-wrapper #req_hid {
  font-size: 13px;
}

#block-block-36 .button,
.forms-builder-wrapper .button {
  display: inline-block;
  white-space: nowrap;
  min-height: 40px;
  padding: 0px 22px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  cursor: pointer;
  vertical-align: top;
  height: auto;
  line-height: 150%;
}


.back-to-top {
  display: none;
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 120px;
  width: 54px;
  padding: 15px 20px;
  margin: 0;
  background-color: #a38e57;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
}

.back-to-top a:before{
	content: "\25B2";
	color: #fff;
}

.back-to-top:hover a:before{
	color: #000;
}

.back-to-top a span, .back-to-top a span.retour-haut{
	display: none;
}


/*-===-PLAN DU SITE------------------------------------------------------*/
#site-map .site-map-box ul{
  padding-left: 40px;
}

.site-map-menu li a{
  line-height: 2;
}

.site-map-menu a.menu_icon{
  background-image: none !important;
  padding-left: 0 !important;
}

.site-map-box-menu-main-menu > .content > ul.site-map-menu > li.expanded > a{
  font-size: 16px;
  font-weight: 700;
}

.site-map-box-menu-main-menu > .content > ul.site-map-menu > li.expanded > ul > li > ul > li > a{
  font-size: 0.85em;
}


/**
 * @file
 * Generic theme-independent base styles.
 */

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
  zoom: 1; /* IE7 */
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(../../misc/throbber-inactive.png);
  background-position: 100% center; /* LTR */
  background-repeat: no-repeat;
}
html.js input.throbbing {
  background-image: url(../../misc/throbber-active.gif);
  background-position: 100% center; /* LTR */
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}
html.js fieldset.collapsed .fieldset-wrapper {
  display: none;
}
fieldset.collapsible {
  position: relative;
}
fieldset.collapsible .fieldset-legend {
  display: block;
}

/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea {
  display: block;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.resizable-textarea .grippie {
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
body.drag {
  cursor: move;
}
.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin-left: -1em; /* LTR */
  overflow: hidden;
  text-decoration: none;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  background: url(../../misc/draggable.png) no-repeat 6px 9px;
  height: 13px;
  margin: -0.4em 0.5em; /* LTR */
  padding: 0.42em 0.5em; /* LTR */
  width: 13px;
}
a.tabledrag-handle-hover .handle {
  background-position: 6px -11px;
}
div.indentation {
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  padding: 0.42em 0 0.42em 0.6em; /* LTR */
  width: 20px;
}
div.tree-child {
  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}
div.tree-child-horizontal {
  background: url(../../misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
  text-align: right; /* LTR */
}

/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */
table.sticky-header {
  background-color: #fff;
  margin-top: 0;
}

/**
 * Progress behavior.
 *
 * @see progress.js
 */
/* Bar */
.progress .bar {
  background-color: #fff;
  border: 1px solid;
}
.progress .filled {
  background-color: #000;
  height: 1.5em;
  width: 5px;
}
.progress .percentage {
  float: right; /* LTR */
}
/* Throbber */
.ajax-progress {
  display: inline-block;
}
.ajax-progress .throbber {
  background: transparent url(../../misc/throbber-active.gif) no-repeat 0px center;
  float: left; /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}
.ajax-progress .message {
  padding-left: 20px;
}
tr .ajax-progress .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}

/**
 * Inline items.
 */
.container-inline div,
.container-inline label {
  display: inline;
}
/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
  display: block;
}

/**
 * Prevent text wrapping.
 */
.nowrap {
  white-space: nowrap;
}

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
html.js .js-hide {
  display: none;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}



/*-===-SPRITES------------------------------------------------------*/
.slick-prev,
.slick-next{
  display: inline-block;
  vertical-align: middle;
  background: url(../img/sprite-slider.png) no-repeat;
  text-indent: -99999px;
}

.slick-prev{
  left: -15px;
  z-index: 998;
  background-position: 0 0;
  width: 42px;
  height: 42px;
}

.slick-next{
  right: -6px;
  z-index: 998;
  background-position: -44px 0;
  width: 42px;
  height: 42px;
}

.albi-episcopale,
.arrow-bottom-white,
#block-views-zones-contextuelles-zc-pub .slick-prev,
#block-views-zones-contextuelles-zc-pub .slick-next,
.arrow-right-white,
.blockquote-after,
.blockquote-before,
.brochures,
.calendar-big,
.calendar-black,
.calendar-white,
.clock-big,
.congres,
.crayon-black,
.crayon-white,
.espace-pro,
.facebook-black,
.facebook-creux,
.f-facebook > a,
.facebook-white,
.facebook-white-small,
.grands-sites,
.icone-reserv,
.instagram-black,
.f-instagram > a,
.instagram-white,
.instagram-white-small,
.les-offres,
.mail-send,
#block-block-36 h2.block-title:before,
#new-footer .sendinblue-footer-wrapper h2.block-title:before,
.marker-big,
.marker-white,
.marker-white-beige,
.moteur-carto,
.moteur-carto,
.moteur-carto-active,
.moteur-fiches,
.moteur-fiches-active,
.moteur-liste,
.nf-service,
.otf,
.pager-active,
.pager-white,
.phone-white-beige,
.phone-white-black,
.pinterest-black,
.f-pinterest > a,
.pinterest-white,
.pinterest-white-small,
.plus-white,
.print-black,
.print-white,
.region-occitanie,
.reserv-white-beige,
.select-arrow-black,
.select-arrow-white,
#block-views-agenda-block .slick-prev,
#block-views-agenda-block .slick-next,
.slider-black-left,
.slider-black-right,
.slider-left,
.slider-left-big,
.slider-right,
.slider-right-big,
.social-wall-empty,
.social-wall-empty-hover,
.social-wall-fb,
.social-wall-fb-hover,
.social-wall-instagram,
.social-wall-instagram-hover,
.social-wall-tous,
.social-wall-tous-hover,
.social-wall-twitter,
.social-wall-twitter-hover,
.social-wall-youtube,
.social-wall-youtube-hover,
.star-beige,
.star-beige-min,
.star-white,
.star-white-min,
.tarn-occitanie,
.toulouse-lautrec,
.trip-advisor-black,
.trip-advisor-white,
.twitter-black,
.twitter-creux,
.f-twitter > a,
.twitter-white,
.twitter-white-small,
.unesco-footer,
.unesco-top,
.ville-albi,
.wrap-black,
.wrap-white,
.youtube-black,
.f-youtube > a,
.youtube-white,
/*.search-icon,*/
.close-menu,
.cross,
.pieces,
.ul-slider-home .slick-dots > li,
.ul-slider-home .slick-dots .slick-active,
span.play-button,
.arrow-form,
#block-views-exp-plan-interactif-plan-2 .form-type-bef-checkbox:before {
  display: inline-block;
  vertical-align: middle;
  background: url(../img/sprites-albiot.png) no-repeat;
  text-indent: -9999px;
}

.albi-episcopale{
  background-position: 0 0;
  width: 100px;
  height: 107px;
}

.arrow-bottom-white{
  background-position: -107px 0;
  width: 55px;
  height: 55px;
}

#block-views-zones-contextuelles-zc-pub .slick-prev{
  z-index: 999;
  background-position: -144px 0;
  width: 32px;
  height: 32px;
}

#block-views-zones-contextuelles-zc-pub .slick-next{
  z-index: 999;
  background-position: -168px 0;
  width: 32px;
  height: 32px;
}

.arrow-right-white{
  background-position: -168px 0;
  width: 32px;
  height: 32px;
}

.blockquote-after{
  background-position: -209px 0;
  width: 64px;
  height: 64px;
}

.blockquote-before{
  background-position: -281px 0;
  width: 64px;
  height: 64px;
}

.brochures{
  background-position: -355px 0;
  width: 120px;
  height: 120px;
}

.calendar-big{
  background-position: -480px 0;
  width: 78px;
  height: 78px;
}

.calendar-black{
  background-position: -115px -46px ;
  width: 39px;
  height: 39px;
}

.calendar-white{
  background-position: -159px -46px ;
  width: 39px;
  height: 39px;
}

.clock-big{
  background-position: -561px 0;
  width: 78px;
  height: 78px;
}

.congres{
  background-position: -642px 0;
  width: 120px;
  height: 120px;
}

#block-block-23:hover .crayon-white,
#block-block-23:focus .crayon-white,
.crayon-black{
  background-position: -767px 0;
  width: 36px;
  height: 36px;
}

.crayon-white{
  background-position: -807px 0;
  width: 36px;
  height: 36px;
}

.espace-pro{
  background-position: -850px 0;
  width: 120px;
  height: 120px;
}

.facebook-black,
.facebook-white:hover,
.facebook-white:focus {
  background-position: -969px 0;
  width: 50px;
  height: 50px;
}

.facebook-creux{
  background-position: -1019px 0;
  width: 39px;
  height: 39px;
}

.f-facebook > a,
.facebook-white,
.facebook-black:hover,
.facebook-black:focus {
  background-position: -1066px 0;
  width: 50px;
  height: 50px;
}

.facebook-white-small {
  background-position: -690px -310px;
  width: 30px;
  height: 30px;
}

.facebook-white-small:hover,
.facebook-white-small:focus {
  background-position: -690px -335px;
}

.grands-sites{
  background-position: 0px -131px;
  width: 134px;
  height: 54px;
}

.icone-reserv{
  background-position: -141px -88px ;
  width: 34px;
  height: 34px;
}

.instagram-black,
.instagram-white:hover{
  background-position: -207px -75px ;
  width: 50px;
  height: 50px;
}

.f-instagram > a,
.instagram-white,
.instagram-black:hover{
  background-position: -256px -76px ;
  width: 50px;
  height: 50px;
}

.instagram-white-small {
  background-position: -256px -76px ;
  width: 29px;
  height: 29px;
}

.les-offres{
  background-position: -502px -87px ;
  width: 120px;
  height: 120px;
}

#block-block-36 h2.block-title > a {
  display: inline-block;
  width: auto;
  font-size: 20px;
  color: #fff;
}

#new-footer .sendinblue-footer-wrapper h2.block-title:before,
.mail-send{
  content: "";
  margin-right: 20px;
  background-position: -307px -88px ;
  width: 50px;
  height: 50px;
}

.marker-big{
  background-position: -767px -55px ;
  width: 78px;
  height: 78px;
}

.marker-white{
  background-position: -1059px -47px ;
  width: 61px;
  height: 61px;
}

.marker-white-beige{
  background-position: -443px -120px ;
  width: 53px;
  height: 53px;
}

.moteur-carto{
  background-position: -147px -143px ;
  width: 49px;
  height: 39px;
}

.moteur-carto{
  background-position: -211px -143px ;
  width: 49px;
  height: 39px;
}

.moteur-carto-active{
  background-position: -272px -143px ;
  width: 49px;
  height: 39px;
}

.moteur-fiches{
  background-position: -329px -143px ;
  width: 49px;
  height: 39px;
}

.moteur-fiches-active{
  background-position: -385px -144px ;
  width: 49px;
  height: 39px;
}

.moteur-liste{
  background-position: -991px -58px ;
  width: 49px;
  height: 39px;
}

.nf-service{
  background-position: -628px -125px ;
  width: 56px;
  height: 44px;
}

.otf{
  background-position: 0 -480px ;
  width: 66px;
  height: 107px;
}

.pager-active{
  background-position: -696px -135px ;
  width: 20px;
  height: 20px;
}

.pager-white{
  background-position: -720px -134px ;
  width: 20px;
  height: 20px;
}

.phone-white-beige{
  background-position: -970px -103px ;
  width: 53px;
  height: 53px;
}

.phone-white-black{
  background-position: -158px -332px;
  width: 53px;
  height: 53px;
}

.pinterest-white:hover,
.pinterest-black{
  background-position: -1036px -109px;
  width: 50px;
  height: 50px;
}

.f-pinterest > a,
.pinterest-white,
.pinterest-black:hover {
  background-position: -845px -124px ;
  width: 50px;
  height: 50px;
}

.pinterest-white-small {
  background-position: -631px -311px ;
  width: 30px;
  height: 30px;
}

.pinterest-white-small:hover,
.pinterest-white-small:focus {
  background-position: -631px -335px;
}

.plus-white{
  background-position: -931px -121px ;
  width: 28px;
  height: 28px;
}

.print-black{
  background-position: -792px -141px;
  width: 35px;
  height: 45px;
}

.print-white{
  background-position: -792px -141px ;
  width: 35px;
  height: 45px;
}

.region-occitanie{
  background-position: 0 -201px ;
  width: 97px;
  height: 107px;
}

.reserv-white-beige{
  background-position: -105px -216px ;
  width: 53px;
  height: 53px;
}

.select-arrow-black{
  background-position: -155px -196px ;
  width: 39px;
  height: 39px;
}

.select-arrow-white{
  background-position: -156px -234px ;
  width: 39px;
  height: 39px;
}

#block-views-agenda-block .slick-prev,
.slider-black-left{
  background-position: -208px -196px ;
  width: 44px;
  height: 44px;
}

#block-views-agenda-block .slick-next,
.slider-black-right{
  background-position: -257px -197px ;
  width: 44px;
  height: 44px;
}

.slider-left{
  background-position: -203px -244px ;
  width: 50px;
  height: 50px;
}

.slider-left-big{
  background-position: -316px -204px ;
  width: 72px;
  height: 72px;
}

.slider-right{
  background-position: -255px -245px ;
  width: 50px;
  height: 50px;
}

.slider-right-big{
  background-position: -393px -202px ;
  width: 72px;
  height: 72px;
}

.social-wall-empty{
  background-position: -477px -207px ;
  width: 45px;
  height: 45px;
}

.social-wall-empty-hover{
  background-position: -524px -207px ;
  width: 45px;
  height: 45px;
}

.social-wall-fb{
  background-position: -572px -207px ;
  width: 45px;
  height: 45px;
}

.social-wall-fb-hover{
  background-position: -618px -207px ;
  width: 45px;
  height: 45px;
}

.social-wall-instagram{
  background-position: -665px -207px ;
  width: 45px;
  height: 45px;
}

.social-wall-instagram-hover{
  background-position: -711px -207px ;
  width: 45px;
  height: 45px;
}

.social-wall-tous{
  background-position: -758px -206px ;
  width: 45px;
  height: 45px;
}

.social-wall-tous-hover{
  background-position: -804px -205px ;
  width: 45px;
  height: 45px;
}

.social-wall-twitter{
  background-position: -851px -205px ;
  width: 45px;
  height: 45px;
}

.social-wall-twitter-hover{
  background-position: -897px -205px ;
  width: 45px;
  height: 45px;
}

.social-wall-youtube{
  background-position: -944px -204px ;
  width: 45px;
  height: 45px;
}

.social-wall-youtube-hover{
  background-position: -990px -204px ;
  width: 45px;
  height: 45px;
}

.star-white:hover,
.star-white:focus,
.star-beige{
  background-position: -895px -154px ;
  width: 45px;
  height: 45px;
}

.star-white-min:hover,
.star-white-min:focus,
.star-beige-min{
  background-position: -948px -158px ;
  width: 39px;
  height: 39px;
}

.star-beige:hover,
.star-beige:focus,
.star-white{
  background-position: -1013px -156px ;
  width: 45px;
  height: 45px;
  transition: all 0.2s ease-in-out
}

#block-block-35 #call-panier-brochure #button-panier-brochure > a:hover > .star-beige-min,
#block-block-35 #call-panier-brochure #button-panier-brochure > a:focus > .star-beige-min,
.star-beige-min:hover,
.star-beige-min:focus,
.star-white-min{
  background-position: -1065px -161px ;
  width: 39px;
  height: 39px;
}

.tarn-occitanie{
  background-position: -476px -258px ;
  width: 149px;
  height: 107px;
}

.toulouse-lautrec{
  background-position: -1019px -254px ;
  width: 102px;
  height: 107px;
}

.trip-advisor-white:hover,
.trip-advisor-black{
  background-position: -951px -259px ;
  width: 50px;
  height: 50px;
}

.trip-advisor-white,
.trip-advisor-black:hover {
  background-position: -952px -301px ;
  width: 50px;
  height: 50px;
}

.twitter-white:hover,
.twitter-white:focus,
.twitter-black{
  background-position: -898px -259px ;
  width: 50px;
  height: 50px;
}

.twitter-creux{
  background-position: -853px -264px ;
  width: 40px;
  height: 40px;
}

.f-twitter > a,
.twitter-black:hover,
.twitter-black:focus,
.twitter-white {
  background-position: -898px -302px;
  width: 50px;
  height: 50px;
}

.twitter-white-small {
  background-position: -663px -311px;
  width: 30px;
  height: 30px;
}

.twitter-white-small:hover,
.twitter-white-small:focus {
  background-position: -663px -336px;
}

.unesco-footer{
  background-position: -727px -255px ;
  width: 125px;
  height: 107px;
}

.unesco-top{
  background-position: -643px -266px ;
  width: 78px;
  height: 32px;
}

.arrow-form {
  background-position: -770px -361px;
  width: 30px;
  height: 16px;
  margin: 0 0 0 15px;
}

.open-partage-header.on .arrow-form,
.region-form-moteurs > .h2.on .arrow-form {
  background-position: -770px -384px;
  width: 30px;
  height: 16px;
}

.icon-meteo {
  display: inline-block;
  background-image: url(../img/icone_meteo_header.png);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
}

.ville-albi{
  background-position: -384px -289px ;
  width: 92px;
  height: 107px;
}

.wrap-black{
  background-position: -333px -276px ;
  width: 35px;
  height: 45px;
}

.wrap-white{
	transition: all 0.2s ease-in-out;
  background-position: -330px -312px ;
  width: 45px;
  height: 45px;
}

.youtube-black,
.youtube-white:hover,
.youtube-white:focus {
  background-position: -95px -275px ;
  width: 50px;
  height: 50px;
}

.f-youtube > a,
.youtube-white,
.youtube-black:hover,
.youtube-black:focus {
  background-position: -149px -275px ;
  width: 50px;
  height: 50px;
}

.search-icon {
  background-position: -1058px -210px;
  width: 50px;
  height: 35px;
}

.close-menu {
  background-position: -682px -156px;
  width: 50px;
  height: 50px;
}

.cross {
	width: 20px;
	height: 20px;
  background-position: -707px -170px;
}

.navbar-toggle .cross {
	width: 33px;
	text-indent: 0;
	background-position: -638px -170px;
}

.pieces {
  background-position: -232px -307px;
  width: 78px;
  height: 78px;
}

.ul-slider-home .slick-dots > li {
  background-position: -719px -135px;
  width: 20px;
  height: 20px;
}

.ul-slider-home .slick-dots .slick-active {
  background-position: -696px -135px;
  width: 20px;
  height: 20px;
}

span.play-button {
  background-position: -4px -333px;
  margin: 0 auto 0 auto;
  width: 137px;
  height: 137px;
  border-radius: 50%;
  border: 0;
  transition: all 0.2s ease-in-out;
}

span.play-button:hover,
span.play-button:focus {
  background-color: rgba(255, 255, 255, 0.27);
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1390:before {
  background-position: -302px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1393:before {
  background-position: -156px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1391:before {
  background-position: -350px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1394:before {
  background-position: -254px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1392:before {
  background-position: -399px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1395:before {
  background-position: -205px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1397:before {
  background-position: -646px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1401:before {
  background-position: -744px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1398:before {
  background-position: -499px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1402:before {
  background-position: -597px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1399:before {
  background-position: -695px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1403:before {
  background-position: -794px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1400:before {
  background-position: -449px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1404:before {
  background-position: -548px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1406:before {
  background-position: -896px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1409:before {
  background-position: -1048px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1407:before {
  background-position: -947px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1410:before {
  background-position: -845px -419px;
}

#block-views-exp-plan-interactif-plan-2 .form-item-edit-field-categorie-plan-interactif-tid-1408:before {
  background-position: -998px -419px;
}



/*-----===---- MEDIA QUERIES ----------------------------------------*/

/*--- Chrome hack with admin menu ---*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .view-id-nodequeue_1 .views-field-view-node{
    margin-right: 49px;
  }
}*/

/*==========  Non-Mobile First Method  ==========*/

/* Medium Devices, Desktops */
@media only screen and (max-width : 1280px) {

  .page-shortcut {
    margin: 0;
  }

  #block-views-agenda-agenda-categorie-type .views-field, 
  .field-name-field-categorie-actualites {
    padding: 7px 10px;
  }

  .sidebar-left{
    padding: 0;
    background-color: #dddedf;
  }

  .view-moteurs-apidae ul.ul-moteurs-apidae li.views-row{
    margin: 0 12px 30px 12px;
  }

  .demarche-links ul{
    margin-left: -20px;
  }

  #block-menu-menu-menu-pied-de-page .nav>li>a{
    padding: 10px;
  }

  .footer-gold-button {
    padding: 10px 0 10px 5px;
  }

  .footer-gold-button > a{
    font-size: 14px;
  }

  .footer-gold-button > a > .decouvrir {
    padding: 7px 0 4px 0;
  }

  .footer-gold-button .arrow-right-white {
    width: 28px;
  }
      
	#block-webform-client-block-21 {
		position: absolute;
		top: 60px;
	 	right: 32px;
	}

  #block-webform-client-block-22 {
    position: absolute;
    top: 103px;
    right: 32px;
  }

  #block-views-actualit-s-block .list-actu li .views-field-field-th-me-actualit-,
  #block-views-actualit-s-block .list-actu li .views-field-title{
  	left: 120px;
  }

  #block-views-projets-block .wrapper-infos-slider-projets{
    width: 385px
  }

  .page-shortcuts-wrapper{
    position: absolute;
    width: 500px;
    bottom: -90px;
    left: 0;
  }

}

@media only screen and (max-width : 1200px){
  #block-block-36{
    margin-top: 50px;
  }
  .partage-header>.container{
    width: 100%;
  }
}

@media only screen and (max-width : 1024px) {

  .page-node .center-content h2.child-page-title {
    text-align: left;
  }

  .bandeau-top {
    min-height: 400px;
  }

  .row {
    margin: 0;
  }
  
  .ul-paroles-home .paroles-img-couv img {
    width: 100%;
  }

  #block-views-agenda-block .slick-prev {
    left: 30px;
  }

  #block-views-agenda-block .slick-next {
    right: 30px;
  }


  #new-footer .sendinblue-footer-wrapper h2.block-title {
    display: none;
    font-size: 18px;
  }

  #block-block-36 #email, #new-footer .forms-builder-wrapper #email {
    width: 100%;
  }

   #new-footer .email-group,
   #new-footer .byline {
    width: 100%;
    float: none;
  }

  #block-block-36 #email, #new-footer .forms-builder-wrapper #email {
    width: 100%;
    border: 1px solid #2b2832;
  }

  #block-block-36 .button, #new-footer .forms-builder-wrapper .button {
    width: 100%;
  }

  body .zls-btnmn {
    z-index: 999 !important
  }

  .logo {
    width: 170px;
  }

  #block-search-form {
    left: 385px;
  }


  .partage-header .open-partage-header {
    display: block;
    width: 290px;
    height: 37px;
    margin: -37px auto 0 auto;
    font-size: 18px;
    color: #fff;
  }

  .partage-header ul {
    text-align: left;
    margin: 0;
    padding: 0
  }
  
  .partage-header div.bonsplans-header{
    width: 30%;
  }
  
  .partage-header li{
    font-size: 16px;
  }

  #sub-footer > .container > h2 {
    font-size: 30px;
  }

  .navbar-toggle.on {
    width: 90px;
    margin: 20px 0 0 0;
  }

  .navbar-toggle.on .sr-only {
    background-position: -655px -170px;
  }

  .partage-header .telephone {
    margin-right: 15px;
  }

  .menu-block-3 > ul.menu.nav ul.menu.nav > li a {
    padding: 3px 15px;
  }
}

@media only screen and (max-width : 991px) {

  .view-moteurs-apidae ul.ul-moteurs-apidae li.views-row{
    margin: 0 3px 20px 3px;
  }

  #block-block-8 ul {
    float: left;
  }

  #block-block-8 .footer-gold-button {
    margin: 0 0 0 25px;
    float: left;
  }
  
  #sub-footer > .container >.row{
    display: block;
  }
  #new-footer #suivez-nous-wrapper-footer{
    width: 100%;
  }
  #new-footer #sub-footer > .container h3{
    padding-top: 5px;
  }
  #new-footer #suivez-nous-wrapper-footer .nous-contacter{
    float: left;
  }
}

@media only screen and (max-width : 768px) {
  
  .logo{
    width: 250px;
  }
  
  header#navbar{
    position: fixed;
  }
  
  .navbar-default .navbar-collapse{
    padding: 120px 0 160px;
    max-height: inherit;
  }
  .wrapper-top-header > li{
    margin: 0;
  }
  
  #block-lang-dropdown-language{
    right: 5px;
  }
  
  .menu-logo-wrapper .navbar-toggle{
    display: block;
  }
  .menu-block-3 > ul.menu.nav > li > a > span{
    display: block;
  }
  .menu-block-3 > ul.menu.nav > li > a{
    width: 60%;
    float: left;
    background-image: none;
  }
  .menu-block-3 > ul.menu.nav ul.menu.nav > li{
    margin: 0;
  }
  .menu-block-3 > ul.menu.nav ul.menu.nav > li a{
    padding: 7px 15px;
    background-image: none;
    height: inherit;
  }
  
  .menu-block-3 > ul.menu.nav > li{
    min-height: inherit;
  }

  .partage-header {
    margin: 0;
  }
  
  .partage-header div.liens-footer-header>ul>li>a::after{
    height: 50%;
  }

  .partage-header .open-partage-header {
    display: none;
  }

  .partage-header > .container {
    width: 750px;
  }
  
  .partage-header div.liens-footer-header a span{
    padding: 0 10px;
  }

  .wrapper-first-level-menu {
    display: none;
  }

  #block-views-bons-plans-bp-accueil .bons-plans-home-infos > .h2 > span {
    display: inline;
  }

  .ul-paroles-home .views-row {
    margin-bottom: 30px;
  }

  .social-wall h2,
  .social-wall ul{
    text-align: center;
  }

  #block-block-29 a {
    font-size: 15px;
  }

  body .footer-block-form {
    padding: 0;
  }

  #bienvenue-wrapper-footer {
    padding-left: 15px
  }

  #new-footer #sub-footer > .container h3 {
    padding: 0 0 5px 0
  }

  .view-moteurs .ul-moteur-agenda .views-field-field-diapos img, 
  .view-moteurs .views-field-field-image-d-introduction img, 
  .view-moteurs .views-field-field-image-de-couverture img, 
  .view-moteurs .views-field-field-photo img {
    width: 100%
  }

  #new-footer #suivez-nous-wrapper-footer ul {
    margin-bottom: 25px
  }

  #block-views-panoramique-panoramique .visite-infos .visite-title > span.border { 
    width: 15%;
  }
  #sub-footer #bienvenue-wrapper-footer .accueil-7j{
    position: static;
    margin-top: 10px;
  }
  #block-block-36{
   margin-top: 10px;
  }
  #block-block-36 h2.block-title{
    padding: 0;
    line-height: 1.8;
  }
  #sub-footer #img-wrapper-footer{
    padding-right: 10px;
  }
  #block-block-36{
    display: inline-block;
  }
  #new-footer #suivez-nous-wrapper-footer .nous-contacter{
    float: none;
  }
  #new-footer #suivez-nous-wrapper-footer,
  #new-footer #suivez-nous-wrapper-footer ul{
    text-align: left;
  }
  
  .menu-block-3 {
    width: 100%;
  }
  .menu-block-3 > ul.menu.nav {
    width: 100%;
    height: auto;
    padding-left: 0;
  }
  #navbar li {
    margin-right: 0;
  }
  .menu-block-3 > ul.menu.nav > li {
    width: auto;
    margin: 0;
    display: block;
    text-align: left;
  }
  .menu-block-3 > ul.menu.nav > li {
    height: auto;
    border-right: 0;
    border-bottom: 1px solid #dddedf;
  }
  .menu-block-3 > ul.menu.nav > li > .icon-return {
    display: none;
    z-index: 10;
    left: 0;
    top: 60px;
    width: 45px;
    height: 35px;
    padding: 6px 0 0 12px;
    vertical-align: middle;
    border-right: 1px solid #dddedf;
  }
  .menu-block-3 > ul.menu.nav > li {
    width: auto;
    margin: 0;
    display: block;
    text-align: left;
  }
  .menu-block-3 > ul.menu.nav > li > a {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 20px;
    color: #fff;
    background: none;
  }
  .menu-block-3 > ul.menu.nav > li > a span {
    position: static;
    display: inline-block;
    text-align: left;
    width: 100%;
    padding-left: 15px;
    line-height: 1.5;
    text-shadow: none;
    transition: all 0.2s ease-in-out;
  }
  .menu-block-3 > ul.menu.nav > li > .icon-return:before {
    content: '\25C4';
    color: #a38e57;
  }
  
  .menu-block-3 > ul.menu.nav > li > .icon-return.on {
    display: inline-block;
    float: left;
  }
  .navbar-toggle {
    position: absolute;
    z-index: 10000;
    top: 30px;
    right: 125px;
    margin: 0;
    border-radius: 5;
    display: block;
    background-color: #a38e57 !important;
  }
  
  header#navbar::after{
    display: none;
  }

}


@media only screen and (max-width : 767px){
  #sub-footer #bienvenue-wrapper-footer{
    padding-left: 10px;
  }
  
  #block-search-form{
    display: none;
    margin-top: 14px;
    position: absolute;
    left: 45px;
  }
  #block-search-form.burger{
    display: block;
    z-index: 1000;
  }
  
  .partage-header div.bonsplans-header h3{
    font-size: 20px;
  }
  
  .partage-header{
    bottom: auto;
  }
  #block-lang-dropdown-language{
    top: 55%;
  }
  
  .navbar-default .navbar-collapse{
    padding: 0;
  }
  #block-menu-block-3{
/*
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
*/
    display: block;
    margin: 0;
    right: 0;
    padding: 65px 15px 40px 15px;
    background-color: #27252a;
  }
  .menu-logo {
    position: static;
    background: #fff
  }
  header#navbar{
    position: absolute;
  }
  #overlay.visible{
    display: block;
  }

  .zlslrgbtn-on-tit1{
    display: none !important;
  }

}


@media only screen and (max-width : 575px){
  body .footer-block-form {
    width: 100%;
    padding: 0
  }
  #sub-footer #bienvenue-wrapper-footer{
    margin-top: 10px;
    border: none;
  }
  #sub-footer #bienvenue-wrapper-footer .accueil-7j{
    float: right;
  }
  
  #sub-footer #bienvenue-wrapper-footer .info-bienvenue{
    margin-bottom: 15px;
    float: left;
  }
  #sub-footer #img-wrapper-footer img{
    margin: auto;
  }
  
.partage-header div.bonsplans-header h3{
    font-size: 16px;
  }
  
}

@media only screen and (min-width : 769px) {

	.menu-block-3 > ul.menu.nav > li > ul.menu.nav {
/*
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-perspective: 1;
*/
		padding: 40px 0 40px 20px;
	}
  .menu-block-3 > ul.menu.nav ul.menu.nav > li {
    display: inline-block;
    width: 48%;
    margin: 20px 1% 20px 1%;
    float: left;
  }

}

/* Extra Small Devices, Phones -------------------------------------------*/ 
@media only screen and (max-width : 480px) {

  .partage-header > .container {
    width: auto;
  }

	.bandeau-top {
		min-height: 0;
    height: 200px;
    /*background: none #a38e57 !important;*/
    background-attachment: scroll;
	}

	h1.page-header {
		top: 35%;
		font-size: 22px;
	}

	.menu-logo .logo {
      position: static;
		width: 250px;
	}

  .front div.h1-logo {
    position: static;
    width: auto;
  }

  .view-panoramique {
    /*display: none;*/
  }

  .region-form-moteurs > .h2 {
    width: 100%;
    padding: 15px 15px;
    font-size: 23px;
  }

  .region-form-moteurs > .h2 .arrow-form {
    margin: 0 0 0 5px;
  }

  .views-exposed-form .views-exposed-widget .form-submit {
    margin: 15px 0 0 0;
  }

  .home-actu {
    margin-top: 30px;
  }

  .slick-slide img {
    width: 100%;
  }

	.wrapper-top-header {
    float: none;
		margin: 10px 0 0 10px;
	}

  .front .form-moteurs-wrapper {
    margin: 0;
  }

  #navbar li {
    margin-right: 0;
  }

  .menu-block-3 > ul.menu.nav > li > a{
    font-size: 12px;
    padding: 0 7px;
    line-height: 2;
  }

  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    position: absolute;
    z-index: 10000;
  	top: 0;
  	right: 0;
  	margin: 0;
  	border-radius: 5;
    display: block;
    background-color: #a38e57 !important;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  
  .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  
  .menu-block-3 > ul.menu.nav ul.menu.nav{
    position: static;
    width: auto;
    padding-top: 0;
    background: none;
  }
  
  .menu-block-3 > ul.menu.nav > li.level1.on {
    border: 0;
  }
    
  .menu-block-3 > ul.menu.nav ul.menu.nav > li{
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    border-bottom: 1px solid #dddedf;
  }
    
  .menu-block-3 > ul.menu.nav ul.menu.nav > li.level3-exist {
    border-bottom: 1px solid #a38e57
  }

  .menu-block-3 > ul.menu.nav ul.menu.nav > li.level3-exist.open {
    border: 0;
  }
  
  .menu-block-3 > ul.menu.nav > li:hover{
    background: none;
  }
    
  .menu-block-3 > ul.menu.nav > li:hover > a{
    font-weight: 100;
    line-height: 1.2;
    outline: none;
    min-height: 40px;
    height: auto;
    border-bottom: 1px solid #dddedf;
  }
  
  .menu-block-3 > ul.menu.nav > li > a{
    position: relative;
    padding: 0;
    font-size: 20px;
    color: #fff;
    background: none;
  }
  
  .menu-block-3 > ul.menu.nav > li > a span{
    position: static;
    display: inline-block;
    text-align: left;
    width: 100%;
    padding-left: 5px;
    line-height: 1.5;
    text-shadow: none;
    transition: all 0.2s ease-in-out;
  }
    
  .menu-block-3 > ul.menu.nav > li > .icon-return{
    display: none;
    z-index: 10;
    left: 0;
    top: 60px;
    width: 45px;
    height: 35px;
    padding: 6px 0 0 12px;
    vertical-align: middle;
    border-right: 1px solid #dddedf;
  }
  
  .menu-block-3 > ul.menu.nav > li > .icon-return.on{
    display: inline-block
  }
    
  .menu-block-3 > ul.menu.nav > li > .icon-return:before{
    content: '\25C4';
    color: #a38e57;
  }
  
  .menu-block-3 > ul.menu.nav > li.last > a{
    padding: 0
  }
    
  .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > a{
    padding: 10px 0;
    text-align: left;
    font-size: 17px;
    color: #fff;
    background: none
  }
  
  .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > a span{
    position: static;
    width: auto;
    height: auto;
    left: 0;
    border: 0
  }
  
  .menu-block-3 > ul.menu.nav > li > ul.menu.nav > li > a span:hover,
  .menu-block-3 > ul.menu.nav > li li li > a span:hover{
    border-top: 0;
    border-bottom: 0
  }
  
  .menu-block-3 > ul.menu.nav ul.menu.nav > li.level3-exist.level3-exist.open a{
    font-family: 'opensansregular', Arial, sans-serif;
  }
    
  .menu-block-3 > ul.menu.nav ul.menu.nav > li a{
  	height: auto;
    padding: 5px 0;
    text-align: left;
    font-size: 14px;
    color: #fff;
    background: none;
  }

  .menu-block-3 > ul.menu.nav ul.menu.nav > li a.active-trail, 
  .menu-block-3 > ul.menu.nav ul.menu.nav > li a:hover, 
  .menu-block-3 > ul.menu.nav ul.menu.nav > li a:focus {
  	/*color: #fff;*/
    color: #a18d5a;
  }
    
  .menu-block-3 > ul.menu.nav ul.menu.nav > li a span{
    position: static;
    width: auto;
    height: auto;
    left: 0;
    border: 0
  }
  
  .menu-block-3 > ul.menu.nav > li a .titre-level1.active{
    width: auto;
    padding-left: 5px;
    color: #a38e57
  }

  #block-views-suggestions-suggestions-page .views-row .views-field-title {
    top: 20px;
  }
    
  .titre-level2-clone{
    display: inline !important;
    width: auto !important;
    color: #a38e57
  }

  .menu-block-3 > ul.menu.nav > li{
    height: auto;
    border-right: 0;
    border-bottom: 1px solid #dddedf;
  }
    
  .navbar-default .navbar-toggle .icon-bar{
    background-color: #a38e57;
  }

  .navbar-collapse.collapse { 
    display: none !important;
    border: 0;
    box-shadow: none;
  }

  .navbar-collapse.collapse.in { display: block }
 
  .menu-block-3{
    width: 100%;
  }

  .menu-block-3 > ul.menu.nav{
    width: 100%;
    height: auto;
    padding-left: 0
  }

  .menu-block-3 > ul.menu.nav > li {
    width: auto;
    margin: 0;
    display: block;
    text-align: left;
  }

  .menu-block-3 > ul.menu.nav > li ul.menu.nav > li {
    
  }

  .region-back-buttons {
    float: none;
  }

  .region-form-moteurs .arrow-form {
  /*display: none;*/
  }

  #block-views-2918e8dbac614fd2d525349e7a9c02c9 {
   display: none;
  }

  #breadcrumb {
    padding: 20px 5px 18px 5px;
  }

  section#breadcrumb #breadcrumb-ici {
    display: none;
  }

  .breadcrumb li {
    font-size: 13px;
  }

  .breadcrumb li,
  .breadcrumb li.active {
    padding: 0;
    line-height: 1.8;
  }

  #breadcrumb .breadcrumb li.first {
    width: 16px;
    height: 16px;
    background: url(../img/home.png) no-repeat;
    text-indent: -9999px;
  }

  .breadcrumb li > a {
    padding: 0 5px;
    line-height: 1.2px;
  }

  .region-form-moteurs {
    position: static;
  }

  .wrapper-social-stream {
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
  }

  #block-views-temoignages-temoignage-intro .ul-paroles-fiche {
    margin: 90px 0 0 0;
    padding: 0 15px 5px 15px;
    text-align: center;
  }

  #block-views-temoignages-temoignage-intro .ul-paroles-fiche .views-field-field-photo-de-profil {
    position: static;
    width: 100%;
    margin-top: -80px;
    text-align: center;
  }

  #block-views-temoignages-temoignage-intro .ul-paroles-fiche .views-field-title {
    font-size: 22px;
  }

  #block-views-temoignages-temoignage-intro .ul-paroles-fiche .views-field-field-theme-du-temoignage {
    position: static;
    float: none;
  }

  #block-views-suggestions-bloc-savoir-plus .views-field-field-en-savoir-plus li {
    width: 100%;
    float: none;
  }

  #block-views-actualit-s-block-2 .actu-home-infos .views-field-title, #block-views-bons-plans-bp-accueil .bons-plans-home-infos .views-field-title {
    margin: 0 0 5px 0;
    padding: 0 15px 0 15px;
  }

  #block-views-moteurs-moteur-restaurants{
    margin-top: 60px;
  }

  #block-views-exp-moteurs-moteur-restaurants .bef-checkboxes{
    text-align: center;
  }

  .views-exposed-form #edit-field-ouverture-weekend-tid-wrapper,
  .views-exposed-form #edit-field-categorie-de-temoignage-tid-wrapper{
    margin-top: 0;
  }

  .views-exposed-form .form-item.form-item-edit-field-ouverture-weekend-tid-1690{
    margin-bottom: 7px;
  }

	#block-block-8 li {
    margin: 0 0px 8px 0;
	}

	.footer-block-form {
		padding: 0;
	}

	.footer-gold-button {
	 padding: 10px 0 10px 13px;
	}

  #block-block-8 .footer-gold-button {
    margin: 0;
    width: 100%;
  }

	#sub-footer > .container > h2 {
    margin-top: 15px;
    font-size: 25px;
    text-align: center;
	}

	header#navbar{
    display: none;
		top: 0;
    bottom: 0;
		margin: 0;
    background: none;
	}

  .wrapper-top-header > li {
    width: 50px;
    padding-left: 10px;
  }
  .wrapper-top-header > li > a{
    display: none;
  }
  
  .wrapper-top-header > li:first-child{
    display: none;
  }

  .fiche-top {
    border-top: 1px solid #ffffff;
    background: #a38e57;
  }

  .fiche-top .h1-wrapper {
    height: 100px;
  }

	#block-search-form.burger {
  	position: absolute;
    right: 120px;
    margin: 0;
    left: auto;
    top: 21px;
    transition: all 0.2s ease-in-out
	}

	#block-search-form input[type="text"] {
		height: 35px;
	}

	#block-search-form button {
		background-color: #a38e57;
	}

	#block-views-bons-plans-bp-accueil .bons-plans-home-infos > h2 {
		width: 100%;
		margin: 30px auto;
		text-align: center;
	}

	.navbar .logo{
		left: -5px;
		right: -10px;
		text-align: center;
		background-color: #a38e57;
	}

	.page-node .page-shortcuts-wrapper{
		position: static;
    width: auto;
		text-align: center
	}

	.page-node .page-shortcuts-wrapper li{
		width: 65px;
		display: inline-block;
		margin-bottom: 15px;
		margin-right: 5px;
	}

	.page-node .page-shortcuts-wrapper li a.shortcut-icon, a.shortcut-zoom{
		margin-left: 5px;
	}

	.page-node .h1-wrapper{
		padding: 0;
	}

	.sidebar-left{
		padding-right: 15px;
		padding-left: 15px;
    background: none
	}

	.demarche-links ul{
		padding-left: 0;
		margin-left: 0;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;  
	}

	.page-node .page-intro.container .h1-wrapper h1.page-header {
	  padding: 47px 15px 15px 15px;
    text-align: center;
	}

  #block-views-exp-plan-interactif-plan-2 .form-type-bef-checkbox label {
    width: 90px;
  }

	#block-views-agenda-block h2.block-title{
		margin: 0 auto
	}

	#block-views-plan-interactif-plan-2 li {
		overflow: hidden;
	}

	#block-views-agenda-block .view-agenda .view-header{
		bottom: -100px;
		left: 0
	}

	#block-views-agenda-block .agenda-home-intro img,
	#block-views-moteurs-all-actu .views-field-field-image-intro img{
		width: 100%
	}

	#block-views-agenda-block .view-agenda .view-header .tout-agenda{
		width: 212px;
		margin: 0 auto;
	}

	.front .main-container > .row > aside.col-sm-3,
	.region-sidebar-first #block-block-1{
		background: none
	}

	#block-views-actualit-s-block-2 .link-all-button {
		bottom: 15px;
	}

  #block-views-actualit-s-block-2 .slick-prev,
  #block-views-bons-plans-bp-accueil .slick-prev {
    left: 15px;
  }

  #block-views-actualit-s-block-2 .slick-next,
  #block-views-bons-plans-bp-accueil .slick-next {
    right: 15px;
  }

  #block-views-actualit-s-block-2 .slick-arrow {
  	bottom: auto;
  	top: 350px;
  }

  #block-views-bons-plans-bp-accueil .bons-plans-home-infos {
    height: 440px;
  }

  .ul-paroles-home .paroles-title {
  	padding: 18px 5px !important; /*florent important!*/
  }

  .ul-paroles-home .paroles-img-profil > img {
    width: 160px;
  }

  .ul-experts-home .experts-home-title {
    width: 200px;
  }

  #block-views-panoramique-panoramique .visite-infos .visite-title > span.border {
    display: block;
    width: auto;
    margin: 0;
  }

  #block-views-panoramique-panoramique .visite-infos .visite-title > span.border.right {
    margin: 0;
  }

	.page-node .center-content{
		padding-right: 15px
	}

  .menu-icon-image img {
    max-width: none;
  }

  .backlink{
    display: block;
  }

	.views-exposed-form .views-exposed-widget,
  #edit-field-situation-tid-wrapper {
    width: 100%;
		padding-right: 0;
		float: none
	}

  .views-exposed-form input, 
  .views-exposed-form select {
    width: 100%;
  }

	.container-inline-date .form-item .form-item,
	.container-inline-date .date-padding,
	.container-inline-date .form-item, .container-inline-date .form-item input{
		width: 100%;
		float: none
	}		

	.views-exposed-form .form-select, 
	.views-exposed-form input,
	.views-exposed-form .form-type-textfield  input.hasDatepicker{
		width: 100%
	}

  .views-exposed-form .form-select#edit-shs-term-node-tid-depth-select-2{
    margin-top: 10px;
    margin-left: 0
  }

	.view-moteurs .item-list li{
		padding-bottom: 0;
	}

	.view-moteurs .views-field-field-image-evenement, 
	.view-moteurs .views-field-field-image-intro, 
	.view-moteurs .link-video-wrapper,  
	.view-moteurs .views-field-field-image-de-couverture{
		margin: 0;
		float: none
	}

	.views-field-title{
		margin-top: 15px
	}

	#block-views-agenda-block li .views-field-nothing {
		padding: 13px;
	}

	#block-views-agenda-block .agenda-une-infos-wrapper .views-field-title {
		font-size: 20px;
		line-height: 1.2;
	}

  #block-views-march-s-choix-marches .views-field-title{
    margin-top: 0
  }

	.view-moteurs .views-field-view-node{
		position: static;
    margin-top: 20px;
	}

	#simplenews-subscriptions-multi-block-form{
		width: auto;
		margin: 0;
	}

	.main-container > .row {
	  margin: 0;
	}

  .ul-paroles-home .views-row {
    padding: 0
  }

	.page-node .main-container .webform-client-form input[type="text"], 
	.page-node .main-container .webform-client-form input[type="email"], 
	.page-node .main-container .webform-client-form select{
		width: 100%
	}

  #sub-footer h2.block-title {
    margin: 0 auto
  }

  #block-views-moteurs-moteur-agenda .view-header {
  	float: none;
  	margin-left: 0
  }

  #block-views-moteurs-agenda-une .alaune-infos-wrapper a, 
  #block-views-moteurs-actu-une .alaune-infos-wrapper > a {
  	display: block;
  	margin-top: 15px;
  }

  .views-exposed-form .agenda-periods li, 
  .views-exposed-form #edit-field-toute-annee-value-wrapper {
  	margin-right: 5px;
  	padding: 7px 5px;
  }

  .view-moteurs .item-list > ul > li {
  	height: auto;
  }

  #block-views-moteurs-moteur-agenda .item-list > ul > li, 
  #block-views-moteurs-moteur-bons-plans .item-list > ul > li, 
  #block-views-moteurs-moteur-actu .item-list > ul > li {
  	background: none;
  }

  .OsPanierPopIn {
  	max-width: 100%;
  	left: 0;
  	right: 0
  }

  .page-node-1543 #block-block-23 {
  	float: none;
  	margin: 25px 15px 0 15px;
  	text-align: center;
  }

  .page-node .center-content .btn-primary {
  	font-size: 16px;
  }

  .page-node-1543 #block-block-23 .crayon-white {
	  margin-right: 10px;
	}

	.text-center .prev,
	.text-center .next{
		top: 75px;
	}

	.region-content-fiche-agenda #block-views-agenda-agenda-dates-lieu .wrapper-dates-agenda, 
	#block-views-bons-plans-bp-tarif-dates .wrapper-dates-agenda {
		margin-bottom: 45px
	}

	.region-sidebar-second {
		padding: 0
	}

	#block-views-agenda-block .view-footer {
		width: auto
	}

	#block-views-panoramique-panoramique .visite-infos .visite-title {
    padding-top: 0;
    font-size: 34px;
		color: #fff;
		text-shadow: 3px 3px 8px #333;
	}

  span.play-button {
    background-position: -1047px -364px;
    width: 40px;
    height: 40px;
  }

  #adresse-footer #block-block-25,
  #adresse-footer #block-block-36 {
    padding: 0;
  }

  #bienvenue-wrapper-footer {
    padding: 0;
  }

  #new-footer #suivez-nous-wrapper-footer ul, 
  #new-footer #suivez-nous-wrapper-footer .footer-gold-button {
    width: 100%;
    float: none;
  }

  .footer-gold-button > a {
    font-size: 12px;
  }

  #new-footer #suivez-nous-wrapper-footer li {
    margin: 0 0 8px 0;
  }

  #new-footer .adresse-footer-wrapper .row, 
  #new-footer .sendinblue-footer-wrapper .row {
    margin: 0;
  }

  .ul-experts-home .experts-home-title-wrapper {
    width: 230px;
  }

  .ul-experts-home .experts-home-title {
    width: 200px;
  }

  div#sib_embed_signup { 
    width: 100%;
  }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


	#block-search-form input[type="text"] {
		width: 205px;
	}

  .views-exposed-form .agenda-periods li, 
  .views-exposed-form #edit-field-toute-annee-value-wrapper {
  	width: 100%;
  	padding: 5px 7px;
  	margin: 10px 0;
  	text-align: center;
  }

  .region-form-moteurs > .h2 .arrow-form {
    display: block;
    margin: 0 auto;
  }

  #block-block-8 li span {
    width: 45px;
  }

  #block-views-exp-plan-interactif-plan-2 .bef-tree > ul > li > ul > li {
    margin: 20px 10px 0 10px;
  }

  #block-views-exp-plan-interactif-plan-2 .form-type-bef-checkbox label {
    width: 65px;
  }
}