/*
#
# Thème v1.0 par William K. pour Camping Domaine Chaudeau
# 

Paulane's colors

Marron : #653e0d;
Terre : #c17519;
Crème : #FFF5EE;
Noisette : #e9d8cb;
Forêt : #51781a;
Prairie : #75a123;
Spring : #EAFA87;
Bleu : #70b2ef;
*/


/* Constantes */

.marron {
    color: #653e0d;
}

.terre {
    color: #c17519;
}

.creme {
    color: #FFF5EE;
}

.noisette {
    color: #e9d8cb;
}

.foret {
    color: #51781a;
}

.prairie {
    color: #75a123;
}

.spring {
    color: #EAFA87;
}

.bleu {
    color: #70B2EF;
}

.white {
    color: #FFF;
}

.color1 {
    color: #3b591b;
}

.color2 {
    color: #6cbf45;
}

.color3 {
    color: #f7e044;
}

.color4 {
    color: #7c4c10;
}

.color5 {
    color: #653e0d;
}

.bg1 {
    background-color: #3b591b;
}

.bg2 {
    background-color: #6cbf45;
}

.bg3 {
    background: #88aa00;
}

.bg4 {
    background-color: #7c4c10;
}

.bg5 {
    background-color: #653e0d;
}

.button {
    padding: 8px;
}

.alert a {}

.alert a:hover {}

.alert.orange {
    background-color: #FFF6D5;
    color: #ff8017;
}


/* Clearfix */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*******************/

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #653e0d;
    background: #FFF5EE url('../img/motif-bg-chaudeau.png') top left repeat;
    line-height: 1.5;
    font-size: 1.7rem;
}

.visible-on-mob {
    display: none;
    visibility:hidden;
}
/* 2eme container de navigation horizontal - même max-with que container plucss*/

.container-nav {
    max-width: 1280px;
    margin: 0 auto;
}


/* H1 > H6 */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Bellota';
    line-height: 1.25;
    margin-bottom: .25em;
    margin: 0rem 0 1rem 0;
    font-weight: bold;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    height: auto;
}

h1,
.h1 {
    font-size: 3.2rem;
}

h2,
.h2 {
    font-size: 2.4rem;
}

h3,
.h3 {
    font-size: 2.2rem;
}

h4,
.h4 {
    font-size: 1.8rem;
}

h5,
.h5 {
    font-size: 1.7rem;
}

h6,
.h6 {
    font-size: 1.5rem;
}

a {
    color: #51781a;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    
}

a:hover {
    color: #c17519;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
 
}

.creme a {
    color: #FFF5EE;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    
}

.creme a:hover {
    color: rgba(255, 245, 238, 0.8);
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
 
}

.header {
    background: rgba(233, 216, 203, 0.75);
    color: #fff;
    padding: 20px;
}

.header h1 {
    font-weight: 300;
    font-size: 5.4em;
    padding-top: 60px;
    line-height: 1em;
    margin-bottom: 0em;
    text-align: left;
}

.header h2 {
    font-weight: 300;
    font-weight: 100;
    font-style: italic;
    text-align: left;
}

.header img {
    margin-top: 26px;
}

.header h1 a {
    color: #fff;
}

.header h1 a:hover {
    color: rgba(255, 255, 255, .4);
}

@media (max-width: 767px) {
    .header h1 {
        font-size: 2.8em;
        margin-bottom: 10px;
        text-align: center;
    }
    .header h2 {
        font-size: 1.25em;
        text-align: center;
    }
}

