/*!
 * Preboot v2
 *
 * Open sourced under MIT license by @mdo.
 * Some variables and mixins from Bootstrap (Apache 2 license).
 */ .transition {
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s
}
.cover {
  -webkit-background-size: cover;
  background-size: cover
}
.border {
  content: " ";
  width: 23px;
  display: block;
  height: 3px;
  position: absolute
}
.border-center {
  content: " ";
  width: 23px;
  display: block;
  height: 3px;
  position: absolute;
  left: 50%;
  margin-left: -11.5px
}
.merri {
  font-family: Merriweather, Arial, sans-serif
}
@media only screen and (max-width:1000px) {

	.only-mobile{
		display: block;
	}
	.only-desktop{
		display: none !important;
	}
	.headSiteParis{
		display: none !important;
	}
	
  .sticky-right {
    display: none
  }
  body #menu-mobile2 {
    display: block
  }
  body.page-template-agenda, body.page-template-listing-evenements-php, body.parent-pageid-72 {
    padding-top: 0
  }
  .menu-mobile {
    display: inline !important
  }

	.bt-don-nav{
		float: none;
		font-size: 12px !important;
		display: inline-block !important;
		position: absolute;
		top: 40px;
		left: 10px;
		padding: 0 8px 0 5px;
		line-height: 27px;
		width: max-content;
	}
	.bt-don-nav i.picto {
			margin-top: 2px;
			width:22px;
			height: 25px;
			background-size: contain;
	}
	
  #header {
    background-color: #f3f5f5;
    left: 0;
    top: 0
  }
  #header #nav, #header .sub-nav, #header .top #search {
    display: none
  }
  #header .content-header .top {
    padding-right: 50px;
  }
  #header .content-header .top .lang {
    left: 0px;
    top: 9px;
    text-align: left;
  }
  #header .rmm-toggled {
    display: block
  }
	
  #header .content-header .top {
    padding-top: 0 !important
  }

  #header .content-header {
    height: 75px;
		padding-left: 75px;
  }
	#header .content-header #logo a img {
			height: 75px;
			width: 75px;
	}
	#breadcrumbs {
			top: 75px;
	}	
	
  .content-wrapper {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .agenda {
    margin-top: 0
  }
  .agenda .content-agenda {
    width: 100%;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .agenda .content-agenda .col {
    width: 50%
  }
  .agenda .content-agenda .col.right {
    float: none;
    width: 100%;
    border-top: 3px solid #e8e8e8;
    height: auto !important
  }
  .agenda .content-agenda .col.right ul {
    min-height: 0 !important;
    padding: 0 20px 10px
  }
  body {
    padding-top: 105px;
  }
  body #header {
    margin-bottom: 30px
  }
  body.home #header {
    margin-bottom: 0
  }
  #wrapper {
    padding-top: 40px
  }
  #wrapper .wysywig {
    padding: 0 25px 25px
  }
  #wrapper .info-pratique {
    padding: 25px
  }
  .triples-page .triples-cols .col {
    padding: 45px 20px 0
  }
  .triples-page .triples-cols .col h3 {
    font-size: 18px
  }
  .triples-page .triples-cols .col .cat {
    font-size: 16px
  }
  .triples-page .triples-cols .col .date, .triples-page .triples-cols .col .heure {
    font-size: 14px
  }
  #wrapper .double-cols .col .content, .bgcolor .double-cols .col .content {
    padding: 25px 15px
  }
  #wrapper .double-cols .col .content h3, .bgcolor .double-cols .col .content h3 {
    font-size: 19px
  }
  .archives {
    padding: 25px
  }
  .archives article {
    display: block;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .archives article .img {
    width: 100%;
    display: block
  }
  .archives article .img img {
    max-width: 100%;
    display: block;
    margin: 0 auto
  }
  .archives article .content-right {
    display: block;
    padding: 0;
    margin-top: 20px
  }
  .archives .center {
    margin-top: 20px !important
  }
  .std-form {
    margin-top: 20px
  }
  .std-form .triples-block {
    margin-bottom: 20px
  }
  .std-form .triples-block > div {
    float: none !important;
    width: 100% !important;
    margin-top: 20px
  }
  .double-cols {
    margin-top: 20px
  }
  .double-cols.color .col {
    background-color: #48cb9b
  }
  .double-cols.color .col .content {
    height: auto !important
  }
  .double-cols.color .col .content .table {
    height: 150px !important
  }
  .double-cols.color .col img {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
    margin: 25px auto 0
  }
  .article h2 {
    text-align: center;
    background-position: center bottom !important;
    padding-right: 0 !important
  }
  .article h2:before {
    left: 50% !important;
    margin-left: -11.5px !important
  }
  .article .top-article {
    padding-top: 0
  }
  .article .pagination {
    text-align: center;
    margin: 10px 0 0;
    float: none
  }
  .article .pagination a {
    padding: 21px 40px 20px;
    text-indent: -9999em
  }
  .article .pagination a.prev {
    background: url(img/left-red-arrow.png) center center no-repeat
  }
  .article .pagination a.next {
    background: url(img/right-red-arrow.png) center center no-repeat
  }
  .article .center {
    padding-top: 0;
    margin-top: 20px
  }
  .article .nav-article .content-nav .col {
    width: 100%
  }
  .article .nav-article .content-nav .col:first-child ul {
    margin-top: 0 !important
  }
  #faq .nav-table li a {
    font-size: 13px
  }
  #faq .title-nav {
    font-size: 15px
  }
  #faq .listing-faq li .content {
    padding: 20px 0
  }
  #faq .listing-faq li .content p {
    font-size: 14px;
    margin-top: 5px !important
  }
  .temoignages iframe {
    height: 400px !important;
    width: 500px !important
  }
}