/*!
 * 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:768px) {
	
  #slider-home .slide li .content {
    padding: 30px 10px 20px;
    text-align: center;
    background-image: none;
    margin-top: 10px;
    height: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  #slider-home .slide li .content .title {
    font-size: 25px;
    text-align: center
  }
  #slider-home .slide li .content .sub-title {
    font-size: 15px
  }
  #slider-home .slide li .content .date {
    background-position: center top
  }
  #slider-home .slide li .content .date:before {
    left: 50%;
    margin-left: -11.5px
  }
  #slider-home .slide li .content .date span {
    margin-top: 10px;
    display: inline-block
  }
  body #slider-home .bx-controls {
    left: 0;
    margin-left: 0;
    position: relative;
    width: 100%
  }
  body #slider-home .bx-controls .bx-controls-direction {
    float: none;
    height: auto;
    width: auto
  }
  body #slider-home .bx-controls .bx-controls-direction a {
    bottom: 5px;
    z-index: 999
  }
  body #slider-home .bx-controls .bx-controls-direction a.bx-prev {
    right: auto;
    left: 20%
  }
  body #slider-home .bx-controls .bx-controls-direction a.bx-next {
    left: auto;
    right: 20%
  }
  #header .content-header .top .lang {
    left: 0px;
    top: 5px;
    text-align: left
  }
  #header .content-header .top .lang li {
    margin-top: 5px !important
  }
  #header .content-header .top .lang li:first-child {
    margin-top: 0 !important
  }
  #breadcrumbs {
    top: 75px !important
  }
  body #slider-home #slide-counter {
    width: 100%;
    bottom: 10px;
    text-align: center;
    left: 0;
    right: auto;
    border-top: 2px solid #e8e8e8;
    height: 20px;
    margin-left: 0 !important;
    padding: 3px 0 0 !important
  }
  #footer, #footer .content-bottom, #footer-bottom .content-bottom, #map, .content-wrapper, .slide-section #slider-home .slide li .block-content {
    padding-left: 20px;
    padding-right: 20px
  }
  .triples-cols .col {
    width: 100% !important;
    float: none !important;
    margin-top: 10px;
    border: 0 !important;
    height: auto !important;
    padding: 30px 20px !important
  }
  .triples-cols .col:first-child {
    margin-top: 0 !important
  }
  .triples-home .triples-cols .table {
    height: auto !important;
    display: block
  }
  .triples-home .triples-cols .table .content {
    text-align: center;
    display: block;
    padding: 0
  }
  .triples-home .triples-cols .table .content .title-col {
    font-size: 25px !important
  }
  .triples-home .triples-cols .table .content p {
    padding-top: 0
  }
  .agenda .content-agenda {
    width: 100%;
    padding: 0 20px
  }
  .agenda .content-agenda .col {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 30px !important;
    margin-bottom: 6px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .agenda .content-agenda .col.slide {
    padding-bottom: 0 !important;
    border: 0 !important;
    background-color: transparent !important
  }
  .agenda .content-agenda .col.slide li {
    height: auto !important;
    padding-bottom: 80px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 150px
  }
  .agenda .content-agenda .col.slide li h3 {
    min-height: 60px
  }
  .agenda .content-agenda .col.actu ul {
    min-height: 0 !important;
    padding-bottom: 20px !important
  }
  .agenda .content-agenda .col.right {
    border: 0 !important
  }
  .agenda .content-agenda .left .col.actu ul {
    min-height: 0;
    padding: 0
  }
  .agenda .content-agenda .left .col.actu ul a {
    font-weight: 500 !important
  }
  #footer .content-footer .top .social {
    padding-top: 25px;
    float: none;
    text-align: center
  }
  #footer .content-footer .top .link-left {
    float: none
  }
  #footer .content-footer .bottom ul li {
    margin-left: 10px !important
  }
  #footer-bottom ul {
    float: none !important;
    width: 100%;
    text-align: left !important;
    padding-bottom: 10px
  }
  #wrapper .double-cols {
    margin-top: 20px
  }
  #wrapper .double-cols .col {
    float: none;
    width: 100%;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-top: 15px
  }
  #wrapper .double-cols .col img {
    height: auto !important;
    width: auto !important;
    margin: 0 auto !important;
    max-width: 250px
  }
  #wrapper .double-cols .col .table {
    height: auto !important;
    display: block
  }
  #wrapper .double-cols .col .table .cell {
    display: block
  }
  #wrapper .double-cols .col .content {
    text-align: center;
    height: auto !important;
    padding-bottom: 20px !important
  }
  #wrapper .double-cols .col .content h3:before {
    left: 50%;
    margin-left: -11.5px
  }
  #wrapper .double-cols.color .col img {
    height: auto
  }
  #wrapper > .intro {
    font-size: 17px;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0 0
  }
  #wrapper > h1 {
    padding-left: 20px;
    padding-right: 20px
  }
  #wrapper .wysywig {
    font-size: 14px
  }
  #wrapper .wysywig .intro p {
    font-size: 15px !important
  }
  #wrapper .wysywig h1 {
    font-size: 25px
  }
  #wrapper .wysywig h1 span {
    font-size: 15px
  }
  #wrapper .wysywig .date {
    margin-bottom: 15px
  }
  #wrapper .wysywig .date span {
    font-size: 13px
  }
  #wrapper .wysywig .social {
    margin: 15px 0
  }
  #wrapper .wysywig p {
    margin-bottom: 15px
  }
  #wrapper .wysywig p.intro {
    font-size: 17px
  }
  #wrapper .wysywig ul {
    padding: 0;
    margin-bottom: 15px
  }
  #wrapper .wysywig ol {
    padding-left: 15px
  }
  #wrapper .wysywig ol li {
    margin-top: 2px !important
  }
  #wrapper .wysywig ol li:first-child {
    margin-top: 0 !important
  }
  #wrapper .info-pratique h3 {
    font-size: 15px;
    margin-bottom: 10px
  }
  #wrapper .info-pratique h4 {
    font-size: 13px;
    margin-bottom: 10px
  }
  #wrapper .info-pratique p {
    font-size: 13px;
    margin-top: 10px
  }
  .citation {
    display: block
  }
  .citation img {
    display: block;
    width: auto;
    margin: 0 auto
  }
  .citation .content {
    display: block;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
  }
  .citation .content blockquote {
    font-size: 16px
  }
  .citation .content .name:before {
    left: 50%;
    margin-left: -11.5px
  }
  #breadcrumbs ul li {
    font-size: 9px
  }
  .archives article .content-right .title-article {
    font-size: 17px
  }
  .archives article .content-right .subtitle-article, .archives article .content-right p {
    font-size: 13px
  }
  .article .nav-article .title-nav {
    font-size: 14px;
    padding: 13px 50px 14px 20px
  }
  .article .nav-article .content-nav {
    padding: 10px 15px
  }
  .article .nav-article .content-nav .col ul li a {
    font-size: 14px
  }
  #pagination .next, #pagination .previous {
    text-indent: -999em
  }
  #pagination .previous {
    left: 5px !important
  }
  #pagination .next {
    right: 5px !important
  }
  #faq .nav-table li {
    width: 100%;
    display: block;
    height: auto;
    border: 0 !important
  }
  #faq .nav-table li a {
    height: auto;
    padding: 10px
  }
  #faq .title-nav {
    text-transform: none;
    padding: 10px 50px 10px 10px
  }
  #lexique .listing div {
    margin-top: 15px
  }
  #lexique .listing div:first-child {
    margin-top: 0
  }
  .agenda .content-agenda .left .col.slide .bx-controls .bx-controls-direction .bx-prev {
    left: 80px !important
  }
  .agenda .content-agenda .left .col.slide .bx-controls .bx-controls-direction .bx-next {
    right: 80px !important
  }
  body .temoignages iframe {
    height: 250px !important;
    width: 400px !important
  }
  body .contact .line {
    padding-bottom: 0 !important
  }
  body .contact h3 {
    font-size: 14px !important
  }
  body .contact .civilite .block {
    width: auto !important;
    padding-bottom: 0 !important
  }
  body .contact label {
    font-size: 14px !important
  }
  body .contact .block {
    width: 100% !important;
    float: none !important;
    padding-bottom: 20px !important
  }
  body .contact input[type=tel], body .contact input[type=number], body .contact textarea {
    font-size: 14px !important
  }
  body .contact .content-checkbox {
    position: relative
  }
  body .contact .content-checkbox label {
    line-height: 1.3
  }
  body .contact .center-submit {
    margin-top: 20px
  }
  body .contact .center-submit input[type=submit] {
    font-size: 15px;
    padding: 15px 20px
  }
  .std-form input[type=submit] {
    font-size: 15px !important;
    padding: 15px 20px !important
  }
}
@media only screen and (max-width:420px) {
  .google-map .content {
    width: 100%
  }
  #menu-mobile2 {
    right: 15px !important;
    top: 0 !important;
    width: 25px;
    height: 70px;
  }
  .headSiteParis {
		display: none;
  }
	
  .dl-trigger {
    top: 30px !important;
  }
  .dl-trigger.dl-active {
    top: 0 !important;
  }
  #header .content-header .top .lang {
    left: 0px;
    top: 5px;
    text-align: left
  }
  #header .content-header .top .lang li {
		margin-left: 10px;
  }
  #slider-home .slide li .content {
    height: 275px
  }
  .double-cols .col {
    width: 100% !important;
    float: none !important;
    margin-top: 10px;
    border: 0 !important
  }
  .double-cols .col:first-child {
    margin-top: 0 !important
  }
  .alignleft, .alignright {
    clear: both;
    float: none;
    display: block !important;
    padding-bottom: 15px;
    width: 100% !important;
    height: auto
  }
  .alignleft img, .alignright img {
    display: block;
    margin: 0 auto;
    width: 100% !important
  }
  .alignleft .wp-caption-text, .alignright .wp-caption-text {
    bottom: 15px !important
  }
  body .temoignages iframe {
    height: 250px !important;
    width: 100% !important
  }
  .agenda .content-agenda .left .col.slide ul li {
    padding: 110px 20px
  }
  .agenda .content-agenda .right ul {
    padding-left: 0;
    padding-right: 0
  }
}