.top {
    background: rgba(233, 216, 203, 0.75);
    /*background: white;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: none;
    font-weight: normal;
    padding: 0px 0px 10px 0px;
    box-shadow: rgba(101, 62, 13, 0.50) 0px 4px 14px;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
}

.top-infos {
    background: transparent;
    color: #653E0D;
    font-family: 'Bellota';
    font-size: 1.85rem;
    padding: .5rem;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
}

.top-infos ul {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.top-infos #langs {
    vertical-align: middle;
    display: inline-block;
    float: right;
}

.header-bleu {
    background: transparent url('../img/bg-header-bleu.jpg') top left no-repeat;
}

.header-hebergements {
    background: transparent url('../img/bg-header-filtre.jpg') top left repeat;
}

.lelogo {
    position: absolute;
    top: 20px;
    right: 320px;
    height: auto;
    width: auto;
    background: transparent;
}

@media (max-width: 1024px) {
    .lelogo {
        top: 40px;
    right: -60px;
}
    
    .lelogo img {
        width: 70%;
        height: 70%;
    }
}

@media (max-width: 1400px) {
    .lelogo {
        top: 45px;
    right: -40px;
}
    
    .lelogo img {
        width: 80%;
        height: 80%;
    }
}

@media (max-width: 480px) {
    .lelogo {
        top: 60px;
    right: -80px;
}
    
    .lelogo img {
        width: 60%;
        height: 60%;
    }
}

@media (max-width: 360px) {
    .lelogo {
        display: none;
        visibility: hidden;
    }
}

.change {
    -webkit-animation: fadeIn .8s;
    -moz-animation: fadeIn .8s;
    animation: fadeIn .8s;
    padding: 0px 0px 0px 0px;
    background: #e9d8cb;
}

.menu-btn,
.menu-top {
    display: inline;
    margin-right: 10px;
    font-size: 1.125em;
    font-weight: normal;
}

.menu-btn {
    color: #fff;
}

.menu-btn:hover {
    color: #7c4c10;
}

.menu-btn a,
.menu-top a {
    color: #fff;
}

.menu-btn a:hover,
.menu-top a:hover {
    color: #7c4c10;
}

.menu-btn-change {
    color: #3b591b;
}

.menu-btn-change:hover {
    color: #7c4c10;
}

.menu-btn-change a,
.menu-top-change a {
    color: #3b591b;
}

.menu-top-change a:hover {
    color: #7c4c10;
}

.menu-top-right {
    display: none;
    float: right;
    color: #fff;
}

.menu-top-right-change {
    display: inline;
    float: right;
    color: #3b591b;
}

.menu-change {
    text-align: left;
    direction: ltr;
}

.menu-btn:hover,
.menu-top a:hover {
    cursor: pointer;
}


/* MENU HORIZONTAL */

.toggleMenu {
    display: none;
    width: 100%;
    padding: 8px 0px 8px 0px;
    color: #7c4c10;
    text-align: left;
    background: #e9d8cb;
    background-repeat: no-repeat;
    margin: 0;
}

a.toggleMenu {
    color: #c17519;
}

a:hover.toggleMenu {
    color: #653e0d;
}

.toggleMenu > .pbi-icons {
    font-size: 4.0rem;
}

.nav-horizontal {
    font-family: 'Bellota';
    letter-spacing: .005rem;
    *zoom: 1;
    list-style: none;
    background: transparent;
    text-transform: normal;
    text-align: left;
    font-size: 2.0rem;
    padding-top: 5px;
}

.nav-horizontal ul,
li {
    margin: 0;
    padding: 0;
}

.nav-horizontal span {
    content: " ";
    display: table;
    color: #7c4c10;
}

.nav-horizontal li a,
.nav-horizontal span {
    display: block;
    color: #653e0d;
    margin-right: 2.5rem;
    font-weight: bold;
    text-transform: normal;    
}

.nav-horizontal li a:hover,
.nav-horizontal span:hover,
.nav-horizontal li.active > a {
    color: #c17519;
    /*box-shadow: 0 0 6px 2px rgba(108, 191, 69, 0.3);*/
}

.nav-horizontal:before,
.nav-horizontal:after {
    content: " ";
    display: table;
}

.nav-horizontal:after {
    clear: both;
}

.nav-horizontal ul {
    list-style: none;
    width: 100%;
}

.nav-horizontal li {
    position: relative;
}

.nav-horizontal > li {
    text-align: left;
    display: inline-block;
}

.nav-horizontal > li > .parent:after,
.nav-horizontal span:after {
    /*display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\0000a0\f0d7";
    color: #4ABE75;*/
}

.nav-horizontal li ul {
    position: absolute;
    display: none;
    background: rgba(233, 216, 203, 0.8);
    width: 250px;
    -webkit-animation: fadeInLeft .4s;
    animation: fadeInLeft .4s;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    box-shadow: 4px 4px 8px rgba(101, 62, 13, 0.5);
    font-size: 1.85rem;
}

.nav-horizontal > li.hover > ul {
    left: 0;
    display: block;
}

.nav-horizontal li li.hover ul {
    left: 100%;
    top: 0;
}

.nav-horizontal li li a {
    padding: 4px;
    display: block;
    position: relative;
    z-index: 100;
    background: transparent;
    color: #653e0d;
    margin: 4px;
}

.nav-horizontal li li a:hover {
    background: transparent;
    color: #c17519;
}

@media handheld,
only screen and (max-width: 1024px) {
    .top {
        background: #e9d8cb;
    }
    .nav-horizontal li a,
    .nav-horizontal span {
        padding: 4px;
    }
    .nav-horizontal {
        padding-top: 0px;
        float: none;
    }
    .nav-horizontal > li {
        float: left;
        width: 50%;
        text-align: left;
    }
    .nav-horizontal ul {
        display: block;
        width: 100%;
    }
    .nav-horizontal > li.hover > ul,
    .nav-horizontal li li.hover ul {
        position: static;
    }
    .nav-horizontal span {}
    .nav-horizontal li li a {
        width: 100%;
    }
    .nav-horizontal li li a:hover {
        width: 100%;
    }
    
    .center-on-mob {
        text-align: center;
    }
    
    .top-infos #langs {
        float: left;
        text-align: left;
        margin-top: 8px;
    }
    
    .toggleMenu {
        text-align: left;
        margin-bottom: 0;
        margin-left: 20px;
    }
    
    .hide-on-mob {
        display: none;
       visibility: hidden;
    }
    
    .visible-on-mob {
        display: block;
       visibility:visible;
    }
}

@media handheld,
only screen and (max-width: 767px) {
    .nav-horizontal > li {
        float: none;
        width: 100%;
    }
    .nav-horizontal ul {
        display: block;
        width: 100%;
    }
}

@media handheld,
only screen and (max-width: 480px) {
    .nav-horizontal {
        text-align: center;
    }
    .nav-horizontal > li {
        float: none;
        width: 100%;
    }
    .nav-horizontal ul {
        display: block;
        width: 100%;
    }
}


/* Classes divers */

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.ml10 {
    margin-left: 10px;
}

.tagazou {

}

.ml20 {
    margin-left: 20px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pb30 {
    padding-bottom: 30px;
}

.mt30 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 40px;
}

