.noDesktop {
	  display: none !important;
  }
  .noMobile {
	  display: block !important;
  }
@media only screen and (max-width: 1179px) {
  #header #logo {
    margin-left: 10px;
  }
  .album-template-default .top-article .sub-container {
    width: 100%;
  }
  .album-template-default .top-article .sub-container .top-link {
    right: 50px ;
  }
  #hp-slider .slide .content-wrapper .desc:after {
    right: -80px;
  }
  #header .link-don {
    width: 180px;
    right: 0;
  }
  #hp-slider .slide {
    outline: 0;
  }
  #hp-slider .slide .content-wrapper {
    padding-left: 20px;
  }
  #hp-slider .slide-count-wrap {
    left: 300px;
    margin-left: 0;
  }
  #hp-slider .slick-arrow.slick-next {
    margin-left: 0;
    left: 344px;
  }
  #hp-slider .slick-arrow.slick-prev {
    margin-left: 0;
    left: 275px;
  }
  .home-bg-grey .content-col a {
    padding: 20px 20px 0 100px;
  }
  .home-bg-grey .content-col .ico-left {
    left: 20px;
  }
  body {
    padding-top: 0;
  }
  #header {
    position: relative;
    top: auto;
    left: auto;
  }
  #header .container {
    width: 100%;
  }
  #header .left-header {
    width: 170px;
  }
  #header .left-header #logo {
    width: 100%;
    display: block;
    margin-left: 0;
  }
  #header .left-header #logo img {
    width: 125px;
    margin-left: -10px;
    margin-top: 15px;
  }
  #header .left-header #baseline {
    width: 100%;
    display: block;
    padding: 0;
    font-size: 11px;
  }
  #header #search .button-search {
    right: 190px;
  }
  #header #search .content-search {
    right: 240px;
    width: 400px;
  }
  #header #nav .richlayer ul li {
    min-height: auto;
    padding-bottom: 10px;
  }
  .contact-form .content-form {
    padding: 30px 0;
  }
}
@media (max-width: 992px) {
  body #menu-mobile2 {
    display: block;
  }
  #rub2.wysiwyg {
    margin-top: 0;
  }
  .album-template-default .top-article .sub-container {
    width: 100%;
  }
  .album-template-default .top-article .sub-container .top-link {
    right: auto ;
    position: relative;
    bottom: auto;
    text-align: center;
    width: auto;
  }
  .album-template-default .top-article .sub-container .title {
    padding-right: 0;
    text-align: center;
  }
  .album-template-default .top-article .sub-container .title h1 {
    text-align: center;
  }
  .top-article.headerSimple {
    padding-bottom: 10px;
  }
  #rub3.wysiwyg,
  #rub4.wysiwyg,
  #rub5 {
    margin-top: -30px;
  }
  .wysiwyg iframe {
    width: 100%;
    height: auto;
  }
  .right-nav #search {
    display: none !important;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  #header {
    position: relative;
    top: auto;
    left: auto;
  }
  #header #nav {
    display: none;
  }
  #header .link-don {
    width: 150px;
  }
  #header .left-header {
    padding-top: 10px;
    z-index: 56;
    position: relative;
  }
  #header .left-header #baseline {
    display: none;
  }
  .btn-print {
    display: none !important;
  }
  section {
    padding: 30px 0;
  }
  section .large-title {
    padding-bottom: 0;
  }
  .listing-actu .large-title {
    padding-bottom: 0;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  .col-md-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .home-bg-grey .col-md-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #hp-slider .slick-arrow.slick-next {
    right: 37px;
    left: auto;
  }
  #hp-slider .slick-arrow.slick-prev {
    right: 108px;
    left: auto;
  }
  #hp-slider .slide {
    height: auto;
    background: #fff !important;
  }
  #hp-slider .slide:before {
    width: 0;
    height: 0;
  }
  #hp-slider .slide * {
    outline: 0;
  }
  #hp-slider .slide .content-wrapper {
    padding-left: 0;
  }
  #hp-slider .slide .content-wrapper .img-mobile {
    display: block;
  }
  #hp-slider .slide .content-wrapper .img-mobile img {
    display: block;
    width: 100%;
  }
  #hp-slider .slide .content-wrapper .desc {
    background-color: transparent;
    padding: 20px ;
    width: 710px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    height: auto;
  }
  #hp-slider .slide .content-wrapper .desc:after {
    height: 0;
    width: 0;
  }
  #hp-slider .slide .content-wrapper .desc .title {
    color: #454545;
    font-size: 22px;
    line-height: 1.2;
  }
  #hp-slider .slide .content-wrapper .desc .sub-title {
    min-height: 1px;
    margin-bottom: 20px;
  }
  #hp-slider .slide .content-wrapper .slide-count-wrap {
    right: 70px;
    left: auto;
    margin-left: 0;
    color: #eb6400;
  }
  .home-bg-grey > div {
    margin-top: 20px;
  }
  .home-bg-grey > div:first-child {
    margin-top: 0;
  }
  .home-bg-grey .content-col a {
    padding: 25px 30px 25px 100px;
    min-height: 1px ;
  }
  .home-bg-grey .content-col .ico-left {
    font-size: 37px;
    bottom: auto;
  }
  .home-bg-grey .content-col .icon-architecte {
    top: 23px;
    left: 35px;
    font-size: 50px;
  }
  .home-bg-grey .content-col .icon-brique {
    top: 28px;
  }
  .home-bg-grey .content-col .icon-eglise {
    top: 27px;
  }
  .large-title {
    position: static;
    margin-bottom: 20px !important;
  }
  a.all {
    position: absolute;
    bottom: 20px;
    top: auto;
    right: auto;
    display: block;
    text-align: center;
    width: 100%;
    left: 0 ;
    top: auto !important;
    right: auto !important;
  }
  .home .listing-actu {
    padding: 0;
  }
  .home .listing-actu .row {
    background-color: #fff;
  }
  .listing-actu {
    position: relative;
    background-color: #f0eded;
    margin-bottom: 30px;
  }
  .listing-actu .row {
    padding-bottom: 40px;
  }
  .listing-actu .col-md-6 {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 auto 20px auto;
  }
  .listing-actu .content {
    margin-bottom: 0;
  }
  .listing-actu .content p {
    font-size: 15px;
    line-height: 1.2;
    min-height: 1px;
    margin-bottom: 10px;
  }
  .listing-actu .content .link-right a {
    font-weight: 400;
  }
  .listing-actu .thumb img {
    max-width: 100%;
    height: auto;
  }
  .right-home {
    padding-left: 0;
  }
  div#don {
    height: auto;
    padding: 20px 20px 0 20px;
    margin-bottom: 30px;
    position: relative;
  }
  div#don:after {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #f0eded;
    height: 30px;
    z-index: 1;
  }
  div#don h2 {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 1.2;
  }
  div#don .content-don {
    position: relative;
    width: 710px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 2;
  }
  div#don .content-don .nav-tab li {
    padding: 0;
  }
  div#don .content-don .nav-tab li:first-child {
    padding-bottom: 2px;
  }
  div#don .content-don .info-bottom {
    display: none;
  }
  div#don .content-don .content-tab {
    margin-top: 10px;
    padding-bottom: 0;
  }
  div#don .content-don .content-tab .montant a {
    height: auto;
    padding: 14px 0;
  }
  div#don .content-don .content-tab .montant a .number {
    margin-bottom: 0;
    font-size: 25px;
  }
  div#don .content-don .content-tab > div {
    padding: 0 0 15px 0;
  }
  div#don .content-don .content-tab .custom-amount .open-amount {
    margin-top: 0;
  }
  #pagination .txt-number {
    position: relative;
    bottom: auto;
    right: auto;
    display: block;
    padding-top: 10px;
    text-align: center;
  }
  .form .container {
    padding: 30px 20px;
  }
  .form form .row div {
    margin-bottom: 10px;
  }
  .form form .row .link-result {
    width: 100% !important;
    float: none;
    text-align: center;
  }
  .form form .row .link-result input {
    margin: 0 auto;
  }
  .form form .row .link-result .reinitialiser {
    display: inline-block;
    margin-top: 15px;
  }
  .agenda {
    padding-bottom: 50px;
    position: relative;
  }
  .agenda .article .title {
    min-height: 0;
    margin-bottom: 4px;
  }
  .mediatheque {
    padding-bottom: 60px;
  }
  .mediatheque .listing .left,
  .mediatheque .listing .right {
    float: none;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  .mediatheque .listing .left > div,
  .mediatheque .listing .right > div,
  .mediatheque .listing .left > a,
  .mediatheque .listing .right > a {
    height: auto !important;
    background-image: none !important;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 2px solid #e5e5e5;
  }
  .mediatheque .listing .left .top {
    margin-top: 0;
    padding-top: 0;
  }
  .mediatheque .listing .img-mobile {
    display: block;
    text-align: center;
  }
  .mediatheque .listing .img-mobile img {
    width: 400px;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .mediatheque .listing .layer {
    background: none;
    height: auto;
    width: auto;
    top: auto;
    left: auto;
    display: block;
    position: relative;
    margin-top: 20px;
  }
  .mediatheque .listing .layer .info {
    position: relative;
    bottom: auto;
    left: auto;
    color: #707070;
    font-size: 18px;
    padding: 0;
    font-weight: 400;
  }
  #nav-projet {
    display: none;
  }
  .detail-projet .sub-container {
    margin-top: 0;
    padding: 15px 0;
  }
  .detail-projet .sub-container .row > div i,
  .detail-projet .sub-container .row > div .title-info,
  .detail-projet .sub-container .row > div .info {
    display: inline-block;
  }
  .detail-projet .sub-container .row > div i {
    width: 40px;
  }
  .detail-projet .sub-container .row > div .title-info {
    width: 200px;
  }
  .detail-projet .sub-container .row > div .info {
    width: 200px;
  }
  .top-content {
    height: auto;
    padding: 20px 0;
    margin-top: 0;
  }
  .map-project {
    height: auto;
  }
  .map-project .title br {
    display: none;
  }
  .ensavoirplus {
    padding-bottom: 50px;
    position: relative;
  }
  .gallerie {
    position: relative;
  }
  .localisation {
    padding-bottom: 0;
  }
  .wysiwyg blockquote {
    margin-left: 10px;
    margin-right: 10px;
  }
  #actualites .row {
    padding-bottom: 0 !important;
  }
  .chiffre-cle {
    padding: 30px 0;
  }
  .chiffre-cle .content {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .chiffre-cle .content .row {
    margin-top: 10px;
  }
  .chiffre-cle .content .row > div {
    margin-top: 30px;
  }
  .chiffre-cle .content .row > div:first-child {
    margin-top: 0;
  }
  .chiffre-cle .content .row .info {
    min-height: 10px;
  }
  .chiffre-cle .content .row .chiffre {
    margin-bottom: 10px;
  }
  .press {
    margin-top: 0;
  }
  .press h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .press .nav-isotope {
    padding: 0;
    margin-bottom: 20px;
  }
  .press .nav-isotope li a {
    border-top: 0;
  }
  .press .nav-isotope li:first-child a {
    border-top: 1px solid #4d4d4d;
  }
  .press .listing-line .line {
    padding: 15px;
  }
  .press .listing-line .line .img {
    width: auto;
  }
  .press .listing-line .line .info {
    padding-right: 0;
    display: block;
    padding-bottom: 15px;
  }
  .press .listing-line .line .info .cat {
    font-size: 11px;
  }
  .press .listing-line .line .info p {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .press .listing-line .line .info .date {
    font-size: 12px;
  }
  .press .listing-line .line .link {
    padding-right: 0;
    width: auto;
    display: block;
  }
  .press .listing-line .line .link a {
    display: block;
    width: 100%;
  }
  .sticky-right.right {
    display: none;
  }
  #footer .container {
    padding-bottom: 100px;
  }
  #footer .container .social {
    text-align: right;
  }
  #footer .container .social li {
    margin-left: 5px;
  }
  #footer .container .nav-right {
    right: 20px;
    top: auto;
    bottom: 20px;
  }
  #footer .button-top {
    top: -45px;
    bottom: auto;
    right: 20px;
    background-color: #fff;
  }
  .listing-projet .row .actu .content .title {
    font-size: 12px;
  }
  .listing-projet .row .actu .content p {
    font-size: 13px;
  }
  .listing-projet .row .actu .content .tag-actu .tag {
    font-size: 11px;
  }
  .listing-projet.actu-projet .row .actu-principal {
    margin-bottom: 0;
  }
  .listing-projet.actu-projet .row .actu-principal .content {
    padding: 20px 25px;
  }
  .gallerie .container .slider-nav {
    width: 100%;
  }
  #breadcrumbs {
    margin-bottom: 10px;
  }
  .bottom-home .col-md-4 {
    padding-right: 0 !important;
  }
  #hp-slider .slide .content-wrapper .desc {
    min-height: 300px;
  }
  body .top-content .intro {
    padding: 0 0 15px 0;
  }
  body .top-content .intro:before {
    height: 0;
    width: 0;
  }
}
@media (max-width: 768px) {
  #projet .contact-form .chosen-container-single .chosen-single {
    font-size: 15px;
    padding: 10px 40px 10px 15px;
  }
  .top-article .title h1 {
    font-size: 26px;
    padding-bottom: 0;
  }
  .top-article .intro {
    padding: 15px 0 20px;
    font-size: 17px;
  }
  .top-tag {
    margin-bottom: 10px;
  }
  .top-tag .top-tag {
    font-size: 14px;
  }
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4 {
    margin: 20px 0 15px;
  }
  .wysiwyg h2 {
    font-size: 20px;
  }
  .wysiwyg h3 {
    font-size: 18px;
  }
  .wysiwyg h4 {
    font-size: 16px;
  }
  .wysiwyg p,
  .wysiwyg ul,
  .wysiwyg ol {
    font-size: 16px;
  }
  .wysiwyg blockquote {
    padding: 20px 0;
    font-size: 19px;
    margin: 20px 0;
  }
  .wysiwyg .tag-article {
    margin-top: 30px;
    padding-top: 20px;
  }
  .wysiwyg .tag-article .tag {
    font-size: 12px;
    padidng: 10px 15px;
  }
  .form {
    padding: 0;
  }
  .form .container {
    padding: 25px 20px;
  }
  .top-content .title {
    margin-bottom: 20px;
  }
  .top-content .title h1 {
    font-size: 26px;
  }
  .listing-line .line {
    margin-top: 15px;
    padding-top: 15px;
    display: block;
  }
  .listing-line .line .img {
    margin-bottom: 10px;
    display: block;
    width: auto;
  }
  .listing-line .line .img img {
    display: block;
    max-width: 100%;
  }
  .listing-line .line .info {
    display: block;
    padding: 0 0 10px;
  }
  .listing-line .line .info p {
    font-size: 14px;
  }
  .listing-line .line .info .titre {
    font-size: 14px;
  }
  .listing-line .line .info .name {
    font-size: 13px;
  }
  .listing-line .line .info .date {
    font-size: 12px;
  }
  .listing-line .line .info .date i {
    font-size: 12px;
  }
  .listing-line .line .info .top {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .chiffre-cle {
    padding: 10px 0 20px;
  }
  .chiffre-cle .content .row .chiffre {
    font-size: 40px;
  }
  .chiffre-cle .content .row .info {
    font-size: 18px;
  }
  .sub-container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #slide-gallery {
    padding-top: 0 ;
  }
  #slide-gallery .slider-nav {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
  }
  #slide-gallery .slider-nav img {
    display: block;
    margin: 0 auto;
    max-width: 60%;
  }
  #slide-gallery .slider-for .desc {
    width: 100%;
  }
  #slide-gallery .slick-arrow {
    bottom: 25px;
  }
  #slide-gallery .slick-arrow.slick-prev {
    left: 10px;
  }
  #slide-gallery .slick-arrow.slick-next {
    right: 10px;
  }
  .localisation .info {
    position: relative;
    height: auto;
    left: auto;
    top: auto;
    width: 100%;
    padding: 10px;
    background-color: #f0eded;
  }
  .localisation .info p {
    margin-bottom: 5px;
  }
  .listing-projet.actu-projet .row .actu-principal {
    padding: 0;
  }
  .listing-projet {
    padding: 20px 0;
  }
  .listing-projet .container .info-result {
    font-size: 15px;
    margin-bottom: 0;
  }
  .listing-projet .row .actu {
    margin-top: 20px;
  }
  .listing-projet .row .actu .content {
    height: auto;
    padding: 15px;
  }
  .listing-projet .row .actu .content p {
    font-size: 14px;
  }
  .right-home {
    padding-top: 30px;
  }
  #don-bottom {
    padding: 30px 20px;
  }
  #don-bottom h2 {
    float: none;
    margin-bottom: 20px;
    font-size: 20px;
  }
  #don-bottom h2 span {
    display: inline-block !important;
  }
  #don-bottom a {
    float: none;
    display: block;
    text-transform: uppercase;
    text-align: center;
    background-position: left center;
    padding-left: 26px;
  }
  .button-bottom {
    margin-top: 20px;
    padding-bottom: 50px;
  }
  .button-bottom .left-button {
    padding: 7px 10px;
    top: auto;
    bottom: 0;
  }
  .button-bottom .btn-centre {
    padding: 13px 30px;
    font-size: 16px;
  }
  .listing-actu {
    margin-bottom: 0;
  }
  .listing-actu .col-md-6 {
    padding-bottom: 25px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px auto;
  }
  .listing-actu .col-md-6 .content {
    min-height: auto;
  }
  .listing-actu .col-md-6:last-child {
    margin-top: 0;
    border: 0;
  }
  .contact-form #don {
    height: auto;
    padding: 0 !important;
    margin: 0 !important;
    background-image: none !important;
  }
  .contact-form .radio-box ul li {
    width: 50% !important;
  }
  .contact-form .radio-box ul li label {
    padding: 5px 0;
    font-size: 15px;
  }
  .contact-form .titre,
  .contact-form .field label {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .contact-form .field {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .contact-form .field select {
    font-size: 15px;
    height: 30px;
    padding: 0;
  }
  .contact-form .field br {
    display: none !important;
  }
  .contact-form .field input[type="text"],
  .contact-form .field input[type="number"],
  .contact-form .field textarea {
    padding: 5px 6px;
    font-size: 15px;
  }
  .contact-form .txtarea textarea {
    height: 100px;
    padding: 5px 6px;
    font-size: 15px;
  }
  .contact-form .multipl .MultiFile-list > .MultiFile-label {
    width: 100%;
    float: none;
    margin-top: 10px;
    margin-right: 0 !important;
    padding: 10px;
  }
  .contact-form .multipl .MultiFile-list > .MultiFile-label .MultiFile-remove {
    top: 13px;
  }
  .contact-form .checkbox label {
    font-size: 14px;
  }
  .contact-form .submit {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  
}
@media (max-width: 710px) {
  #hp-slider .slide .content-wrapper .desc,
  div#don .content-don {
    width: 100%;
  }
  div#don .content-don .content-tab .montant .info {
    font-size: 14px;
  }
  .info-contact h3 {
    margin-bottom: 15px;
  }
  .info-contact .content-tab {
    display: block;
  }
  .info-contact .content-tab .left,
  .info-contact .content-tab .right {
    display: block;
    width: 100%;
  }
  .info-contact .content-tab .left {
    padding: 15px 0 15px 15px;
  }
  .info-contact .content-tab .left p {
    font-size: 15px;
    padding: 10px;
  }
  .bloc-legs:before,
  .newsletter:before,
  .map-project:before {
    width: 0;
    height: 0;
  }
  .bloc-legs .visuel {
    display: none;
  }
  .bloc-legs p {
    margin-left: 0;
    min-height: 5px;
    margin-bottom: 20px;
  }
  .revu .visuel {
    margin-bottom: 8px;
  }
  .revu .content {
    margin-left: 0;
  }
}
@media (max-width: 540px) {
  .noDesktop {
	  display: block !important;
  }
  .noMobile {
	  display: none !important;
  }
  #footer .logo img {
    max-width: 100px;
  }
  #footer .container .logo {
    max-width: 100%;
    display: block;
    position: relative;
    left: auto;
  }
  #footer .container .social {
    text-align: center;
  }
  #hp-slider .slide .content-wrapper .desc {
    min-height: 250px;
  }
  .top-article .title h1 {
    font-size: 20px;
  }
  .top-article .intro {
    font-size: 13px;
  }
  .top-content .title h1 {
    font-size: 20px;
  }
  .top-tag .tag {
    font-size: 13px;
  }
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4 {
    margin: 15px 0 10px;
  }
  .wysiwyg h2 {
    font-size: 18px;
  }
  .wysiwyg h3 {
    font-size: 17px;
  }
  .wysiwyg h4 {
    font-size: 15px;
  }
  .wysiwyg p,
  .wysiwyg ul,
  .wysiwyg ol {
    font-size: 14px;
  }
  .wysiwyg blockquote {
    padding: 10px 0;
    font-size: 17px;
    margin: 15px 0;
  }
  .wysiwyg blockquote p {
    font-size: 17px;
  }
  .wysiwyg .tag-article {
    margin-top: 20px;
    padding-top: 15px;
  }
  .wysiwyg .tag-article .tag {
    font-size: 11px;
  }
  .chiffre-cle {
    margin: 20px 0;
  }
  .detail-projet .sub-container .row > div {
    padding: 0;
  }
  .detail-projet .sub-container .row > div .title-info {
    width: 100px;
  }
  .detail-projet .sub-container .row > div .info {
    width: 150px;
  }
  #don-bottom a {
    background-image: none;
  }
}
@media (max-width: 540px) {
  .dl-trigger {
    right: 125px;
  }

  body #menu-mobile2 {
    right: 30px!important;
  }
}

@media (max-width: 400px) {
  body #menu-mobile2 {
    right: 20px!important;
  }
}