/*imports*/
/*variables*/
/*mixins*/
@media (max-width: 1200px) {
  html .center {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html header aside {
    right: 10px;
  }
}
@media (max-width: 1160px) {
  html header .top .logo {
    float: left;
    width: 290px;
  }
  html header .top .logo img {
    width: 100px;
    height: 100px;
  }
  html header .top .h2 {
    width: 180px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    font-size: 1.1em;
    line-height: 1.2em;
  }
  html header .top .h3 {
    width: 180px;
  }
  html header aside {
    right: 10px;
  }
  html header .infos {
    margin-top: 55px;
    margin-bottom: 5px;
    font-size: 0.9em;
    line-height: 1.4em;
  }
  html header .infos strong,
  html header .infos a {
    font-size: 1.1em;
  }
  html header .infos .appel {
    padding-right: 15px;
  }
  html header .infos .ecrivez-nous {
    padding-left: 15px;
    padding-right: 15px;
  }
  html header .infos .boutons {
    padding-left: 30px;
  }
  html header #nav {
    height: 50px;
  }
  html header #nav li.niv1 a.niv1 {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  html header #nav li.niv1 ul {
    padding-top: 50px;
  }
  html #article .colright .boutons,
  html #accueil .colright .boutons,
  html #catch .colright .boutons,
  html #galeries-photos .colright .boutons {
    padding: 10px;
  }
  html #article .colright .galeries,
  html #accueil .colright .galeries,
  html #catch .colright .galeries,
  html #galeries-photos .colright .galeries {
    float: left;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html #article .colright .galeries .galerie,
  html #accueil .colright .galeries .galerie,
  html #catch .colright .galeries .galerie,
  html #galeries-photos .colright .galeries .galerie {
    float: left;
    width: 100%;
  }
  html #article .colright .bouton,
  html #accueil .colright .bouton,
  html #catch .colright .bouton,
  html #galeries-photos .colright .bouton {
    width: 100%;
    font-size: 0.9em;
  }
  html #article,
  html #galeries-photos {
    padding-top: 50px;
  }
}
/*MOBILES*********************************************************************************************************************************/
@media (max-width: 1000px) {
  html .mobile {
    display: inline;
  }
  html .nomobile {
    display: none;
  }
  html #btn_up {
    display: none !important;
  }
  html form.formfront {
    padding-left: 10px;
    padding-right: 10px;
  }
  html form.formfront .line label {
    width: 100%;
    text-align: left;
  }
  html form.formfront .line input,
  html form.formfront .line textarea {
    width: 100%;
  }
  html form.formfront label.error {
    width: 100%;
    margin-left: 0;
  }
  html #sticky-wrapper {
    float: left;
    position: relative;
    width: 100%;
  }
  html header {
    width: 100%;
    height: auto;
  }
  html header .top .logo {
    float: left;
    width: 100%;
    padding-top: 40px;
    text-align: center;
  }
  html header .top .logo img {
    width: 80px;
    height: 80px;
  }
  html header .top .h1 {
    margin-top: 5px;
    width: 50%;
    text-align: center;
  }
  html header .top .h2 {
    width: 50%;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 5px;
    font-size: 1em;
    line-height: 1.2em;
  }
  html header .top .h3 {
    width: 50%;
    margin-top: 5px;
    font-size: 0.8em;
  }
  html header aside {
    float: left;
    width: 100%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html header aside ul {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html header aside ul li {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html header aside ul li.facebook {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
  }
  html header .infos {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  html header .infos .appel {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding-right: 0px;
    text-align: center;
  }
  html header .infos .ecrivez-nous {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    border-left: 0px;
    border-right: 0px;
    text-align: center;
  }
  html header .infos .boutons {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
  }
  html header .infos .boutons .bouton {
    height: 35px !important;
    line-height: 35px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html header .infos .boutons .bouton i {
    height: 35px;
    line-height: 35px;
  }
  html header #nav {
    height: auto;
    text-align: center;
  }
  html header #nav a.mobile {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
    padding-top: 10px;
  }
  html header #nav a.mobile i {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
  }
  html header #nav ul.niv1 {
    display: none;
  }
  html header #nav li.niv1 {
    width: 100%;
    background: none;
  }
  html header #nav li.niv1 a.niv1 {
    height: auto;
    width: 100%;
    line-height: initial;
    padding-left: 0px;
    padding-right: 0px;
    padding: 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html header #nav li.niv1 ul {
    position: relative;
    left: 0;
    margin-left: 0;
    padding-top: 0;
    border-bottom: 0px;
  }
  html header #nav li.niv1 ul li {
    width: 100%;
  }
  html #slide {
    height: 400px;
  }
  html #slide.interne {
    height: 100px;
  }
  html #slide.interne .slide-btns_nav {
    top: 50%;
  }
  html .suite {
    height: 40px;
    line-height: 40px;
  }
  html .accroche {
    display: none;
  }
  html .meteo {
    display: none;
  }
  html #article,
  html #accueil,
  html #catch,
  html #galeries-photos {
    /**h1{
            padding-top:50px;
        }**/
  }
  html #article h1,
  html #accueil h1,
  html #catch h1,
  html #galeries-photos h1 {
    padding-bottom: 30px;
  }
  html #article h3,
  html #accueil h3,
  html #catch h3,
  html #galeries-photos h3 {
    padding-bottom: 20px;
  }
  html #article .colleft,
  html #accueil .colleft,
  html #catch .colleft,
  html #galeries-photos .colleft {
    width: 100%;
  }
  html #article .colright,
  html #accueil .colright,
  html #catch .colright,
  html #galeries-photos .colright {
    width: 100%;
    margin-left: 0;
  }
  html #article .colright .boutons,
  html #accueil .colright .boutons,
  html #catch .colright .boutons,
  html #galeries-photos .colright .boutons {
    padding: 15px;
  }
  html #article .colright .galeries,
  html #accueil .colright .galeries,
  html #catch .colright .galeries,
  html #galeries-photos .colright .galeries {
    float: left;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html #article .colright .galeries .galerie,
  html #accueil .colright .galeries .galerie,
  html #catch .colright .galeries .galerie,
  html #galeries-photos .colright .galeries .galerie {
    float: left;
    width: 100%;
  }
  html #article .colright h3,
  html #accueil .colright h3,
  html #catch .colright h3,
  html #galeries-photos .colright h3 {
    padding-top: 15px;
  }
  html #article .colright .bouton,
  html #accueil .colright .bouton,
  html #catch .colright .bouton,
  html #galeries-photos .colright .bouton {
    display: inline-block;
    width: 90%;
    height: 25px;
    line-height: 25px;
  }
  html #article .colright .bouton i,
  html #accueil .colright .bouton i,
  html #catch .colright .bouton i,
  html #galeries-photos .colright .bouton i {
    line-height: 25px;
  }
  html #article .actualites-une,
  html #accueil .actualites-une,
  html #catch .actualites-une,
  html #galeries-photos .actualites-une {
    width: 100%;
  }
  html #article .video,
  html #accueil .video,
  html #catch .video,
  html #galeries-photos .video {
    width: 100%;
    margin-left: 0;
  }
  html #article .video h2,
  html #accueil .video h2,
  html #catch .video h2,
  html #galeries-photos .video h2 {
    margin-bottom: 0px;
  }
  html #article .video iframe,
  html #accueil .video iframe,
  html #catch .video iframe,
  html #galeries-photos .video iframe {
    height: 300px;
  }
  html #article .information,
  html #accueil .information,
  html #catch .information,
  html #galeries-photos .information {
    padding-left: 20px;
    padding-right: 20px;
  }
  html #article .texte,
  html #accueil .texte,
  html #catch .texte,
  html #galeries-photos .texte {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
  }
  html #article .texte p img,
  html #accueil .texte p img,
  html #catch .texte p img,
  html #galeries-photos .texte p img {
    float: left;
    width: 100%;
    height: auto;
  }
  html #article .galerie,
  html #accueil .galerie,
  html #catch .galerie,
  html #galeries-photos .galerie {
    width: 100%;
  }
  html #galeries-photos {
    background: #ffffff;
  }
  html #catch {
    font-size: 1.3em;
    line-height: 1.4em;
  }
  html #catch i {
    font-size: 1.1em;
  }
  html footer .middle .col1 {
    width: 100%;
  }
  html footer .middle .col1 h3 {
    text-align: center;
  }
  html footer .middle .col1 ul {
    float: none;
    clear: both;
    color: #272525;
    font-size: 1em;
    line-height: 1.4em;
    padding-bottom: 10px;
  }
  html footer .middle .col1 ul li {
    position: relative;
    width: auto;
    clear: both;
    margin-left: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
    font-size: 1em;
    text-transform: none;
  }
  html footer .middle .col1 ul li a {
    color: #2b2b2b;
  }
  html footer .middle .col1 ul li a:hover {
    color: #76b38f;
  }
  html footer .middle .col1 ul li:before {
    content: "";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;
    color: #76b38f;
  }
  html footer .middle .col2 {
    text-align: center;
    width: 100%;
  }
  html footer .middle .col2 p {
    font-size: 1.1em;
    line-height: 1.4em;
  }
  html footer .middle .col2 p i {
    color: #76b38f;
    margin-right: 5px;
  }
  html footer .middle .col2 p a {
    color: #2b2b2b;
  }
  html footer .middle .col2 p a:hover {
    color: #76b38f;
  }
  html footer .middle .col3 {
    width: 100%;
  }
  html footer .middle h3 {
    padding-top: 50px;
    padding-bottom: 30px;
    font-size: 1.2em;
    font-weight: 700;
  }
  html footer .bottom {
    float: left;
    position: relative;
    width: 100%;
  }
  html footer .bottom section {
    margin-top: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 0.9em;
    border-top: 1px solid #c0c0c0;
    text-align: right;
  }
  html footer .bottom section a {
    color: #272525;
  }
}
/*# sourceMappingURL=responsive.css.map */