.pt40 {
    padding-top: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pb50 {
    padding-bottom: 50px;
}

.mt50 {
    margin-top: 50px;
}

.mb50 {
    margin-bottom: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pt100 {
    padding-top: 100px;
}

.pb60 {
    padding-bottom: 60px;
}

.mt60 {
    margin-top: 60px;
}

.mb60 {
    margin-bottom: 60px;
}

.m10 {
    margin: 10px;
}

.m20 {
    margin: 20px;
}

.m30 {
    margin: 30px;
}

.m40 {
    margin: 40px;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.p40 {
    padding: 40px;
}

@media (max-width: 767px) {
    .pt30,
    .pt40,
    .pt50,
    .pt60,
    .pt80,
    .pt100 {
        padding-top: 10px;
    }
    .pb30,
    .pb40,
    .pb50,
    .pb60,
    .pb80 {
        padding-bottom: 10px;
    }
}

.medium {
    font-size: 0.90em;
}

.tiny {
    font-size: 0.7em;
}

.big {
    font-size: 1.2em;
}


/* Pagination */

.more {
    padding: 20px 0px 10px 0px;
}

.p_next a,
.p_last a,
.p_first a,
.p_prev a,
.more a {
    background-color: #3b591b;
    color: #fff;
    padding: 10px;
}

.p_next a:after,
.more a:after {
    display: inline-block;
    font: normal normal normal 1rem/1 simple-line-icons;
    font-size: 1rem;
    content: "\0000a0\e606";
    font-weight: 100;
}

.p_prev a:before {
    display: inline-block;
    font: normal normal normal 1rem/1 simple-line-icons;
    font-size: 1rem;
    content: "\e605\0000a0";
}

.p_page,
.p_current {
    padding: 10px;
}

.p_page,
.p_current,
.p_next a:hover,
.p_first a:hover,
.p_last a:hover,
.p_prev a:hover,
.more a:hover {
    background: #7c4c10;
    color: #fff;
}


/* 	Plugin MyBreadcrumb > http://pluxopolis.net/myplugins */

.breadcrumb {
    background: #FFF6D5;
    padding: 10px 0px 10px 0px;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-bottom-color: #6cbf45!important;
}

.breadcrumb a {
    text-decoration: none;
    padding: 8px 0px 8px 8px;
    background: transparent;
    color: #3b591b;
    font-weight: bold;
}

.breadcrumb a:hover {
    color: #7c4c10;
}

.breadcrumb span.sep {
    margin: 0px 0px 0px 0px;
}

.breadcrumb span.sep:after {
    display: inline-block;
    font: normal normal normal 1em/1 FontAwesome;
    font-size: 1.25em;
    content: "\0000a0\0000a0\f0a9\0000a0";
    color: #7c4c10;
}


/* Plugin MySearch */

.searchform {
    margin: 10px 0 0 10px;
}

.searchtitle {}

.searchfields {
    padding-bottom: 20px;
}

input.searchfield[type=text] {
    padding: 2px;
    width: 100%;
    border-radius: 4px;
}

input.searchbutton[type=submit] {
    padding: 4px;
    margin: 4px 0 0 0;
    background: #3b591b;
    float: right;
    border-radius: 4px;
}

input.searchbutton[type=submit]:hover {
    background: #3b591b;
}

.searchform ul {
    margin: 0;
    padding: 0;
}

.searchform ul li {
    margin: 2px 6px 2px 0px;
    padding: 0;
    float: left;
    list-style-type: none;
}

#static-page-rechercher {
    background: #fff;
    padding: 20px;
}

.search_results a {
    color: #3b591b;
}

.search_results a:hover {
    color: #6cbf45;
}


/* Article, com, aside */

article p {
    margin-top: 0px;
}

.article h1 a {
    color: #3b591b;
}

.article h1 a:hover {
    color: #6cbf45;
}

.bg-article,
.bg-static,
.bg-aside {
    background: transparent;
    padding: 20px;
    border-style: solid;
    border-width: 0px;
    border-color: #6cbf45!important;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
}

.bg-comment {
    background: transparent;
    padding: 20px;
    border-style: solid;
    border-width: 0px;
    border-color: #6cbf45!important;
}

.bg-aside {
    border-style: solid;
    border-width: 0px;
    border-color: #6cbf45!important;
    border-left: 1px;
    border-left-style: solid;
    border-left-color: #6cbf45!important;
}


/* Sidebar */

aside .line {
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-color: #6cbf45!important;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -20px;
    width: 65px;
    position: relative;
}

aside .line:before,
aside .line:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #88AA00;
    border-radius: 5px;
    position: absolute;
    top: -6px;
    margin-left: 65px;
}

aside h3 {
    color: #7c4c10;
}

aside li a {
    color: #3b591b;
}

aside li a:hover {
    color: #7c4c10;
}

aside ul#nuage-mots li a {
    color: #ffffff;
}

aside ul#nuage-mots li a:hover {
    color: #ffffff;
    border-bottom: transparent;
}

aside ul#nuage-mots li:before {
    display: inline-block;
    font: normal normal normal 1rem/1 simple-line-icons;
    content: "\e055\0000a0";
    font-size: 0.8em;
}

aside ul#nuage-mots li {
    display: inline-block;
    padding: 6px;
    background: #3b591b;
    color: #fff;
    margin: 0px 6px 6px 0px;
}

aside ul#nuage-mots li:hover {
    background: #7c4c10;
}

aside ul#nuage-mots {
    list-style-type: none;
    margin: 0px;
    padding: 20px 0px 20px 0px;
}

@media (max-width: 767px) {
    aside {
        text-align: center;
    }
    aside li {
        background: #FFF6D5;
        margin-bottom: 2px;
    }
    aside h3:after {
        display: none;
    }
    aside h3 {
        background: #6cbf45;
        color: #3b591b;
        font-weight: bold;
        padding: 6px;
    }
    .bg-aside {
        border-left: 0px solid transparent;
    }
    aside .line {
        display: none;
    }
    aside .line:before,
    aside .line:after {
        display: none;
    }
    
    
}


/**/

input,
select,
textarea {}

input.orange,
select.orange,
textarea.orange {
    border: 2px solid #f7e044;
    color: #653e0d;
    font-weight: bold;
}

input:focus.orange,
select:focus.orange,
textarea:focus.orange {
    border: 2px solid #c17519;
    background: #FFF5ee;
}

input,
select,
textarea {
    border: 1px solid #c17519;
    background: rgba(117, 161, 35, 0.50);
}


input:focus,
select:focus,
textarea:focus {
    border: 1px solid #75a123;
    background: #FFF5ee;
    color: #653e0d;
}

.badge,
.label {
    background: transparent;
    color: #7c4c10;
    display: inline-block;
    margin-left: .9rem;
}

.badge {
    line-height: 1;
    padding: .15rem;
}

label {
    font-family: 'Bellota';
    font-size: 2.4rem;
    color: #c17519;
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #75a123;
    color: #fff5ee;
    transition-duration: .2s;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
   background-color: #c17519;
}

/*
Marron : #653e0d;
Terre : #c17519;
Crème : #FFF5EE;
Noisette : #e9d8cb;
Forêt : #51781a;
Prairie : #75a123;
Spring : #EAFA87;
Bleu : #70b2ef;
*/

/* articles  */

.art-info {
    font-size: .9em;
}

.art-info span {
    display: inline;
    margin-right: 16px;
}

.art-info i {
    padding-right: 4px;
}

.art-info a {
    text-decoration: none;
}

.art-info a:hover {}

.art-info.deco {
    padding: 10px;
    background: transparent;
}

.art-info.home-com {
    font-size: 1.1em;
    text-align: center;
}

.repertory {
    padding: 4px;
    margin: 10px 0px 10px 0px;
}

table {
    margin-bottom: 20px;
}


/* Commentaires */

.type-normal {
    background: #fff;
    background-size: 196px auto;
    font-style: italic;
    margin-top: 0px;
    padding: 20px;
}

.type-admin {
    background: #FFF6D5;
    background-size: 196px auto;
    font-style: italic;
    margin-top: 0px;
    padding: 20px;
}

.type-admin a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.type-admin a:hover {
    border-bottom: 1px dotted transparent;
    color: #fff;
}

time,
.link-auth {}

#comments h2 {
    color: #6cbf45;
}


/* Footer */

.bg-footer {
    background: rgba(193, 117, 25, 0.75);
    font-weight: normal;
    color: #fff5ee;
}

.footer {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (max-width: 900px) {
    .footer {
        font-size: 0.85em;
    }
}

@media (max-width: 900px) {
    .footer h4 {
        font-size: 1.2em;
    }
}

@media (max-width: 900px) {
    .footer h2 {
        font-size: 1.3em;
    }
}

.footer a {
    color: #fff5ee;
}

.footer a:hover {
    color: #7c4c10;
}

.expanded-footer li a {
    display: block;
    padding: 14px;
    margin: 0;
}

@media (max-width: 767px) {
    .menu li {
        margin: 0px;
    }
}


/**/

.clear {
    clear: both;
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: bold;
}

.text-sb {
    font-weight: 600;
}

hr {
    border: 0;
    height: 2px;
    width: 65%;
    margin: auto;
    background-image: linear-gradient(to right, rgba(117, 204, 234, 0), #6cbf45, #88AA00, rgba(136, 170, 0, 0));
    margin-top: 30px;
    margin-bottom: 30px;
}


/* Modifs plucss */

code,
kbd,
pre,
samp {
    color: #7c4c10;
}

.choix-cat {
    position: relative;
    margin: 20px 0px 0px 0px;
    padding: 8px;
    font-size: 1.1em;
    font-weight: normal;
    text-align: right;
    line-height: 40px;
}

.capcha-word {
    font-size: 1.5em;
    font-weight: bold;
}


/* image d'accroche à gauche du chapo */

.article-home img.art_thumbnail {
    display: inline-block;
    float: left;
    padding: 5px 10px 10px 0;
    width: 280px;
}

.author-infos {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #FFF6D5;
    border-style: solid;
    border-width: 0px;
    border-color: #6cbf45!important;
}

.author-infos a {
    color: #3b591b;
}

.author-infos a:hover {
    color: #414141;
}

.rss-comments:before {
    display: inline-block;
    font: normal normal normal 1rem/1 simple-line-icons;
    font-size: 1rem;
    content: "\e03b\0000a0";
    color: #ff6600;
}

.rss-comments {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: transparent;
    display: inline;
    float: right;
    clear: both;
    font-weight: normal;
    font-size: 0.9rem;
    border-style: solid;
    border-width: 0px;
    border-color: #ff6600!important;
}

.rss-comments:hover {
    background: #ffd5bb;
}

.rss-comments a {
    color: #ff6600;
}

.rss-comments a:hover {
    color: #ff6000;
}

.scrollable-table {
    margin-left: -25px;
    margin-right: -25px;
}

/* Effet sur les images */

a .art_thumbnail {
    border: 0px solid #3b591b;
    padding: 0px;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
}

a .art_thumbnail:hover {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}

.at-noborder img.art_thumbnail {
    border: 0px solid #6cbf45;
    padding: 0px;
    margin: 0px;
}


/* pour présenter les icones */

.icons-set {
    display: inline-block;
    text-align: center;
    width: 31%;
    padding: 1%;
    margin: 1%;
    border: 1px solid #FFF6D5;
}

.icons-set span.icons {
    font-size: 32px;
    vertical-align: middle;
}

.icons {}


/**/

div#themeby p {
    position: absolute;
    bottom: 0;
    font-size: 0.8em;
    color: #FFF6D5;
    text-align: center;
    left: 25%;
}

div#themeby a {
    color: #7c4c10;
}

div#themeby a:hover {
    color: #6cbf45;
}


/**/

.content_com {
    border-bottom: 1px solid #6cbf45;
}

.com-reply a:before,
.com-cancel a:before {
    display: inline-block;
    font: normal normal normal 1rem/1 simple-line-icons;
    font-size: 1rem;
    content: "\e051";
    color: #fff;
}

.com-cancel a:before {
    content: "\e082\0000a0";
}

.com-reply a,
.com-cancel a {
    background-color: #6cbf45;
    color: #fff;
    padding: 8px;
    display: inline-block;
    float: right;
}

.com-cancel a {
    background: #7c4c10;
}

.com-reply a:hover {
    background: #3b591b;
}

.va-mid {
    vertical-align: middle;
}

.level-0 {
    margin-left: 0;
}

.level-1 {
    margin-left: 40px;
}

.level-2 {
    margin-left: 80px;
}

.level-3 {
    margin-left: 120px;
}

.level-4 {
    margin-left: 160px;
}

.level-5,
.level-max {
    margin-left: 200px;
}

#id_answer {
    margin-bottom: 10px;
    padding: 15px;
    border: 1px solid #bbb;
    width: 100%;
    background: #fafafa;
    display: none;
    -webkit-animation: zoomIn 2s;
    -moz-animation: zoomIn 2s;
    animation: zoomIn 2s;
}

#id_answer .content_com {
    color: #414141;
    background: #dedede;
}

#static-page-PhpMyTheme {}

#static-page-PhpMyTheme button,
#static-page-PhpMyTheme input,
#static-page-PhpMyTheme label,
#static-page-PhpMyTheme select,
#static-page-PhpMyTheme p,
#static-page-PhpMyTheme textarea {
    width: auto;
    clear: both;
    zoom: 1;
}


/**/

/*figure.focus-fx1 {
    font-family: 'Josefin Sans', sans-serif;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 8px;
    min-width: 372px;
    max-width: 310px;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    background-color: #000000;
    -webkit-border-radius: 60px 0 60px 0;
    border-radius: 60px 0 60px 0;
}

figure.focus-fx1 * {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
}

figure.focus-fx1 img {
    vertical-align: top;
    max-width: 100%;
    backface-visibility: hidden;
}

figure.focus-fx1 figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 8px 30px;
    background-color: rgba(0, 0, 0, 0.75);
    border: 4px solid rgba(255, 255, 255, 0.05);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-border-radius: 60px 0 60px 0;
    border-radius: 60px 0 60px 0;
}

figure.focus-fx1 figcaption.bleu {
    background-color: rgba(112, 178, 239, 0.65);
    overflow: hidden;
}

figure.focus-fx1 .ensavoirplus {
    font-size: 3rem;
    text-align: center;
    padding: -30px;
    margin: 10px -30px 0px -30px;
    height: 100%;
    overflow: hidden;
    color: #EAFA87;
}

figure.focus-fx1 h2,
figure.focus-fx1 p {
    line-height: 1.5em;
    margin: 0;
}

figure.focus-fx1 h2 {
    display: inline-block;
}

figure.focus-fx1 p {
    padding: 4px;
}

figure.focus-fx1 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

figure.focus-fx1:hover figcaption,
figure.focus-fx1.hover figcaption {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
*/

/**/

.focus-fx2 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 8px;
    min-width: 372px;
    max-width: 310px;
    width: 100%;
    background-color: transparent;
    text-align: center;
    font-size: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 60px 0 60px 0;
    border-radius: 60px 0 60px 0;
    box-shadow: 4px 4px 14.5px rgba(101, 62, 13, 0.50);
}

.focus-fx2 p {
    color: #fff5ee;
}

.focus-fx2 * {
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -ms-transition: all 0.45s ease;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.focus-fx2 img {
    max-width: 100%;
    vertical-align: top;
}

.focus-fx2 figcaption {
    position: absolute;
    height: 75px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.75);
}

.focus-fx2 figcaption.bleu {
    background-color: rgba(112, 178, 239, 0.90);
    color: #fff5ee;
}

.focus-fx2 figcaption.terre {
    background-color: rgba(193, 117, 25, 0.80);
    color: #fff5ee;
}

.focus-fx2 figcaption.foret {
    background-color: rgba(81, 120, 26, 0.80);
    color: #fff5ee;
}



.focus-fx2 a {
    color: #eaf787;
}


.focus-fx2 h3 {
    text-transform: uppercase;
    line-height: 24px;
    margin: 3px 0;
    color: #FFF5EE;
}

.focus-fx2 h5 {
    margin: 0;
    text-transform: uppercase;
    color: #fff5ee;
    letter-spacing: 0.005em;
    font-size: 1.4rem;
}

.focus-fx2 blockquote {
    padding: 0;
    margin: 0;
    font-style: italic;
    font-size: 1em;
}

.focus-fx2 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.focus-fx2:hover figcaption,
.focus-fx2.hover figcaption {
    height: calc(100%);
}

.focus-fx2 .ensavoirplus {
    font-size: 2.2rem;
    text-align: center;
    padding: 10px;
    margin: 0px -15px 0px -15px;
    height: auto;
    overflow: hidden;
    font-family: 'Bellota';
    font-weight: bold;
}



/**/

.focus-fx2-4 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 4px;
    min-width: 278px;
    max-width: 278px;
    width: 100%;
    height: 335px;
    background-color: transparent;
    color: #fff5ee;
    text-align: center;
    font-size: 16px;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
    border: 2px solid #75a123;
    -webkit-border-radius: 60px 0 60px 0;
    border-radius: 60px 0 60px 0;
}

.focus-fx2-4 * {
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -ms-transition: all 0.45s ease;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.focus-fx2-4 img {
    max-width: 100%;
    vertical-align: top;
}

.focus-fx2-4 figcaption {
    position: absolute;
    height: 80px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.75);
}

.focus-fx2-4 figcaption.prairie {
    background-color: rgba(117, 161, 35, 0.8);
    color: #fff5ee;
}

.focus-fx2-4 a {
    color: #eaf787;
}


.focus-fx2-4 h3 {
    text-transform: uppercase;
    line-height: 2.8rem;
    margin-bottom: 0.1rem;
   
}

.focus-fx2-4 h5 {
    margin: 0;
    text-transform: uppercase;
    color: #fff5ee;
    letter-spacing: 0.005em;
    font-size: 1.3rem;
    line-height: 1.25;
}

.focus-fx2-4 blockquote {
    padding: 0;
    margin: 0;
    font-style: italic;
    font-size: 1em;
}

.focus-fx2-4 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.focus-fx2-4:hover figcaption,
.focus-fx2-4.hover figcaption {
    height: calc(100%);
}

.focus-fx2-4 .ensavoirplus {
    font-size: 2.2rem;
    text-align: center;
    padding: -15px;
    margin: 10px -15px 0px -15px;
    height: auto;
    overflow: hidden;
}


/**/



.button.bleu {
	background-color: #70b2ef;
	color: #eaf787;
}
.button.terre {
	background-color: #c17519;
	color: #eaf787;
}

.button.foret {
	background-color: #51751a;
	color: #eaf787;
}

.button.prairie {
	background-color: #75a123;
	color: #eaf787;
}


/**/
.partenaires {
    -webkit-border-radius: 60px 0 60px 0;
    border-radius: 60px 0 60px 0;
    border: 1px solid #c17519;
}

.partenaires img {
    margin: 8px;
}

.bg-terre {
    background: #c17519;
}

.bg-terre:hover {
    background: #75a123;
}

.pbi-big {
    font-size: 3.0rem;
}

.rond {
    padding: 14px;
    border-radius: 50%;
    vertical-align: middle;
}

.rond2 {
    padding: 6px;
    border-radius: 50%;
    vertical-align: middle;
}


/**/

.fx-radius {
    -webkit-border-radius: 80px 0 80px 0;
    border-radius: 80px 0 80px 0;
}


.br25 {
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomright: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;    
}

.bouton-camp-terre {
    /*font-family: 'Bellota';*/
    font-size: 1.3rem;
    /*font-weight: normal;*/
    background: #c17519;
    padding: 8px 16px 8px 16px;
    margin: 0px 8px 8px 8px;
    display: inline-block;
}


a.bouton-camp-terre {
    color: #fff5ee;
}

.bouton-camp-prairie {
    /*font-family: 'Bellota';*/
    font-size: 1.3rem;
    /*font-weight: normal;*/
    background: #75a123;
    padding: 8px 16px 8px 16px;
    margin: 0px 8px 8px 8px;
    display: inline-block;
}

a.bouton-camp-prairie {
    color: #fff5ee;
    /*line-height: 4;*/
}

.bouton-camp-creme {
    font-size: 1.3rem;
    background: #fff5ee;
    padding: 8px 16px 8px 16px;
    margin: 0px 8px 8px 8px;
    display: inline-block;
}

a.bouton-camp-creme {
    color: #c17519;
}

.bouton-camp-bleu {
    font-size: 1.3rem;
    background: #70b2ef;
    padding: 8px 16px 8px 16px;
    margin: 0px 8px 8px 8px;
    display: inline-block;
}

a.bouton-camp-bleu {
    color: #fff5ee;
}

.btn-leaf {
    border-radius: 100px 0px 100px 0px;
    border: 0;
    color: #fff5ee;
    padding: 5px 15px 5px 15px;
    line-height: 0.2;
    font-size: 1.0rem;
    font-style: italic;
    text-transform: uppercase;
    margin: 10px auto;
    background-color: rgba(81, 120, 26, 0.7);
}

.btn-leaf:hover {
    background-color: rgba(193, 117, 25, 0.70);
    color: #fff5ee;
}

img.ombre {
    box-shadow: 2px 2px 4px 2px rgba(101, 62, 13, 0.50);
}

.ombre-std {
    box-shadow: 4px 4px 4px rgba(101, 62, 13, 0.5);
}

.ombre-std:hover {
    box-shadow: inset 0px 0px 6px rgba(101, 62, 13, 0.5);
}

.events {
    background: rgba(193, 117, 25, 0.70);
    color: #FFF5EE;
    -webkit-border-radius: 80px 0 80px 0;
    border-radius: 80px 0 80px 0;
    text-align: center;
    padding: 2% 5% 2% 5%;
}

.caps {
    text-transform: uppercase;
}


.events2 {
    background: transparent;
    color: #c17519;
    -webkit-border-radius: 100px 0 100px 0;
    border-radius: 100px 0 100px 0;
    text-align: center;
    padding: 20px;
    border: 2px solid #c17519;
    width: 45%;
    margin: 20px auto;
  
}

@media (max-width: 768px) {
   .events2 {
       width: 75%;
       font-size: 1.0em;
       padding: 10px;
    } 
}

@media (max-width: 414px) {
   .events2 {
       width: 100%;
       font-size: 1.0em;
       padding: 10px;
    } 
}

*[id]:before { 
              display: block; 
              content: " "; 
              margin-top: -140px; 
              height: 140px; 
              visibility: hidden; 
            }


table.camping a {
        color: #c17519;
        border-bottom: 1px solid #c17519;
    }
    
    table.camping a:hover {
        color: #653e0d;
        border-bottom: 1px solid transparent;
    }
    
    table.camping {
        border: 0px solid #FFF5EE;
        text-align: center;
        width: 100%;
        background-color:#FFF5EE; 
    }
    
    table.camping td {
        border: 2px solid #e9d8cb;
    }
    
    table.camping-h {
        border: 0px solid #FFF5EE;
        text-align: center;
        width: 100%;
        background-color:#FFF5EE;
    }
    
    table.camping-h td {
        border-right: 2px solid #FFF5EE;
        border-left: 2px solid #FFF5EE;
    }
    
@media (max-width: 767px) {
    table.camping-h td, table.camping td {
        font-size: 0.75em;
    }
}
    
@media (max-width: 375px) {
    table.camping-h td, table.camping td {
        font-size: 0.65em;
    }
}

@media (max-width: 320px) {
    table.camping-h td, table.camping td {
        font-size: 0.6em;
    }
}

    table.camping-h tr {
        border: none;
    }
    
    .bg-table-marron {
        background: #653e0d;
    }
    
    .bg-table-terre {
        background: #c17519;
    }
    
    .bg-table-terre-70 {
        background: rgba(193, 117, 25, 0.70);
    }
    
    bg-table-terre-70,
    tr.bg-table-terre > td,
    tr.bg-table-terre-70 > td {
        padding: 5px 5px 5px 5px;
    }
    
    .bg-table-creme {
        background: #FFF5EE;
    }
    
    .bg-table-noisette {
        background: #e9d8cb;
    }
    
    .bg-table-foret {
        background: #51781a;
    }
    
    .bg-table-prairie {
        background: #75a123;
    }

    tr.bg-table-foret > td,
    tr.bg-table-noisette > td,
    tr.bg-table-prairie > td,
    tr.bg-table-prairie-40 > td {
        padding: 5px 5px 5px 5px;
    }
    
    .bg-table-prairie-40 {
        background: rgba(117, 161, 35, 0.40);
        color: #653e0d;
    }
    
    .bg-table-spring {
        background: #EAFA87;
    }
    
    .bg-table-bleu {
        background: #70B2EF;
    }
    
    .bg-table-white {
        background: #FFF;
    }

.pave-info {
    background: rgba(193, 117, 25, 0.9);
    color: #FFF5EE;
    border-radius: 80px 0px 80px 0px;
    /* box-shadow: 4px 4px 14.5px rgba(101, 62, 13, 0.50); */
    padding: 30px 30px 10px 30px;
    margin-bottom: 30px;
}

/*Ajout janvier 2022 pour modifications page locations et tarifs*/

.pave-resa {
    background: #FFF5EE;
    color: #653e0d;
    -webkit-border-radius: 80px 0 80px 0;
    border-radius: 80px 0 80px 0;
    text-align: center;
    padding: 15px;
    border: 3px solid #75a123;
    max-width: 320px;
    margin: auto;
    font-size: 1.5rem;  
}

.box {
    font-size: 1.4rem;
    padding: 10px 15px 10px 15px;
    border-top: 1px solid #FFF5EE;
}

.box ul {
    margin: 0;
    padding: 5px 0px 0px 0px;
    list-style-position: inside;
    list-style: none;
}

.ongl {
    -webkit-border-radius: 0 80px 0 80px;
    border-radius: 0 80px 0 80px;
    padding: 1.5rem 4rem 0rem 6rem !important;
}

.ongl h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0;
}

/*Ajout janvier 2025 pour insertion des vidéos*/

.ma-video {
	overflow: hidden;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	padding-left: 4rem;
	padding-right: 4rem;
}

img,
video {
	border: 0;
	height: auto;
	max-width: 100%;
}

/* ---------- GRID, GALLERY, AND HELPER ---------- */

.container {
	margin: 0 auto;
	max-width: 1280px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	width: 100%;
}
.grid {
	overflow: hidden;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}
.col {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	width: 100%;
}
.col.sml-1,
.gallery.sml-1 li {
	width: 8.3333%;
}
.col.sml-2,
.gallery.sml-2 li {
	width: 16.6666%;
}
.col.sml-3,
.gallery.sml-3 li {
	width: 25%;
}
.col.sml-4,
.gallery.sml-4 li {
	width: 33.3333%;
}
.col.sml-5,
.gallery.sml-5 li {
	width: 41.6666%;
}
.col.sml-6,
.gallery.sml-6 li {
	width: 50%;
}
.col.sml-7,
.gallery.sml-7 li {
	width: 58.3333%;
}
.col.sml-8,
.gallery.sml-8 li {
	width: 66.6666%;
}
.col.sml-9,
.gallery.sml-9 li {
	width: 75%;
}
.col.sml-10,
.gallery.sml-10 li {
	width: 83.3333%;
}
.col.sml-11,
.gallery.sml-11 li {
	width: 91.6666%;
}
.col.sml-12,
.gallery.sml-12 li {
	width: 100%;
}
.col.sml-push-0 {
	left: auto;
}
.col.sml-push-1 {
	left: 8.3333%;
}
.col.sml-push-2 {
	left: 16.6666%;
}
.col.sml-push-3 {
	left: 25%;
}
.col.sml-push-4 {
	left: 33.3333%;
}
.col.sml-push-5 {
	left: 41.6666%;
}
.col.sml-push-6 {
	left: 50%;
}
.col.sml-push-7 {
	left: 58.3333%;
}
.col.sml-push-8 {
	left: 66.6666%;
}
.col.sml-push-9 {
	left: 75%;
}
.col.sml-push-10 {
	left: 83.3333%;
}
.col.sml-push-11 {
	left: 91.6666%;
}
.col.sml-push-12 {
	left: 100%;
}
.col.sml-pull-0 {
	right: auto;
}
.col.sml-pull-1 {
	right: 8.3333%;
}
.col.sml-pull-2 {
	right: 16.6666%;
}
.col.sml-pull-3 {
	right: 25%;
}
.col.sml-pull-4 {
	right: 33.3333%;
}
.col.sml-pull-5 {
	right: 41.6666%;
}
.col.sml-pull-6 {
	right: 50%;
}
.col.sml-pull-7 {
	right: 58.3333%;
}
.col.sml-pull-8 {
	right: 66.6666%;
}
.col.sml-pull-9 {
	right: 75%;
}
.col.sml-pull-10 {
	right: 83.3333%;
}
.col.sml-pull-11 {
	right: 91.6666%;
}
.col.sml-pull-12 {
	right: 100%;
}
.col.sml-offset-0 {
	margin-left: 0;
}
.col.sml-offset-1 {
	margin-left: 8.3333%;
}
.col.sml-offset-2 {
	margin-left: 16.6666%;
}
.col.sml-offset-3 {
	margin-left: 25%;
}
.col.sml-offset-4 {
	margin-left: 33.3333%;
}
.col.sml-offset-5 {
	margin-left: 41.6666%;
}
.col.sml-offset-6 {
	margin-left: 50%;
}
.col.sml-offset-7 {
	margin-left: 58.3333%;
}
.col.sml-offset-8 {
	margin-left: 66.6666%;
}
.col.sml-offset-9 {
	margin-left: 75%;
}
.col.sml-offset-10 {
	margin-left: 83.3333%;
}
.col.sml-offset-11 {
	margin-left: 91.6666%;
}
.col.sml-offset-12 {
	margin-left: 100%;
}
.col.sml-centered {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.col.sml-uncentered {
	float: left;
}
.sml-h1 {
	font-size: 2.5rem;
}
.sml-h2 {
	font-size: 2rem;
}
.sml-h3 {
	font-size: 1.67rem;
}
.sml-h4 {
	font-size: 1.5rem;
}
.sml-h5 {
	font-size: 1.33rem;
}
.sml-h6 {
	font-size: 1.17rem;
}
.sml-text-left {
	text-align: left;
}
.sml-text-center {
	text-align: center;
}
.sml-text-right {
	text-align: right;
}
.sml-text-justify {
	text-align: justify;
}
.sml-float-left {
	float: left;
}
.sml-float-center {
	margin-left: auto;
	margin-right: auto;
}
.sml-float-right {
	float: right;
}
.sml-float-none {
	float: none;
}
.sml-show {
	display: block;
}
.sml-hide {
	display: none;
}
.sml-full-width {
	width: 100%;
}
.sml-width-auto {
	width: auto;
}
.sml-no-margin {
	margin: 0;
}
.sml-no-padding {
	padding: 0;
}

@media (min-width: 768px) {

	.container {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.col.med-1,
	.gallery.med-1 li {
		width: 8.3333%;
	}
	.col.med-2,
	.gallery.med-2 li {
		width: 16.6666%;
	}
	.col.med-3,
	.gallery.med-3 li {
		width: 25%;
	}
	.col.med-4,
	.gallery.med-4 li {
		width: 33.3333%;
	}
	.col.med-5,
	.gallery.med-5 li {
		width: 41.6666%;
	}
	.col.med-6,
	.gallery.med-6 li {
		width: 50%;
	}
	.col.med-7,
	.gallery.med-7 li {
		width: 58.3333%;
	}
	.col.med-8,
	.gallery.med-8 li {
		width: 66.6666%;
	}
	.col.med-9,
	.gallery.med-9 li {
		width: 75%;
	}
	.col.med-10,
	.gallery.med-10 li {
		width: 83.3333%;
	}
	.col.med-11,
	.gallery.med-11 li {
		width: 91.6666%;
	}
	.col.med-12,
	.gallery.med-12 li {
		width: 100%;
	}
	.col.med-push-0 {
		left: auto;
	}
	.col.med-push-1 {
		left: 8.3333%;
	}
	.col.med-push-2 {
		left: 16.6666%
	 }
	.col.med-push-3 {
		left: 25%;
	}
	.col.med-push-4 {
		left: 33.3333%;
	}
	.col.med-push-5 {
		left: 41.6666%;
	}
	.col.med-push-6 {
		left: 50%;
	}
	.col.med-push-7 {
		left: 58.3333%;
	}
	.col.med-push-8 {
		left: 66.6666%;
	}
	.col.med-push-9 {
		left: 75%;
	}
	.col.med-push-10 {
		left: 83.3333%;
	}
	.col.med-push-11 {
		left: 91.6666%;
	}
	.col.med-push-12 {
		left: 100%;
	}
	.col.med-pull-0 {
		right: auto;
	}
	.col.med-pull-1 {
		right: 8.3333%;
	}
	.col.med-pull-2 {
		right: 16.6666%;
	}
	.col.med-pull-3 {
		right: 25%;
	}
	.col.med-pull-4 {
		right: 33.3333%;
	}
	.col.med-pull-5 {
		right: 41.6666%;
	}
	.col.med-pull-6 {
		right: 50%;
	}
	.col.med-pull-7 {
		right: 58.3333%;
	}
	.col.med-pull-8 {
		right: 66.6666%;
	}
	.col.med-pull-9 {
		right: 75%;
	}
	.col.med-pull-10 {
		right: 83.3333%;
	}
	.col.med-pull-11 {
		right: 91.6666%;
	}
	.col.med-pull-12 {
		right: 100%;
	}
	.col.med-offset-0 {
		margin-left: 0;
	}
	.col.med-offset-1 {
		margin-left: 8.3333%;
	}
	.col.med-offset-2 {
		margin-left: 16.6666%;
	}
	.col.med-offset-3 {
		margin-left: 25%;
	}
	.col.med-offset-4 {
		margin-left: 33.3333%;
	}
	.col.med-offset-5 {
		margin-left: 41.6666%;
	}
	.col.med-offset-6 {
		margin-left: 50%;
	}
	.col.med-offset-7 {
		margin-left: 58.3333%;
	}
	.col.med-offset-8 {
		margin-left: 66.6666%;
	}
	.col.med-offset-9 {
		margin-left: 75%;
	}
	.col.med-offset-10 {
		margin-left: 83.3333%;
	}
	.col.med-offset-11 {
		margin-left: 91.6666%;
	}
	.col.med-offset-12 {
		margin-left: 100%;
	}
	.col.med-centered {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.col.med-uncentered {
		float: left;
	}
	.med-h1 {
		font-size: 2.5rem;
	}
	.med-h2 {
		font-size: 2rem;
	}
	.med-h3 {
		font-size: 1.67rem;
	}
	.med-h4 {
		font-size: 1.5rem;
	}
	.med-h5 {
		font-size: 1.33rem;
	}
	.med-h6 {
		font-size: 1.17rem;
	}
	.med-text-left {
		text-align: left;
	}
	.med-text-center {
		text-align: center;
	}
	.med-text-right {
		text-align: right;
	}
	.med-text-justify {
		text-align: justify;
	}
	.med-float-left {
		float: left;
	}
	.med-float-center {
		margin-left: auto;
		margin-right: auto;
	}
	.med-float-right {
		float: right;
	}
	.med-float-none {
		float: none;
	}
	.med-show {
		display: block;
	}
	.med-hide {
		display: none;
	}
	.med-full-width {
		width: 100%;
	}
	.med-width-auto {
		width: auto;
	}
	.med-no-margin {
		margin: 0;
	}
	.med-no-padding {
		padding: 0;
	}
}

@media (min-width: 1366px) {

	.container {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.col.lrg-1,
	.gallery.lrg-1 li {
		width: 8.3333%;
	}
	.col.lrg-2,
	.gallery.lrg-2 li {
		width: 16.6666%;
	}
	.col.lrg-3,
	.gallery.lrg-3 li {
		width: 25%;
	}
	.col.lrg-4,
	.gallery.lrg-4 li {
		width: 33.3333%;
	}
	.col.lrg-5,
	.gallery.lrg-5 li {
		width: 41.6666%;
	}
	.col.lrg-6,
	.gallery.lrg-6 li {
		width: 50%;
	}
	.col.lrg-7,
	.gallery.lrg-7 li {
		width: 58.3333%;
	}
	.col.lrg-8,
	.gallery.lrg-8 li {
		width: 66.6666%;
	}
	.col.lrg-9,
	.gallery.lrg-9 li {
		width: 75%;
	}
	.col.lrg-10,
	.gallery.lrg-10 li {
		width: 83.3333%;
	}
	.col.lrg-11,
	.gallery.lrg-11 li {
		width: 91.6666%;
	}
	.col.lrg-12,
	.gallery.lrg-12 li {
		width: 100%;
	}
	.col.lrg-push-0 {
		left: auto;
	}
	.col.lrg-push-1 {
		left: 8.3333%;
	}
	.col.lrg-push-2 {
		left: 16.6666%;
	}
	.col.lrg-push-3 {
		left: 25%;
	}
	.col.lrg-push-4 {
		left: 33.3333%;
	}
	.col.lrg-push-5 {
		left: 41.6666%;
	}
	.col.lrg-push-6 {
		left: 50%;
	}
	.col.lrg-push-7 {
		left: 58.3333%;
	}
	.col.lrg-push-8 {
		left: 66.6666%;
	}
	.col.lrg-push-9 {
		left: 75%;
	}
	.col.lrg-push-10 {
		left: 83.3333%;
	}
	.col.lrg-push-11 {
		left: 91.6666%;
	}
	.col.lrg-push-12 {
		left: 100%;
	}
	.col.lrg-pull-0 {
		right: auto;
	}
	.col.lrg-pull-1 {
		right: 8.3333%;
	}
	.col.lrg-pull-2 {
		right: 16.6666%;
	}
	.col.lrg-pull-3 {
		right: 25%;
	}
	.col.lrg-pull-4 {
		right: 33.3333%;
	}
	.col.lrg-pull-5 {
		right: 41.6666%;
	}
	.col.lrg-pull-6 {
		right: 50%;
	}
	.col.lrg-pull-7 {
		right: 58.3333%;
	}
	.col.lrg-pull-8 {
		right: 66.6666%;
	}
	.col.lrg-pull-9 {
		right: 75%;
	}
	.col.lrg-pull-10 {
		right: 83.3333%;
	}
	.col.lrg-pull-11 {
		right: 91.6666%;
	}
	.col.lrg-pull-12 {
		right: 100%;
	}
	.col.lrg-offset-0 {
		margin-left: 0;
	}
	.col.lrg-offset-1 {
		margin-left: 8.3333%;
	}
	.col.lrg-offset-2 {
		margin-left: 16.6666%;
	}
	.col.lrg-offset-3 {
		margin-left: 25%;
	}
	.col.lrg-offset-4 {
		margin-left: 33.3333%;
	}
	.col.lrg-offset-5 {
		margin-left: 41.6666%;
	}
	.col.lrg-offset-6 {
		margin-left: 50%;
	}
	.col.lrg-offset-7 {
		margin-left: 58.3333%;
	}
	.col.lrg-offset-8 {
		margin-left: 66.6666%;
	}
	.col.lrg-offset-9 {
		margin-left: 75%;
	}
	.col.lrg-offset-10 {
		margin-left: 83.3333%;
	}
	.col.lrg-offset-11 {
		margin-left: 91.6666%;
	}
	.col.lrg-offset-12 {
		margin-left: 100%;
	}
	.col.lrg-centered {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.col.lrg-uncentered {
		float: left;
	}
	.lrg-h1 {
		font-size: 2.5rem;
	}
	.lrg-h2 {
		font-size: 2rem;
	}
	.lrg-h3 {
		font-size: 1.67rem;
	}
	.lrg-h4 {
		font-size: 1.5rem;
	}
	.lrg-h5 {
		font-size: 1.33rem;
	}
	.lrg-h6 {
		font-size: 1.17rem;
	}
	.lrg-text-left {
		text-align: left;
	}
	.lrg-text-center {
		text-align: center;
	}
	.lrg-text-right {
		text-align: right;
	}
	.lrg-text-justify {
		text-align: justify;
	}
	.lrg-float-left {
		float: left;
	}
	.lrg-float-center {
		margin-left: auto;
		margin-right: auto;
	}
	.lrg-float-right {
		float: right;
	}
	.lrg-float-none {
		float: none;
	}
	.lrg-show {
		display: block;
	}
	.lrg-hide {
		display: none;
	}
	.lrg-full-width {
		width: 100%;
	}
	.lrg-width-auto {
		width: auto;
	}
	.lrg-no-margin {
		margin: 0;
	}
	.lrg-no-padding {
		padding: 0;
	}
}