/*
Theme Name: tz
Author: Tourismuszukunft
Version: 1.1

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

-------------------------------------------------------------------
-------------------------------------------------------------------

Pour la thematisation, remplacer la couleur actuel par la nouvelle:
- Rouge: #e20025
- Bleu: #98b638
- Orange: #98b638

plus les images
- acces-pro.png
- carte.png
- picto-offres.png
- sprite.png

-------------------------------------------------------------------
-------------------------------------------------------------------
*/


.img-circle {
  border-radius: 50%;
}

.link-handler {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.btn {
  display: inline-block;
  padding: 12px 30px;
  background: #ccc;
  border: 0;
}
.btn.btn-primary, a.btn.btn-primary {
  background: #98b638;
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
}
.btn.btn-secondary, a.btn.btn-secondary {
  background: #feca5a;
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
}
.btn.btn-primary.btn-ico-persons {
    background-position: 13px center;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
.btn.btn-primary.btn-ico-world {
    background-image: url("images/ico-world.jpg");
    background-position: 13px center;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-bottom: 5px;
}

header#masthead nav #nav-icon {
  display: none;
}
body label {
    font-weight: 300;
}

#primary ul li,
#content ul li,
#header-slider .slide .slide-slogan-box-outer .slide-slogan-box ul li {
    background: none;
    float: none;
    width: auto;
    padding: 0 0 0 25px;
    margin: 0 0 12px;
    background: url("images/list-arrow.png") no-repeat left 5px;
}
#header-slider .slide .slide-slogan-box-outer .slide-slogan-box ul {
    margin-top: 5px;
}
#header-slider .slide .slide-slogan-box-outer .slide-slogan-box ul li {
    margin: 0 0 5px;
}
#primary ul li ul, #content ul li ul {
    margin-top: 10px;
}
/*------------------------------------------------------------------------------------------------------------*/
/*
    = RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    background:#fff;
    font-family: 'Kreon', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #555555;
    overflow-x:hidden;
    font-weight: 300;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}
h1, h2, h3, h4, h5, h6{
    margin:0 0 20px;
    border: none;
    font-family: "Pacifico", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    letter-spacing:normal;
}
h1, h2 {
    font-family: "Pacifico";
    color: #98b638;
	font-size:44px;
}
h2 {color:#555;}
h3 {color:#555;font-size:21px;}
h3.pacificogruen {font-family:"Pacifico";color:#98b638}
h3.pacificoschwarz {font-family:"Pacifico";}
h2.special-font {
    font-family: "Pacifico";
    color: #555555;
	text-align:center;
}
ul{
    margin:0;
    padding:0;
    list-style-image:none;
    list-style-type:none;
    line-height:1.3em;
}
img{
    border:none;
}
a, a:link{
    text-decoration:none;
    color:#4f555a;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
a:visited{
    text-decoration:none;
    color:#4f555a;
}
a:hover, a:focus{
    text-decoration:underline;
    color:#4f555a;
}
input{
    font-family: "Kreon", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.clr {
    clear: both;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
    = PREHEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#preheader{
    padding:0 20px;
    background:#333;
    overflow:hidden;
}
#preheader#masthead > div{
    margin:auto;
    max-width:1200px;
}

/* 
    faber */
#preheader#masthead > div > a{
    display:inline-block;
    margin:10px 0;
    padding:0 0 0 80px;
    height:40px;
    background:url(images/logo-faber.png) 0 0 no-repeat;
    line-height:40px;
    color:#999;
    font-weight:bold;
}

/* 
    RESEAU SOCIAUX */
#preheader#masthead > div > ul{
    float:right;
    padding:10px 0;
}
#preheader#masthead > div > ul li{
    display:inline-block;
    margin:0 0 0 5px;
}
#preheader#masthead > div > ul li a.acces-pro{
    display:inline-block;
    margin:0 0 0 30px;
    display: none !important;
}

.container {
  position: relative;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
    = HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
header#masthead {
  width: 100%;
  background: #98b638;
}
header:after{
    content:"";
    display:block;
    clear:both;
}

/* TITRE */
header#masthead .site-title{
    position: absolute;
    top: 14px;
    left: 0;
    padding: 25px;
    display: block;
    margin: 0px 0 0;
    float: left;
    line-height: 1;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 100;
}
header#masthead .site-title img{
    display: block;
    width: 210px;
    max-width: 100%;
}
header#masthead a.site-title:hover,
header#masthead a.site-title:focus{
    text-decoration:none;
}

header#masthead .search-field {
    float: right;
    margin-top: 34px;
}

header#masthead .search-field input {
    border: 0;
    padding: 5px 10px 5px 30px;
    width: 110px;
    margin-right: 10px;
    font-size: 22px;
    line-height: 22px;
    background: url("images/search-ico.png") no-repeat 5px center;
}

header#masthead ul.social {
    float: right;
    margin-top: 32px;
}
header#masthead ul.social li {
    display: inline-block;
    padding: 0 3px;
}
header#masthead ul.social li img {
    height: 30px;
}
footer ul.social {
    margin-top: 0;
}
footer ul.social li {
    display: inline-block;
    padding: 0 3px;
}
footer ul.social li img {
    height: 30px;
}

/* 
    NAVIGATION */
header#masthead nav {
    float: left;
    margin-left: 225px;
}
header#masthead nav > a,
header#masthead nav #fermer-menu > a{
    display:none;
}
header#masthead nav ul {
  margin-top: 50px;
}
header#masthead nav ul li{
    /*position:relative;*/
    display:inline-block;
    margin:0 0 0 22px;
    z-index:2;
}
header#masthead nav ul li a{
    display:inline-block;
    padding: 20px 0 20px;
    font-family: 'Kreon';
    font-size: 28px;
    text-transform:none;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
}
header#masthead nav ul li ul li a {
	color:#4f555a;
}
header#masthead nav ul li ul li a:hover,
header#masthead nav ul li ul li a:focus {
	color:#98b638;
}
header#masthead nav ul li a:hover,
header#masthead nav ul li a:focus{
    color:#4f555a;
    text-decoration:none;
}

header#masthead nav ul li.current_page_item > a,
header#masthead nav ul li.current-menu-item > a,
header#masthead nav ul li.current-menu-parent > a,
header#masthead nav ul li:hover > a{
    color:#4f555a;
}
header#masthead nav ul li li.current_page_item > a,
header#masthead nav ul li li.current-menu-item > a{
    border-top:none;
    color:#4f555a;
}
header#masthead nav ul li:hover li > a{
    border-top:none;
}
/* sous menu */
header#masthead nav ul li.menu-item-16726 ul{
    top:70px;
}
header#masthead nav ul li ul{
    display:none;
    position:absolute;
    top: 120px;
    left: 240px;
    right: 0;
    padding: 0px 12px;
    /*width: 100%;*/
    background:#fff;
    background:rgba(230,221,212,0.9);
    margin-top: 0;
    z-index: 10;
    min-width: 480px;

    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}
header#masthead nav ul li:hover > ul{
    display:block;
}
header#masthead nav ul li ul li{
    display: inline-block;
    margin: 0;
    padding: 0;
}
header#masthead nav ul li ul li a{
    display:block;
    padding:0;
    border:none;
    width:auto!important;
    text-transform:none;
    font-family: "Kreon", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size:18px;
    line-height: 1;
    padding: 26px 10px 26px 10px;
}
header#masthead nav ul li ul li a:hover,
header#masthead nav ul li ul li a:focus{
    border:none;
}

header#masthead nav ul li ul li ul {
    top: 70px;
    left: 0;
    right: 50px;
    background: rgba(239, 229, 219, 0.81);
}
header#masthead nav ul li ul li ul li a {
    font-size: 16px;
    padding: 16px 10px 16px 10px;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
    = ILLUSTRATION
*/
/*------------------------------------------------------------------------------------------------------------*/
#illustration{
    position:relative;
    z-index:1;
    background-size: 100% auto;
}
#illustration img{
    display:block;
    width:100%;
    height:auto;
}
#illustration:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:36px;
    background:url(images/ombre-bandeau-haut.png) 0 0 no-repeat;
    background-size:100% auto;
}
#illustration:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:39px;
    background:url(images/ombre-bandeau-bas.png) left bottom no-repeat;
    background-size:100% auto;
}

/*
    BASELINE */
#illustration strong{
    position:absolute;
    bottom:30px;
    left:50%;
    margin-left:-600px;
    max-width:1200px;
    font-family: 'handofsean';
    font-size:3.5em;
    font-weight:normal;
    color:#fff;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
    = MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
#main{
}
#main:after{
    content:"";
    display:block;
    clear:both;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
    = CONTENU
*/
/*------------------------------------------------------------------------------------------------------------*/
#primary{
    
}

#primary h1{
    padding: 0px 0 0;
    font-weight:normal;
}
#primary nav + h1{
    padding:80px 0 0;
}
h2 {
    font-size: 32px;
    text-align: left;
    margin-bottom: 20px;
	margin-top:60px;
	line-height:34px;
}
#primary article h2:first-child,
#primary .archive-meta h2:first-child{
    margin-top:0;
}
#primary article h3,
#primary .archive-meta h3{
    clear:both;
    margin:40px 0 10px;
    padding:0;
    color: #4f555a;
    font-family: 'myriad-regular';
    font-weight:normal;
    font-size:2em;
    line-height:1em;
}
#primary article h3:before,
#primary .archive-meta h3:before{
    /*content:"";
    display:inline-block;
    margin:0 4px 0 0;
    height:15px;
    width:8px;
    background:#000;*/
}
#primary article h4,
#primary .archive-meta h4{
    clear:both;
    margin:40px 0 10px;
    padding:3px 0;
    color:#98b638;
    font-style: italic;
    font-weight: bold;
    font-size: 35px;
    line-height: 40px;
    font-family: "Kreon";
}
#primary article h5,
#primary .archive-meta h5{
    display:inline-block;
    margin:40px 0 10px;
    padding:5px;
    background:#98b638;
    font-family: 'myriad-bold';
    font-weight:normal;
    font-size:1.8em;
    color:#fff;
    line-height:1em;
}
#primary article h6,
#primary .archive-meta h6{
    clear:both;
    margin:40px 0 10px;
    font-family: 'myriad-bold';
    font-weight:normal;
    font-size:1.8em;
}

/*
      PARAGRAPHES */
#primary p, .category-highlighted {
    margin:0 0 10px;
    overflow:hidden;
}

/*
    LIENS */
#primary a{
}
#primary a:hover,
#primary a:focus{
    text-decoration:none;
}
#primary a[href*=".jpg"],
#primary a[href*=".png"]{
    border-bottom:none;
}

/*
    LISTES */
#primary article ul,
#primary .archive-meta ul{
    margin:0 0 10px 20px;
}
#primary article ul.deux-colonnes,
#primary .archive-meta ul.deux-colonnes{
    overflow:hidden;
}
#primary article ul li,
#primary .archive-meta ul li{
    display:block;
    margin:0 0 10px;
    padding:0 0 0 8px;
    background:url(images/puce.png) 0 0.4em no-repeat;
    font-size:1.2em;
}
#primary article ul.deux-colonnes li,
#primary .archive-meta ul.deux-colonnes li{
    float:left;
    margin:0 0 5px 30px;
    padding:0 0 0 10px;
    background:url(images/chevron-noir.png) 0 0.3em no-repeat;
    width:40%;
}

/*
    BLOCKQUOTE */
#primary blockquote{
    margin:0 0 0 20px;
    color:#98b638;
}
#primary blockquote:before{
    content:"« ";
    float:left;
    margin:-10px 5px 0 0;
    font-family: 'handofsean';
    font-size:1.8em;
}

/*
    IMAGES */
#primary img {
    max-width: 100%;
    height: auto;
}

/*
    LEGENDES IMAGES */
#primary div.wp-caption{
    position:relative;
    margin-top:20px;
    margin-bottom:10px;
    width:auto!important;
    max-width: 100%;
}
#primary div.wp-caption p{
    position:absolute;
    bottom:10px;
    left:0;
    padding:3px;
    background:#fff;
    background:rgba(255,255,255,0.8);
    color: #4f555a;
    font-family: 'myriad-regular';
    font-size:1.5em;
}

/*
      STYLES */
.alignleft{
    float:left;
    margin:0 15px 0 0;
}
.alignright{
    float:right;
    margin:0 0 0 15px;
}
.texte-rouge{
    color:#98b638;
}
.texte-fond-rouge{
    padding:2px;
    background:#98b638;
    color:#fff;
}
p.encadre{
    margin-top:20px;
    padding:5px 10px;
    border:1px dotted #000;
    color: #4f555a;
}

#primary .video-article{
    position: relative;
    margin:0;
    padding-bottom: 56.25%; /* 16:9 */
    /*padding-top: 25px;
    height: 0;*/
    -webkit-box-shadow: #666 0px 0px 2px;
    -moz-box-shadow: #666 0px 0px 2px;
    box-shadow: #666 0px 0px 2px;
    overflow:hidden;
}
#primary .video-article iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#primary .exergue{
    position:relative;
    float:right;
    margin:10px 0 10px 20px;
    padding:0 0 0 25px;
    width:270px;
    font-family: 'handofsean';
    font-size:2em;
    line-height:1;
}
#primary .exergue:before{
    content:"“";
    position:absolute;
    top:0;
    left:0;
    font-size:1.5em;
}
#primary a.button{
    float:right;
    margin:5px 0 0 20px;
    padding:5px 30px;
    background:#98b638;
    border:none;
    -webkit-border-radius:20px 0 20px 20px;
    -moz-border-radius:20px 0 20px 20px;
    border-radius:20px 0 20px 20px;
    color:#fff;
}
#primary a.button:hover,
#primary a.button:focus{
    background:#333;
}
#primary div.colonnes{
}

/*
    SOUS CATEGORIES */
#primary .sous-categories{
    padding:10px;
    border:1px dotted #989898;
}
#primary .sous-categories li{
    display:inline-block;
    color:#989898;
}
#primary .sous-categories li a{
    border:none;
    color:#989898;
}
#primary .sous-categories li + li:before{
    content:"| ";
}

/*
    DECRIPTION CATEGORIE */
#primary .archive-meta{
    margin:50px 0 0;
    overflow: hidden;
}

/*
    CONTENU ARTICLE */
.entry-content{
    margin:50px 0 0;
    overflow:hidden;
}

/*
    DENIERS POSTS */
#primary .titre-derniers-posts{
    display:block;
    margin:50px 0 0;
    text-transform:uppercase;
    font-family: 'myriad-bold';
    font-size:2em;
    color:#999;
    line-height:1;
}
#primary .derniers-posts{
    margin:0 0 30px;
/*    padding:20px 0 0 20px;
    background:#f2f2f2;*/
    overflow:hidden;
}
#primary .derniers-posts li.item{
    float:left;
    margin-bottom:10px;
    padding:1.5%;
    width:32%;
/*    min-height:400px;*/
    background:#f2f2f2;
    /*border-bottom:5px solid #fff;*/
}
#primary .derniers-posts li.item:nth-child(4n+1){
    /*margin-left:0;*/
}
#primary .derniers-posts li img{
    display:block;
    width:100%;
    height:auto;
}
#primary .derniers-posts li p img{
    display:inline;
    width:auto;
}
#primary .derniers-posts li h2{
    display:block;
    margin:5px 0;
    padding:0;
    border:none;
    text-transform:none;
    font-family: 'myriad-bold';
    font-weight:normal;
    font-size:1.8em;
    line-height:1.1;
    overflow:hidden;
}
#primary .derniers-posts li h2:first-child{
    /*margin-top:130px;*/
}
#primary .derniers-posts li h2 a{
    border:none;
}
#primary .derniers-posts li p{
    font-size:1.2em;
    line-height:1.4;
}
#primary .derniers-posts li p.mots-cles{

    margin:5px 0;
    font-size:1em;
    color:#989898;
}
#primary .derniers-posts li p.mots-cles a{
    border:none;
    color:#989898;
}

/*
    MOTS CLES */
#primary .liste-mots-cle{
    margin:30px 0 30px;
/*    padding:20px 0 0 20px;
    background:#f2f2f2;*/
    overflow:hidden;
}
#primary .liste-mots-cle li{
    float:left;
    margin-bottom:10px;
    padding:1.5%;
    width:32%;
/*    min-height:400px;*/
    background:#f2f2f2;
    /*border-bottom:5px solid #fff;*/
}
#primary .liste-mots-cle li:nth-child(4n+1){
    /*margin-left:0;*/
}
#primary .liste-mots-cle li img{
    display:block;
    width:100%;
    height:auto;
}
#primary .liste-mots-cle li p img{
    display:inline;
    width:auto;
}
#primary .liste-mots-cle li h2{
    display:block;
    margin:5px 0;
    padding:0;
    border:none;
    text-transform:none;
    font-family: 'myriad-bold';
    font-weight:normal;
    font-size:1.8em;
    line-height:1.1;
    overflow:hidden;
}
#primary .liste-mots-cle li h2:first-child{
    /*margin-top:130px;*/
}
#primary .liste-mots-cle li h2 a{
    border:none;
}
#primary .liste-mots-cle li p{
    font-size:1.2em;
    line-height:1.4;
}
#primary .liste-mots-cle li p.mots-cles{
    margin:5px 0;
    font-size:1em;
    color:#989898;
}
#primary .liste-mots-cle li p.mots-cles a{
    border:none;
    color:#989898;
}

/*
    COMMENTAIRES */
#comments{
    margin:30px 0;
    padding:20px;
    background:#f2f2f2;
}
#comments strong{
    display:block;
    margin:0 0 10px;
    border-bottom:1px solid #000;
    font-family: 'myriad-bold';
    font-weight:normal;
    font-size:1.9em;
}
#comments ol{
    list-style:none;
}
#comments ol li{
    overflow:hidden;
}
#comments ol li + li{
    margin-top:10px;
    padding-top:10px;
    border-top:1px dotted #999;
}
#comments ol li ol{
    margin:10px 0 0;
    padding:10px 0 0 30px;
    border-top:1px dotted #999;
}
#comments ol li img{
    float:right;
    margin:0 0 0 20px;
}
#comments ol li a{
    border:none;
}
#comments ol li .comment-author{
    font-size:1.2em;
}
#comments ol li .comment-content{
    margin:5px 0;
}
#comments ol li .reply a{
    font-size:1.1em;
    font-weight:bold;
    color:#98b638;
}
#comments #respond{
    margin:40px 0 0;
}
#comments #respond:first-child{
    margin:0;
}
#comments .comment-reply-title{
    display:block;
    font-size:3em;
    font-weight:normal;
    font-family: 'myriad-bold';
    text-transform:uppercase;
    color:#999;
}
#comments .comment-form .comment-notes{
    margin:0 0 25px;
    color:#999;
}
#comments .comment-form label{
    display:inline-block;
    width:30%;
    text-align:right;
}
#comments .comment-form textarea{
    font-family: "Kreon", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    vertical-align:top;
}
#comments .comment-form .form-allowed-tags{
    margin:0 0 0 30%;
    font-size:1.2em;
    line-height:1;
    color:#999;
}
#comments .comment-form input[type=submit]{
    margin:10px 0 0 30%;
    padding:10px;
    background:#333;
    border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
}

/*
    METAS ARTICLE */
#primary .entry-meta{}
#primary .entry-meta p{
    margin:5px 0 0;
    padding:10px;
    background:#f2f2f2;
    color:#999;
    font-size:1em;
}
#primary .entry-meta > span{
    display:block;
    margin:5px 0 0;
    padding:10px;
    background:#f2f2f2;
    color:#999;
}
#primary .entry-meta a{
    border:none;
    color:#999;
}

/*
    NAVIGATION POST*/
#primary .paging-navigation{
    margin: 0px 0 30px;
    overflow:hidden;
}
#primary .post-navigation{
    width:100%;
    padding:40px 0 0;
}
#primary .navigation a{
    border:none;
    font-size:1.1em;
    font-weight:bold;
    color:#999;
}
#primary .navigation .nav-previous{
    float:left;
}
#primary .navigation .nav-next,
#primary .navigation a + a{
    float:right;
}

/*
    GALLERIES */
.gallery {
    margin-bottom: 20px;
    margin-left: -4px;
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
    display: table;
    margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
    text-align: center;
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 2px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    -webkit-transition: opacity 400ms ease;
    transition:         opacity 400ms ease;
    width: 100%;
}

.gallery-caption:before {
    box-shadow: 0 -10px 15px #000 inset;
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}



/*------------------------------------------------------------------------------------------------------------*/
/*
    = HOME
*/
/*------------------------------------------------------------------------------------------------------------*/

/*
    LISTE ACTUS - TOP 10 */
#primary .liste{
    margin: 60px 0;
}
#primary .liste strong{
    text-transform:uppercase;
    font-family: 'myriad-bold';
    font-size:4em;
    font-weight:normal;
    color:#999;
    line-height:0.5;
}
#primary .liste > a{
    float:right;
    margin:10px 0 0;
    padding:0 0 0 8px;
    background:url(images/chevron-gris.png) 0 0.5em no-repeat;
    border:none;
    color:#999;
    font-weight:bold;
}
#primary .liste ul{
    /*padding:20px 0 20px 20px;
    background:#f2f2f2;*/
    overflow:hidden;
}
#primary .liste ul li{
    float:left;
    /*margin:0 3.3% 0 0;
    width:30%;*/
    padding: 1.5%;
    width: 32.6%;
    /*min-height:483px;*/
    background:#f2f2f2;
}
#primary .liste ul li + li{
    margin:0 0 0 1%;
}
#primary .liste ul li img{
    display:block;
    width:100%;
    height:auto;
}
#primary .liste ul li h2{
    display:block;
    margin:5px 0;
    padding:0;
    border:none;
    text-transform:none;
    font-family: 'myriad-bold';
    font-weight:normal;
    font-size:1.8em;
    line-height:1.1;
    overflow:hidden;
}
#primary .liste ul li h2 a{
    border:none;
}
#primary .liste ul li p{
    font-size:1.2em;
    line-height:1.4;
}
#primary .liste ul li p img{
    display:inline;
    width:auto;
}

/*
    ESCAPADE */
#primary .escapade{
    float:left;
    margin:0 60px 55px 0;
    padding:0 0 5px;
    width:265px;
    border-bottom:1px solid #98b638;
}
#primary .escapade strong{
    display:block;
    margin:0 0 5px;
    padding:0 0 5px;
    border-bottom:1px solid #98b638;
    text-transform:uppercase;
    font-family: 'myriad-bold';
    font-size:2em;
    font-weight:normal;
    color:#98b638;
    line-height:1;
}
#primary .escapade a{
    border: none;    
}
#primary .escapade img{
    max-width: 100%;
    height: auto !important;
}
#primary .escapade h2{
    display:block;
    margin:5px 0 5px;
    padding:0;
    border:none;
    color: #4f555a;
    text-transform:none;
    font-family: 'myriad-bold';
    font-weight:normal;
    font-size:1.8em;
    line-height:1.1;
}
#primary .escapade p{
    font-size:1.2em;
    line-height:1.4;
}
#primary .escapade > a{
    float:right;
    margin:10px 0 0;
    padding:0 0 0 8px;
    background:url(images/chevron-gris.png) 0 0.5em no-repeat;
    border:none;
    color:#999;
    font-weight:bold;
    max-width: 100%;
}
#primary .escapade > a img{
    max-width: 100%;
    height: auto !important;
}

/*
    VIDEO */
#primary .video{
    position: relative;
    margin:0 0 55px;
    padding-bottom: 56.25%; /* 16:9 */
    /*padding-top: 25px;
    height: 0;*/
    -webkit-box-shadow: #666 0px 0px 2px;
    -moz-box-shadow: #666 0px 0px 2px;
    box-shadow: #666 0px 0px 2px;
    overflow:hidden;
}
#primary .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
    = SIDEBAR
*/
/*------------------------------------------------------------------------------------------------------------*/
#tertiary{
    float:right;
    margin:65px 0 20px;
    width:21%;
    /*min-width:250px;*/
}
#tertiary aside + aside{
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #333;
}
#tertiary aside.widget_text a{
    display:block;
    padding:10px 0 0 60px;
    min-height:60px;
    color:#333;
    font-family: 'myriad-regular';
    font-size:1.8em;
    text-transform:uppercase;
    line-height:1.1;
    white-space:nowrap;
}
#tertiary aside.widget_text a span{
    display:block;
    margin:0 0 0 20px;
    font-family: 'handofsean';
    text-transform:none;
}


/*
    RECHERCHE */
#tertiary .widget_search{
}
#tertiary .widget_search form{
    position:relative;
    background:url(images/picto-recherche.png) 0 0 no-repeat;
    padding:10px 0 0 60px;
    min-height:60px;
}
#tertiary .widget_search span{
    font-family: 'myriad-regular';
    font-size:1.8em;
    text-transform:uppercase;
    white-space:nowrap;
}
#tertiary .widget_search input[type=search]{
    background:#fff;
    width:100%;
    border:1px solid #d5d5d5;
}
#tertiary .widget_search input[type=submit]{
    position:absolute;
    top:31px;
    right:2px;
    height:16px;
    width:16px;
    background:url(images/picto-valider.png) 0 0 no-repeat;
    border:none;
    text-indent:-5000px;
}

/*
    OFFRES SPECIALES */
#tertiary aside.widget_text .offres-speciales{
    background:url(images/picto-offres.png) 0 0 no-repeat;
    color:#98b638;
}
#tertiary aside.widget_text .offres-speciales span{
}

/*
    #Mafaber */
#tertiary aside.widget_text .twitter{
    background:url(images/picto-twitter.png) 0 0 no-repeat;
    font-family: 'handofsean';
    padding-top: 15px;
    min-height: 45px;
}

/*
    A VOIR */
#tertiary .a-voir{
    background:url(images/picto-a-voir.png) 0 8px no-repeat;
}
#tertiary .a-voir span{
}

/*
    A VOIR */
#tertiary .famille{
    background:url(images/picto-famille.png) 0 8px no-repeat;
}
#tertiary .famille span{
}

/*
    PUB */
#tertiary .widget_sp_image h3{
    color:#b0b0b0;
    font-size:1.1em;
    text-transform:uppercase;
}
#tertiary .widget_sp_image img{
    width:100%;
    height:auto;
}

/*
    CARTE */
#tertiary .carte-situation{
    position:relative;
}
#tertiary aside.widget_text .carte-situation > a{
    position:absolute;
    top:0;
    left:0;
    margin:0 10px 0 0;
    padding:10px 25px;
    width:100%;
    min-height:0;
    background:#333 url(images/double-chevron.png) 10px 0.9em no-repeat;
    -webkit-border-radius: 15px 15px 0 15px;
    -moz-border-radius:  15px 15px 0 15px;
    border-radius:  15px 15px 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:1.4em;
    color:#fff;
    text-transform:none;
}
#tertiary aside.widget_text .carte-situation > a:hover,
#tertiary aside.widget_text .carte-situation > a:focus{
    background:#98b638 url(images/double-chevron.png) 10px 0.9em no-repeat;
}
/*#tertiary aside.widget_text .carte-situation img{
    width:100%;
    height:auto;
}*/

/*
    NEWSLETTER */
#tertiary #newsletter{
    position:relative;
}
#tertiary #newsletter > span{
    display:block;
    padding:10px 0 0 50px;
    min-height:60px;
    background:url(images/picto-enveloppe.png) 0 0 no-repeat;
    color:#333;
    font-family: 'myriad-regular';
    font-size:1.7em;
    text-transform:uppercase;
    line-height:1.1;
    white-space:nowrap;
}
#tertiary #newsletter span span{
    display:block;
    margin:11px 0 0 -50px;
    font-family: 'handofsean';
    text-transform:none;
}
#tertiary #newsletter input[type=email]{
    background:#fff;
    width:100%;
    border:1px solid #d5d5d5;
}
#tertiary #newsletter input[type=submit]{
    position:absolute;
    bottom:1px;
    right:2px;
    height:16px;
    width:16px;
    background:url(images/picto-valider.png) 0 0 no-repeat;
    border:none;
    text-indent:-5000px;
}

/*
    Sous Menu */
#tertiary .widget_advanced_menu > h3{
    color:#333;
    font-family: 'myriad-regular';
    font-weight: normal;
    font-size:2.1em;
    text-transform:uppercase;
    line-height:1.1;
    white-space:nowrap;
}
#tertiary .widget_advanced_menu > div{
    border: 1px dotted #989898;
    padding: 10px;
    font-size: 1.2em;
}
#tertiary .widget_advanced_menu > div li{
    margin: 0 0 5px;
    padding: 0 0 5px;
    border-bottom: 1px solid #cbcbcb;
}
#tertiary .widget_advanced_menu > div li:last-child{
    border-bottom: none;
    padding: 0;
}
#tertiary .widget_advanced_menu > div a{
    color: #989898;
    display: block;
}


#mobmenu ul {
  padding: 0px 0 0 0;
  list-style: none;
}
#mobmenu ul li {
  border-bottom: 1px solid #666;
  margin-left: 0px;
  font-size: 16px;
  padding: 0;
}
#mobmenu ul li a {
  color: #eee;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}
#mobmenu ul li a:hover {
  color: #eee;
  text-decoration: none;
}
#mobmenu ul li .sub-nav {
  border-bottom: 0px;
  padding: 4px;
}
#mobmenu ul li.current {
  background: rgba(0, 0, 0, 0.3);
}
/* Icon */
#nav-icon {
  width: 32px;
  height: 36px;
  position: absolute;
  top: 0;
  margin: 6px 0 0 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  cursor: pointer;
  display: block;
  z-index: 300;
  font-size: 11px;
  line-height: 11px;
  color: #c9cc5e;
  text-align: center;
  text-transform: uppercase;
  left: 0;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
}
#nav-icon:hover {
  color: #fff;
  text-decoration: none;
}
#nav-icon:hover span {
  background: #fff;
}
.bg-image-container #nav-icon span {
  background: #eee;
}
.bg-image-container #nav-icon span:hover {
  background: #eee;
}
/* Icon */
#nav-icon span:nth-child(1) {
  top: 15px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(2) {
  top: 21px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(3) {
  top: 27px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(4) {
  top: 33px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.mm-opening #nav-icon span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 12px;
  left: 4px;
}
.mm-opening #nav-icon span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.mm-opening #nav-icon span:nth-child(3) {
  width: 0%;
  opacity: 0;
}
.mm-opening #nav-icon span:nth-child(4) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 34px;
  left: 4px;
}
body .mm-menu .mm-navbar > *,
body .mm-menu .mm-navbar a {
  color: #eee;
  font-size: 18px;
}
body .mm-menu .mm-navbar .mm-btn::before,
body .mm-menu .mm-navbar .mm-btn::after {
  color: #eee;
  border-color: #eee;
}
body .mm-menu .mm-listview > li .mm-next::after,
body .mm-menu .mm-listview > li .mm-arrow::after {
  color: #eee;
  border-color: #eee;
}    
.mm-listview > li:not(.mm-divider)::after {
  border-bottom: 0;
}
.mm-menu {
  background: #222;
}
/*
    MARSEILLE */
#tertiary .marseille{
    background:url(images/picto-photo.png) 0 0 no-repeat;
}
#tertiary .marseille span{
}


/*------------------------------------------------------------------------------------------------------------*/
/*
    = FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
footer{}

/*
    WIDGET */
footer #secondary{
    padding:0 20px;
    background:#333;
}
footer #secondary > div{
    margin:auto;
    padding:20px 0;
    height:auto!important;
    max-width:1200px;
    overflow:hidden;
}
footer #secondary > div aside{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    z-index:1;
}
footer #secondary > div aside h3{
    margin:0 0 5px;
    font-family: 'myriad-bold';
    font-size:1.8em;
    font-weight:normal;
    text-transform:uppercase;
    color:#ccc;
}
footer #secondary > div aside iframe {
    height: 150px !important;
}

/* faq */
footer #secondary div aside:first-child{
    z-index:2!important;
}
aside .faq{
    float:right;
    width:21%;
    font-family: 'myriad-regular';
    font-size:2em;
    text-transform:uppercase;
    color:#ccc;
}
aside .faq strong{
    display:block;
    font-weight:normal;
    font-family: 'myriad-bold';
    color:#fff;
}
aside .faq:before{
    content:"";
    display:block;
    margin:0 0 10px;
    height:62px;
    width:81px;
    background:url(images/sprite.png) 0 -25px no-repeat;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
aside .faq:hover,
aside .faq:focus{
    text-decoration:none;
    color:#fff;
}
aside .faq:hover:before,
aside .faq:focus:before{
    background:url(images/sprite.png) -91px -25px no-repeat;
}

/* dernier commenaire */
aside.bwp-rc-widget{
    z-index:2!important;
    float:left;
    margin:0 3% 0 0;
    width:26%;
}
aside.bwp-rc-widget > ul{
    font-size:1.3em;
    color:#ccc;
}
aside.bwp-rc-widget ul li:first-child{
    margin-bottom: 15px
}
aside.bwp-rc-widget ul a{
    color:#ccc;
}
aside.bwp-rc-widget ul span.recent-comment-author{
    font-style: italic;
}

/* facebook */
aside#text-5 iframe {
    width: 46% !important;
}


/*
    LIENS */
footer div.liens{
    padding: 40px 20px 100px;
    background:#e4e1d7;
}
footer > div.liens .home-link {
    float:left;
    margin-top: 10px;
}
footer > div.liens .links {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
}
footer > div.liens .links a {
    margin-right: 10px;
    display: inline-block;
}
footer div.liens form input.form-control {
    float: left;
    padding: 12px 20px;
    margin-right: 20px;
    width: 65%;
    border: 0;
    height: auto;
    max-width: 420px;
}
footer > div.liens h2 {
    color: #98b638;
    font-size: 34px;
    font-family: "Pacifico";
	margin-top:0;
}
footer > div.liens > ul{
    margin:auto;
    padding:20px 0;
    max-width:1200px;
    overflow:hidden;
}
footer > div.liens > ul > li{
    float:left;
    width:19%;
}
footer > div.liens > ul > li + li{
    margin-left:1%;
}
footer > div.liens > ul > li > span{
    display:block;
    margin:0 0 5px;
    padding:0 0 5px;
    border-bottom:1px solid #e7e8e8;
    text-transform:uppercase;
    color:#e7e8e8;
}
footer > div.liens > ul > li ul li a{
    color:#e7e8e8;
}

/*
    LOGOS */
footer > div.logos{
    padding:0 20px;
    margin-bottom: 10px;
}
footer > div.logos h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    margin: 15px 0 10px;
}
footer > div.logos ul{
    margin:auto;
    padding:20px 0;
    max-width:1200px;
    overflow:hidden;
}
footer > div.logos ul li{
    float:left;
    position:relative;
    min-height:100px;
}
footer > div.logos ul li + li{
    margin:0 0 0 2.4%;
    padding:0 0 0 2.4%;
}
footer > div.logos ul li + li:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:1px;
    background:#eff0f0;
}




/*
    AUTRES */
footer > div.autres{
    padding:20px;
    margin:auto;
    max-width:1200px;
    overflow:hidden;
}
footer > div.autres h2{
    margin:30px 0 5px;
    padding:0 0 5px;
    color:#b7b7b7;
    text-transform:uppercase;
    font-size:1.1em;
    border-bottom:1px solid #b7b7b7;
    clear: both;
}
footer > div.autres h2:first-child{
    margin-top:0;
}
footer > div.autres ul{
    font-size:1.6em;
}
footer > div.autres ul.liens_interet li{
    display: inline-block;
    margin: 10px 15px;
}
footer > div.autres ul.liste-liens li{
    float:left;
    margin: 0 60px 20px 0;
    height:85px;
    min-width: 140px;
    text-align: center;
}
footer > div.autres ul.liste-liens li .alignleft {
    float: none;
}
footer > div.autres p{
    overflow: hidden;
}
footer > div.autres p a{
    float: left;
    margin: 0 20px 20px;
}
footer > div.autres p a img{
    max-height: 45px;
    width: auto;
}
footer > div.autres p.big_marge a {
    margin-right: 95px;
}
footer > div.autres p a.big {
    margin-bottom: 15px;
}
footer > div.autres p a.big img{
    max-height: 75px;
    width: auto;
}
footer > div.autres p a:hover{
    text-decoration: none;
}

#quotes-box {
    background: #e4e1d7;
    margin-bottom: 50px;
    padding: 50px 0;
    position: relative;
}
#quotes-box .owl-carousel {
    position: static;
}
#quotes-box .item {
    font-size: 35px;
    font-weight: lighter;
    color: #4f555a;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}
#quotes-box .item img {
    max-width: 100%;
}
#quotes-box .item .author {
    font-size: 24px;
    line-height: 26px;
    margin-top: 15px;
}
#quotes-slider.owl-carousel .owl-stage {
    z-index: 3;
}
#quotes-box .item .author small {
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
}
#quotes-box .owl-nav {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 49%;
    margin: 0;
    z-index: 2;
}
#quotes-box .owl-carousel .owl-nav .owl-prev {
    float: left;
    display: block;
    width: 27px;
    height: 45px;
    background: url("images/ico-prev.png") no-repeat center center;
}
#quotes-box .owl-carousel .owl-nav .owl-next {
    float: right;
    display: block;
    width: 27px;
    height: 45px;
    background: url("images/ico-next.png") no-repeat center center;
}

footer #newsletter-box {
    background: #e4e1d7;
    padding: 35px 15px;
    color: #4f555a;
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 50px;
}
footer #newsletter-box h2 {
    font-size: 40px;
    color: #4f555a;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 300;
}
footer #newsletter-box form {
    padding: 0px 0;
}
footer #newsletter-box input.mail {
    padding: 10px 10px;
    background: #f0f4fa;
    border: 0;
    width: 280px;
    max-width: 100%;
    font-size: 18px;
    line-height: 1.1;
    margin-right: 15px;
}
footer #newsletter-box input.submit {
    background: #98b638;
    border: 0;
    padding: 10px 30px;
    color: #fff;
    font-size: 18px;
    line-height: 1.1;
    -webkit-border-radius: 10px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topright: 0;
    border-radius: 10px;
    border-top-right-radius: 0;
}
footer #newsletter-box input.submit:hover {
    cursor: pointer;
}

.articles-liste {

}
.articles-liste .owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
}
.articles-liste .owl-item {
    margin-bottom: 30px;
    display: block;
    flex-direction: column;
    padding: 0 10px;
    position: relative;
}
.articles-liste .owl-item .item-inner {
    background: #e4e1d7;
   -webkit-border-radius: 20px;
   -webkit-border-top-right-radius: 0;
   -moz-border-radius: 20px;
   -moz-border-radius-topright: 0;
   border-radius: 20px;
   border-top-right-radius: 0;
   overflow: hidden;
   flex: 1;
   position: relative;
}
.articles-liste .owl-item .item-inner .item-inner-content {
    padding: 35px 20px 70px;
    position: relative;
	min-height: 440px;
}
.articles-liste .owl-item a {
  border: 0;
}
.articles-liste .owl-item img {
  width: 100%;
}
#box-list .item .content h3,
.articles-liste .owl-item h3 {
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: uppercase;
  font-size: 20px;
  color: #98b638;
}
#box-list .item .content h2, #box-list .item .content h2 a,
.articles-liste .owl-item h2, .articles-liste .owl-item h2 a {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: left;
  margin-top: 0;
  text-transform: uppercase;
  color: #98b638 !important;
}
#box-list .item .content h2 a {
    margin-bottom: 0;
}
.articles-liste .owl-item h2, .articles-liste .owl-item h2 a {
  min-height: 70px;
}
#box-list .item .content .date,
.articles-liste .owl-item .date {
    color: #4f555a;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
}
#reisetipps-slider {
    margin-top: 30px;
}
#reisetipps-slider .owl-nav {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  z-index: 2;
}
#reisetipps-slider.owl-carousel .owl-stage-outer {
    z-index: 3;
}
#reisetipps-slider.owl-carousel .owl-nav .owl-prev {
    float: left;
    display: block;
    width: 36px;
    height: 61px;
    margin-left: -50px;
    background: url("images/ico-prev-orange.png") no-repeat center center;
    opacity: 0.8;
}
#reisetipps-slider.owl-carousel .owl-nav .owl-next {
    float: right;
    display: block;
    width: 36px;
    height: 61px;
    margin-right: -50px;
    background: url("images/ico-next-orange.png") no-repeat center center;
    opacity: 0.8;
}
#reisetipps-slider.owl-carousel .owl-nav .owl-prev:hover,
#reisetipps-slider.owl-carousel .owl-nav .owl-next:hover {
    opacity: 1;
}
#primary .articles-liste .owl-item .content,
#primary .articles-liste .owl-item .content p {
    font-size: 18px;
    font-weight: 300;
}
#primary .articles-liste .owl-item .content ul {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 300;
}
#primary .articles-liste .owl-item .content ul li {
    background: none;
    float: none;
    width: auto;
    padding: 0 0 0 25px;
    margin: 0 0 10px;
    background: url("images/list-arrow.png") no-repeat left 5px;
}
.articles-liste .owl-item .price {
    font-size: 28px;
    font-weight: bold;
    color: #98b638;
    position: absolute;
    bottom: 35px;
    left: 20px;
    right: 20px;
}


#news-slider {
    margin-top: 30px;
}
#news-slider .owl-nav {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  z-index: 2;
}
#news-slider.owl-carousel .owl-stage-outer {
    z-index: 3;
}
#news-slider.owl-carousel .owl-nav .owl-prev {
    float: left;
    display: block;
    width: 36px;
    height: 61px;
    margin-left: -50px;
    background: url("images/ico-prev-orange.png") no-repeat center center;
    opacity: 0.8;
}
#news-slider.owl-carousel .owl-nav .owl-next {
    float: right;
    display: block;
    width: 36px;
    height: 61px;
    margin-right: -50px;
    background: url("images/ico-next-orange.png") no-repeat center center;
    opacity: 0.8;
}
#news-slider.owl-carousel .owl-nav .owl-prev:hover,
#news-slider.owl-carousel .owl-nav .owl-next:hover {
    opacity: 1;
}
.signature {font-family: "Pacifico";text-align:center;font-size:24px;color:#98b638;}

@media screen and (max-width: 768px){
    .articles-liste .owl-item .price {
        font-size: 22px;
    }
}
.articles-liste .owl-item .price .btn {

}

.articles-liste .owl-item .item-image {
  position: relative;
}
.articles-liste .owl-item .item-image .hover-title {
  display: none;
}
.articles-liste .owl-item:hover .owl-item-image .hover-title {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  background: rgba(255,255,255,0.6);
}
.articles-liste .owl-item .item-image .hover-title h3 {
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 15px;
  right: 15px;
  transform: translateY(-50%);
}

.share-buttons .share-main-tab {
    left:auto !important;
    right: -1px !important;
}

.fullsize-slider {
    position: relative;
    margin-bottom: 50px;
}
.fullsize-slider h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 10px;
}

.fullsize-slider .item {
    display: block;
    height: 450px;
    background-position: center center;
    background-size: cover;
    color: #fff;
    font-size: 35px;
    position: relative;
}
.fullsize-slider .item .content {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    line-height: 1;
}
.fullsize-slider .item h2 {
    font-size: 60px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: none;
}
.fullsize-slider .owl-nav {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 49%;
    margin: 0;
}
.fullsize-slider .owl-carousel .owl-nav .owl-prev {
    float: left;
    display: block;
    width: 27px;
    height: 45px;
    background: url("images/ico-prev.png") no-repeat center center;
}
.fullsize-slider .owl-carousel .owl-nav .owl-next {
    float: right;
    display: block;
    width: 27px;
    height: 45px;
    background: url("images/ico-next.png") no-repeat center center;
}

body .slideshow_container_style-light .slideshow_transparent {
  opacity: 0.9;
}
body .slideshow_container_style-light .slideshow_transparent:hover {
  opacity: 1;
}
.slideshow_container .slideshow_view .slideshow_slide.slideshow_slide_image .slideshow_description_box {
  top: 50% !important;
  background: transparent;
  transform: translate(0, -50%);
}
.slideshow_container .slideshow_view .slideshow_slide.slideshow_slide_image .slideshow_description_box h1 {
    font-size: 60px;
    line-height: 60px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    padding: 0;
}
.slideshow_container .slideshow_view .slideshow_slide.slideshow_slide_image .slideshow_description_box .slideshow_description {
    font-size: 35px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

body .slideshow_container_style-light .slideshow_button.slideshow_previous {
    width: 27px;
    height: 45px;
    background: url("images/ico-prev.png") no-repeat center center;
    margin-top: -22px;
    left: 30px;
    opacity: 1;
}

body .slideshow_container_style-light .slideshow_button.slideshow_next {
    width: 27px;
    height: 45px;
    background: url("images/ico-next.png") no-repeat center center;
    margin-top: -22px;
    right: 30px;
    opacity: 1;
}

.category-highlighted {
  background: #fff4d3;
  padding: 30px;
  margin-top: 40px;
}

.category-highlighted h4 {
    color: #98b638;
    font-family: "Kreon",serif;
    font-size: 35px;
    font-style: italic;
    font-weight: bold;
    line-height: 35px;
    margin: 0 0 10px;
}
.category-highlighted .container {
  margin-bottom: 40px;
}
.category-highlighted .container:last-child {
  margin-bottom: 0px;
}

.category-inspiration {
  max-width: 1400px;
  margin: 40px auto 50px;
}

.category-inspiration h4 {
    color: #98b638;
    font-family: "Kreon",serif;
    font-size: 35px;
    font-style: italic;
    font-weight: bold;
    line-height: 35px;
    margin: 0 0 20px;
}
.category-inspiration .inspiration-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
}

.category-inspiration .item {
  margin-bottom: 30px;
  position: relative;
}

.category-inspiration .item .item-image {
  position: relative;
}
.category-inspiration .item .item-image .hover-title {
  display: none;
}
.category-inspiration .item:hover .item-image .hover-title {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  background: rgba(255,255,255,0.6);
}
.category-inspiration .item .item-image .hover-title h3 {
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 15px;
  right: 15px;
  transform: translateY(-50%);
}

.item.hidden {
  display: none;
}
.category-inspiration .item img {
  width: 100%;
  margin-bottom: 15px;
}
.category-inspiration .item h3 {
 font-size: 26px;
 line-height: 30px;
 font-family: "Kreon";
 font-weight: normal;
 font-style: italic;
 text-align: center;
}

.content-header#masthead {
  position: relative;
  height: 400px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.content-header#masthead header#masthead {
  position: absolute;
  top: 50% !important;
  transform: translate(0, -50%);
  left: 30px;
  right: 30px;
  font-size: 35px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
.content-header#masthead header#masthead h1 {
  font-size: 60px;
}

.subcat-list {
  margin-top: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
}
.subcat-list .item {
  text-align: center;
  margin-bottom: 30px;
  font-size: 18px;
  position: relative;
}
.subcat-list .item img {
  width: 100%;
}
.subcat-list .item h2 {
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  margin: 10px 0 0 0;
  display: block;
}

.blogmap-container {
  padding-bottom: 50px;
}
.blogmap-container #blogmap {
  height: 500px;
  margin-top: 10px;
}

.infowindow {
  font-size: 13px;
}
.infowindow h2 {
  font-size: 18px;
  font-family: "Kreon";
  color: #98b638;
}
.infowindow h2 a {
  color: #98b638 !important;
}
.infowindow .infowindow-image {
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 0px;
}
.infowindow .infowindow-image img {
  width: 100%;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 0px;
}
.infowindow .infowindow-content {
  padding: 15px 10px;
}
.myInfoWindow .gm-style-iw {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  right: 0;
}
.myInfoWindow .gm-style-iw-2 {
  overflow: hidden !important;
  max-width: 100% !important;
  width: 100% !important;
}
.myInfoWindow .gm-style-iw-3 {
  overflow: hidden !important;
}
.myInfoWindow .gm-custom-style-iw-1, .myInfoWindow .gm-custom-style-iw-3 {
  -webkit-border-radius: 20px !important;
  -webkit-border-top-right-radius: 0 !important;
  -moz-border-radius: 20px !important;
  -moz-border-radius-topright: 0 !important;
  border-radius: 20px !important;
  border-top-right-radius: 0 !important;
  background: #e4e1d7;
}

.filter {
  
}
.filter .filter-box {
  float: left;
  width: 140px;
  position: relative;
  font-size: 18px;
}
.filter .filter-box a {
  font-weight: bold;
  background: url("images/filter-arrow-down-dark.jpg") no-repeat left center;
  padding-left: 22px;
}
.filter .filter-box:hover > a {
  color: #e10e23;
  background: url("images/filter-arrow-down.jpg") no-repeat left center;
}
.filter .filter-box .filter-list {
  position: absolute;
  left: -20px;
  border: 1px solid #999;
  background: #fff;
  padding: 10px 12px;
  z-index: 100;
  display: none;
  width: 240px;
}
.filter .filter-box:hover > .filter-list {
  display: block;
}
.filter .filter-box .filter-list .filter-row {
  padding: 4px 0;
  vertical-align: middle;
}
.filter .filter-box .filter-list .filter-row label, .filter .filter-box .filter-list .filter-row input {
  vertical-align: middle;
}

#content.site-content a {
  color: #98b638;
}

#content.site-content h1 a, #content.site-content h2 a, #content.site-content h3 a {
  color: #4f555a;
}

#top-ten-slider .owl-dots {
  margin-top: -25px;
  position: relative;
  z-index: 10;
}

.blog-request {
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;
}
.blog-request h2 {
  font-size: 22px;
}

.contact-form {
  margin-top: 30px;
}
.contact-form h3 {
  text-align: center;
  margin-bottom: 10px;
}
.contact-form .form-row {
  margin-bottom: 15px;
}
.contact-form .form-row .col-label {
  float:left;
  width: 35%;
  text-align: right;
  padding-right: 15px;
}
.contact-form .form-row .col-input {
  width: 65%;
  float:left;
}
.contact-form .form-row input {
}
.contact-form input, .contact-form textarea {
  padding: 10px 12px;
  line-height: 1.1;
  font-size: 14px;
}
.contact-form .form-row .col-input input, .contact-form .form-row .col-input textarea {
  width: 100%;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
    = RESPONSIVE
*/
/*------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1460px){

  .category-inspiration .inspiration-row, .articles-liste {
    /*margin: 0;*/
  }
  .category-inspiration h4 {
    padding: 0 15px;
  }
}
@media screen and (max-width: 1200px){
    header#masthead .site-title img{
      width: 160px;
    }
    header#masthead nav ul li {
      margin: 0 0 0 15px;
    }
    header#masthead nav {
        margin-left: 195px;
    }
    header#masthead nav ul li a{
      padding: 20px 0;
      font-size: 20px;
    }
    header#masthead nav ul li ul {
        padding: 0px 12px;
        left: 210px;
        top: 120px;
        min-width: 345px;
    }
    header#masthead nav ul li ul li a {
        font-size: 16px;
        padding: 18px 10px;
    }
    header#masthead nav ul li ul li ul {
        top: 52px;
        padding-left: 17px;
    }
    header#masthead nav ul li ul li ul li a {
        font-size: 15px;
        padding: 12px 5px;
    }
    header#masthead .search-field, header#masthead ul.social {
      margin-top: 15px;
    }
    header#masthead .search-field input {
      font-size: 18px;
    }
    #illustration strong{
        left:20px;
        margin:0;
    }
    #primary .size-full{
        display:block;
        width:100%;
        height:auto;
    }
    #primary .liste strong{
        margin:0 0 0 20px;
    }
    #primary .escapade,
    #primary .sous-categories,
    #primary h1,
    #primary .archive-meta,
    #primary .titre-derniers-posts,
    #primary div > article{
        /*margin-left:20px;*/
    }
    #primary div > article{
        /*margin-right:20px;*/
    }
    #primary article h1{
        margin:0;
    }
    footer > div.logos ul li + li{
        margin:0 0 0 1.5%;
        padding:0 0 0 1.5%;
    }
    #quotes-box .owl-item img {
      margin-bottom: 20px;
      max-width: 240px;
    }
    #quotes-box .item .author {
      font-size: 18px;
    }
    #quotes-box .item .author small {
      font-size: 16px;
    }
}
@media screen and (max-width: 992px){
    header#masthead .site-title img{
      width: 120px;
    }
    header#masthead nav {
        margin-left: 155px;
    }
    header#masthead nav ul {
        margin-top: 25px;
    }
    header#masthead nav ul li {
        margin-left: 15px;
    }
    header#masthead nav ul li ul {
        top: 95px;
        padding: 0px 12px;
        left: 170px;
        min-width: 320px;
    }
    header#masthead nav ul li ul li a {
        font-size: 15px;
        padding: 18px 10px 19px;
    }
    header#masthead nav ul li a{
      padding: 20px 0;
      font-size: 18px;
    }
    #primary .derniers-posts{
        padding:20px 0 0 20px;
        background:#f2f2f2;
    }
    footer > div.logos ul li + li.item{
        margin:0 0 0 0.5%;
        padding:0 0 0 0.5%;
    }
}
@media screen and (max-width: 992px) and (min-width: 768px){
    #tertiary aside.widget_text a{
        padding-left:40px;
        min-height:40px;
        font-size:1.6em;
        background-size:18% auto!important;
    }
    #tertiary .widget_search{
        padding-left:40px;
        min-height:40px;
        background-size:18% auto!important;
    }
    #tertiary .widget_search span{
        font-size:1.6em;
    }
    #tertiary aside.widget_text .carte-situation > a{
        background-size:auto auto!important;
    }
    #tertiary #newsletter > span{
        padding:0 0 0 40px;
        min-height:40px;
        font-size:1.6em;
        background-size:18% auto!important;
        white-space:normal;
    }
    #tertiary #newsletter span span{
        margin:0 0 5px -40px;
        font-size:0.9em;
        white-space: nowrap;
    }
    .share-buttons .share-main-tab {
        display: none;
    }
    
}
@media screen and (max-width: 992px){
    h1, #primary h1 {
      font-size: 36px;
    }
    h2, #primary h2, .fullsize-slider h2 {
      font-size: 30px;
    }
    header#masthead ul.social {
        display: none;
    }
    .articles-liste .owl-item h2, .articles-liste .owl-item h2 a {
        font-size: 22px;
        min-height: 1px;
    }
}
@media screen and (max-width: 900px){
  header#masthead .search-field {
      display: none;
  }
}
@media screen and (max-width: 768px){
    .articles-liste .owl-item {
        padding: 0 2px;
    }
    .articles-liste .owl-item h2, .articles-liste .owl-item h2 a {
        font-size: 20px;
        min-height: 1px;
    }
    header#masthead nav {
        margin-left: 0;
    }
    header#masthead .site-title img{
      width: 100px;
    }
    h1, #primary h1 {
      font-size: 28px;
    }
    h2, #primary h2, .fullsize-slider h2 {
      font-size: 24px;
    }
    header#masthead .site-title {
      float: right;
        left: auto;
        right: 25px;
        top: 0;
        padding: 15px;
        border-radius: 0;

        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 10px;

    }
    header#masthead nav{
        position:relative;
        float: none;
    }
    header#masthead nav:after{
        content:"";
        position:absolute;
        bottom:-36px;
        left:0;
        width:100%;
        height:36px;
        background:url(images/ombre-bandeau-haut.png) 0 0 no-repeat;
        background-size:100% auto;
    }
    header#masthead nav > a{
        display:block;
        padding:15px 0;
        font-family: 'myriad-regular';
        font-size:2em;
        text-transform:uppercase;
    }
    header#masthead nav #ouvre-menu + a{
        position:absolute;
        top:0;
        right:15px;
        padding:10px;
        background:#fff;
        font-size:1.6em;
        font-weight:bold;
    }
    header#masthead nav #ouvre-menu + a:hover,
    header#masthead nav #ouvre-menu + a:focus{
        text-decoration:none;
    }
    header#masthead nav #fermer-menu {
      display: none;
    }
    header#masthead nav #nav-icon {
        display: block;
    }
    header#masthead nav #ouvre-menu{
        display:none;
        position:absolute;
        top:45px;
        left:20px;
        right:20px;
        z-index:2;
        background:#fff;
        background:rgba(255,255,255,0.9);
    }
    header#masthead nav #ouvre-menu ul{
        border:1px solid #333;
    }
    header#masthead nav #ouvre-menu ul li{
        display:block;
        margin:0 10px;
        padding:0;
    }
    header#masthead nav #ouvre-menu ul li + li{
        border-top:1px dotted #98b638;
    }
    header#masthead nav #ouvre-menu ul li a,
    header#masthead nav #ouvre-menu ul li a:hover,
    header#masthead nav #ouvre-menu ul li a:focus{
        display:block;
        padding:10px 0;
        width:auto;
        border:none;
    }
    header#masthead nav #ouvre-menu ul li a:before{
        display:none;
    }
    header#masthead nav #ouvre-menu ul li ul{
        display:block;
        position:relative;
        top:auto;
        left:auto;
        margin:0 0 0 10px;
        padding:0;
        background:none;
        border:none;
    }
    header#masthead nav #ouvre-menu ul li ul li + li{
        border:none;
    }

    header#masthead nav #ouvre-menu:target,
    header#masthead nav #ouvre-menu:target + a{
        display:block;
    }
    header#masthead nav #fermer-menu:target #ouvre-menu{
        display:none;
    }
    #illustration{
      height: 360px !important;
    }
    #illustration .slideshow_container {
      height: 360px !important;
    }
    #illustration .slideshow_container .slideshow_content {
      height: 360px !important;
    }
    #illustration .slideshow_container .slideshow_slide {
      height: 360px !important;
    }
    #primary header#masthead nav.post-navigation{
        padding-top:15px;
        border:none;
    }
    #primary header:before,
    #primary header#masthead nav:after{
        display:none;
    }
    #primary .sous-categories,
    #primary .archive-meta{
        /*margin-right:20px;*/
    }
    #primary .liste > a{
        margin-right:20px;
    }
    #primary nav + h1{
        padding:40px 0 0;
    }
    #primary,
    #primary .escapade,
    #primary .video,
    #tertiary,
    #primary .escapade,
    aside .faq,
    aside.widget_recent_comments{
        float:none;
        width:auto;
    }
    aside#text-5 iframe {
        width: 100% !important;
        float:none;
    }
    #primary .escapade{
        margin-right:20px;
    }
    #primary .video{
        margin-left:20px;
        margin-right:20px;
    }
    #comments .comment-form label{
        display:block;
        width:100%;
        text-align:left;
    }
    #comments .comment-form .form-allowed-tags{
        margin:0;
    }
    #comments .comment-form textarea,
    #comments .comment-form input{
        width:100%;
    }
    #comments .comment-form input[type="submit"]{
        margin:10px 0 0 0;
        text-align:center;
    }
    #tertiary{
        margin:0 20px 40px;
        overflow:hidden;
    }
    #tertiary aside:first-child{
        margin-top:20px;
        padding-top:30px;
        background-position:0 20px;
        border-top:1px solid #000;
    }
    #tertiary aside:nth-child(2n+1){
        float:left;
        width:40%;
    }
    #tertiary aside,
    #tertiary aside#text-3{
        float:right;
        width:40%;
    }
    .content-header#masthead {
      height: 200px;
    }
    .content-header#masthead header#masthead {
      font-size: 18px;
    }
    .content-header#masthead header#masthead h1 {
      font-size: 25px;
    }
    aside.widget_recent_comments{
        margin:30px 0;
    }
    footer > div.logos ul li:nth-child(6){
        clear:left;
        margin:0;
    }
    footer > div.logos ul li + li:before{
        display:none;
    }
    .share-buttons .share-main-tab {
        display: none;
    }
    .articles-liste .item h2 {
      line-height: 20px;
      padding: 0 5px;
      display: block;
    }
    .articles-liste .item a{
      font-size: 17px;
      line-height: 20px;
    }
    .fullsize-slider .item {
      height: 400px;
    }
    .fullsize-slider .item .content {
      font-size: 18px;
      bottom: 20px;
      padding: 0 10px;
    }    
    .fullsize-slider .item h2 {
      font-size: 20px;
    }
    #quotes-box .item {
      font-size: 20px;
      padding: 0 15px;
    }
    .blogmap-container #blogmap {
      height: 400px;
    }

    .category-inspiration h4 {
      font-size: 24px;
    }
    .category-inspiration .item h3 {
      font-size: 20px;
      line-height: 1.1;
    }
    footer #newsletter-box h2 {
      font-size: 30px;
      line-height: 1.1;
    }
    .subcat-list .item h2 {
      font-size: 20px;
      line-height: 1.1;
    }
    #primary article h4, #primary .archive-meta h4 {
      font-size: 20px;
      line-height: 1.1;
    }
    #primary article h3, #primary .archive-meta h3 {
      font-size: 18px;
      line-height: 1.1;
    }
    #primary p, .category-highlighted {
      font-size: 14px;
    }
    .category-highlighted h4 {
      font-size: 20px;
      line-height: 1.1;
    }
    .slideshow_container .slideshow_view .slideshow_slide.slideshow_slide_image .slideshow_description_box h1 {
      font-size: 20px;
      line-height: 1.1;
    }
    .slideshow_container .slideshow_view .slideshow_slide.slideshow_slide_image .slideshow_description_box .slideshow_description {
      font-size: 18px;
      line-height: 1.1;
    }
    .contact-form .form-row .col-label {
      float:none;
      width: 100%;
      text-align: left;
      padding-right: 0px;
      padding-bottom: 5px;
      padding-top: 0px;
    }
    .contact-form .form-row .col-input {
      width: 100%;
      float:none;
    }
    body .slideshow_container_style-light .slideshow_button.slideshow_previous {
        width: 18px;
        background: url("images/ico-prev.png") no-repeat left center;
        left: 5px;
    }

    body .slideshow_container_style-light .slideshow_button.slideshow_next {
        width: 18px;
        background: url("images/ico-next.png") no-repeat right center;
        right: 5px;
    }
    .fullsize-slider .owl-carousel .owl-nav .owl-prev {
        width: 18px;
        background: url("images/ico-prev.png") no-repeat left center;
        left: 5px;
    }
    .fullsize-slider .owl-carousel .owl-nav .owl-next {
        width: 18px;
        background: url("images/ico-next.png") no-repeat right center;
        right: 5px;
    }
    .fullsize-slider .owl-nav {
      left: 0;
      right: 0;
    }
    #top-ten-slider .owl-dots {
      display: none;
    }
    .fullsize-slider .item .content {
      left: 20px;
      right: 20px;
    }
}
@media screen and (max-width: 600px){
    .row .col-xs-12 {
        margin-bottom: 15px;
    }
    .fullsize-slider .item {
      height: 280px;
    }
    #preheader#masthead > div > ul{
        float:none;
        padding:0;
    }
    #preheader#masthead > div > ul li a.acces-pro{
        margin:10px 0;
    }
    #primary .liste.actualites{
        position:relative;
        padding:0 0 20px;
    }
    #primary .liste > a{
        position:absolute;
        bottom:0;
        right:0;
    }
    #primary .exergue,
    #primary article ul.deux-colonnes li,
    #primary a.button,
    #tertiary aside:nth-child(2n+1),
    #tertiary aside,
    #tertiary aside#text-3{
        float:none;
        width:100%;
    }
    #primary a.button{
        display:block;
        margin:20px 0;
        text-align:center;
    }
    #primary .gallery-item{
        max-width:100%!important;
    }
    footer > div.liens,
    footer > div.logos{
      margin: 0 -15px;
    }

    footer > div.liens ul,
    footer > div.logos ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex:1 1 auto;
      -webkit-flex-flow: row wrap;
      align-content: flex-start;
    }
    footer > div.liens > ul > li,
    footer > div.logos ul li{
        float: left !important;
        width: 50% !important;
        padding: 10px !important;
        clear: none !important;
        min-height: 1px !important;
    }
    footer > div.liens > ul > li img,
    footer > div.logos ul li img {
      max-width: 100%;
    }
    footer > div.liens > ul > li + li{
        margin:15px 0 0;
    }
    footer > div.logos ul li + li{
        margin:0;
        padding:0;
    }
    footer #newsletter-box input.mail {
      width: 100%;
    }
    footer #newsletter-box input.submit {
      margin: 10px auto 0;
      display: block;
    }

}

.site-content {
  margin-bottom: 20px;
}
article {
  position: relative;
}
.pdf-export {
  position: absolute;
  right: 5px;
  top: 15px;
}
body.single-post .container article h1, body.single-post #primary article h1,
body.single-post .container article .nav-links, body.single-post #primary article .nav-links,
body.single-post .container article .entry-content, body.single-post #primary article .entry-content {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

#header-slider {

}
#header-slider .slide {
  position: relative;
}
#header-slider .slide img {
  width: 100%;
}
#header-slider-outer {
  position: relative;
  margin-bottom: 70px;
}
#header-slider-outer .owl-custom-dots-outer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
#header-slider-outer .owl-custom-dots {
  position: absolute;
  bottom: 60px;
  left: 0;
}

body .owl-carousel {
    display: block;
}

.owl-custom-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-custom-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-custom-dots .owl-dot span {
      width: 14px;
      height: 14px;
      margin: 5px 4px;
      background: #fff;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px;
  }
.owl-custom-dots .owl-dot.active span, .owl-custom-dots .owl-dot:hover span {
      background: #98b638;
}

#header-slider .owl-nav {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
}
#header-slider.owl-carousel .owl-nav .owl-prev {
    float: left;
    display: block;
    width: 27px;
    height: 45px;
    margin-left: 100px;
    background: url("images/ico-prev.png") no-repeat center center;
}
#header-slider.owl-carousel .owl-nav .owl-next {
    float: right;
    display: block;
    width: 27px;
    height: 45px;
    margin-right: 100px;
    background: url("images/ico-next.png") no-repeat center center;
}
#header-slider .slide .slide-slogan-box-outer {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 40px;
}
#header-slider .slide .slide-slogan-box-outer .slide-slogan-box {
  float: right;
  max-width: 50%;
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 0;
  border-radius: 20px;
  border-top-right-radius: 0;
  background: url("images/wbg.png");
  padding: 35px 20px;
  border: none;
}
#header-slider .slide .slide-slogan-box-outer .slide-slogan-box .slide-slogan-pretitle {
  font-size: 20px;
  color: #98b638;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 600;
}
#header-slider .slide .slide-slogan-box-outer .slide-slogan-box .slide-slogan {
  font-size: 32px;
  color: #98b638;
  text-transform: uppercase;
  font-weight: 600;
}
@media screen and (max-width: 1024px){
    #header-slider .slide .slide-slogan-box-outer {
        bottom:20px;
    }
    #header-slider .slide .slide-slogan-box-outer .slide-slogan-box {
      float: right;
      max-width: 70%;
      -webkit-border-radius: 10px;
      -webkit-border-top-right-radius: 0;
      -moz-border-radius: 10px;
      -moz-border-radius-topright: 0;
      border-radius: 10px;
      border-top-right-radius: 0;
        padding: 20px 15px;
    }
}
@media screen and (max-width: 1200px){
    #header-slider .slide .slide-slogan-box-outer .slide-slogan-box .slide-slogan-pretitle {
        font-size: 18px;
    }
    #header-slider .slide .slide-slogan-box-outer .slide-slogan-box .slide-slogan {
        font-size: 26px;
    }
}
@media screen and (max-width: 768px){
    #header-slider .slide .slide-slogan-box-outer {
        position:relative;
    }
    #header-slider .slide .slide-slogan-box-outer .slide-slogan-box {
        width: 100%;
        max-width: 100%;
    }
    #header-slider .slide .slide-slogan-box-outer .slide-slogan-box .slide-slogan-pretitle {
        font-size: 15px;
    }
    #header-slider .slide .slide-slogan-box-outer .slide-slogan-box .slide-slogan {
        font-size: 18px;
    }
    #header-slider .owl-nav {
      position: absolute;
      top: 20%;
      left: 0;
      right: 0;
    }
    #header-slider.owl-carousel .owl-nav .owl-prev {
        float: left;
        display: block;
        width: 27px;
        height: 45px;
        margin-left: 20px;
        background: url("images/ico-prev.png") no-repeat center center;
    }
    #header-slider.owl-carousel .owl-nav .owl-next {
        float: right;
        display: block;
        width: 27px;
        height: 45px;
        margin-right: 20px;
        background: url("images/ico-next.png") no-repeat center center;
    }
    #header-slider-outer .owl-custom-dots-outer {
      position: absolute;
      top: 0;
      bottom: auto;
      left: 0;
      right: 0;
      z-index: 10;
    }
    #header-slider-outer .owl-custom-dots {
      position: absolute;
      top: 60px;
      left: 20px;
      bottom: auto;
    }
}
#header-slider .slide .slide-slogan-box-outer .slide-slogan-box .btn {
  float: right;
  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
  padding: 10px 30px;
  max-width: 100%;
  overflow: hidden;
}
#contact-teaser {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    background: #e4e1d7;
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 0;
  border-radius: 20px;
  border-top-right-radius: 0;
   overflow: hidden;
}
.no-header-slider {
    height: 80px;
    width: 100%;
}
#contact-teaser .image-col {
    background-size: cover;
    background-position: center center;
    padding: 0;
}
#contact-teaser .contact-teaser-content {
    padding: 55px 25px;
}
#contact-teaser .contact-teaser-content .phone {
    color: #98b638;
    font-size: 40px;
    margin: 0 0 25px;
    padding: 0;
    background-size: contain;
}
@media screen and (max-width: 1199px){
    #contact-teaser .contact-teaser-content .phone {
        font-size: 32px;
        background-size: auto 80%;
        padding: 0 0 0 50px;
    }
    #contact-teaser .contact-teaser-content {
        padding: 20px 0px;
    }
}
@media screen and (max-width: 768px){
    #contact-teaser .contact-teaser-content .phone {
        color: #98b638;
        font-size: 26px;
        margin: 0 0 25px;
        background-size: auto 80%;
        padding: 0 0 0 45px;
    }
    #contact-teaser .contact-teaser-content {
        padding: 25px 5px;
    }
}
#contact-teaser .contact-teaser-content h2 {
    font-size: 21px;
    font-weight: 600;
    text-align: left;
    margin: 0 0 5px;
}
#contact-teaser .contact-teaser-content p {
    font-weight: 400;
    font-size: 19px;
}
#contact-teaser .contact-teaser-content .openinghours {
    width: 100%;
    font-size: 19px;
    margin-top: 30px;
}
#contact-teaser .contact-teaser-content .openinghours td {
    padding: 0 10px 5px 0;
}

header#masthead .merkliste-box {
    position: absolute;
    right: 200px;
    bottom: 18px;
    font-size: 20px;
}
header#masthead .merkliste-box a:hover {
    text-decoration: none;
    color: #98b638;
}
header#masthead .merkliste-box .count-box {
    display: inline-block;
    width: 36px;
    height: 32px;
    background: url("images/merk-ico.jpg") no-repeat center center;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    font-size: 16px;
    line-height: 16px;
    padding: 6px 0;
}
header#masthead .contact-box {
    position: absolute;
    right: 0;
    bottom: 20px;
}
@media screen and (max-width: 1050px){
    header#masthead .contact-box {
        display: none;
    }
    header#masthead .merkliste-box {
        right: 0px;
        font-size: 16px;
    }
}
header#masthead .contact-box span {
    color: #ffffff;
    font-size: 25px;
}
header#masthead .contact-box .hover-content {
    display: none;
    position: absolute;
    left: -25px;
    background: #e4e1d7;
    z-index: 10;
    padding: 20px 25px 10px 25px;
    width: 230px;
    font-size: 19px;
    font-weight: 300;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}
header#masthead .contact-box:hover .hover-content {
    display: block;
}
header#masthead .contact-box .hover-content strong {
    font-weight: 600;
}
header#masthead .contact-box .hover-content a {
    color: #98b638;
    font-weight: 600;
}

.reise-page .section,
.team-page .section {
    margin-bottom: 70px;
}
.reise-page .section h1, .reise-page .section h2,
.team-page h1, .team-page h2 {
    text-align: left;
    color: #98b638;
}
.reise-page .section.reiseverlauf h2:not(.title) {
    text-align: left;
    color: #4f555a;
    font-weight: bold;
    font-size: 24px;
}

.pic-gallery-grid {
    margin: 0 0 60px;
}
.pic-gallery-grid a {
        width: 25%;
        display: block;
        float: left;
        padding: 0 2px 4px;
}
@media (max-width: 700) {
    .pic-gallery-grid a {
        width: 50%;
    }
}
.pic-gallery-grid a img {
    width: 100%;
}
.pic-gallery-grid a:after {
    content: '';
    display: block;
    clear: both;
}

.reise-page .reiseart {
    color: #98b638;
}
.reise-page .shortdescription {
    color: #98b638;
}
.reise-page h1, .team-page h1  {
    padding-top: 10px;
    margin-bottom: 20px;
    font-weight: 400;
}
.reise-page .actions, .team-page .actions {
    margin-bottom: 25px;
}
.reise-page .actions .btn, .team-page .actions .btn {
    width: 100%;
    text-align: center;
    margin-bottom:6px;
}

.reise-page .teaserbox {
    background: #e4e1d7;
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 0;
  border-radius: 20px;
  border-top-right-radius: 0;
  padding: 60px 25px;
}
.reise-page .teaserbox h2 {
    margin-bottom: 25px;
}
.reise-page .teaserbox ul {
    list-style: none;
    font-size: 16px;
    font-weight: 300;
}
.reise-page .teaserbox ul li {
    background: none;
    float: none;
    width: auto;
    padding: 0 0 0 25px;
    margin: 0 0 12px;
    background: url("images/list-arrow.png") no-repeat left 5px;
}
.reise-page .teaserbox ul li ul {
    margin-top: 10px;
}

.container.reise-page,
.container.team-page {
    /*max-width: 1260px;*/
}
.reise-page .row-reisebegleiter {
    margin-bottom: 15px;
}

.reiseintro-sidebar h3 {
    font-family: "Permanent Marker";
    color: #98b638;
    font-size:26px;
}

#team-slider .item {
    position: relative;
}
#team-slider .item h3 {
    position: relative;
    font-size: 18px;
    text-align: center;
    padding: 10px;
}
#team-slider .owl-nav {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
}
#team-slider.owl-carousel .owl-nav .owl-prev {
    float: left;
    display: block;
    width: 36px;
    height: 61px;
    margin-left: -50px;
    margin-top: -30px;
    background: url("images/ico-prev-orange.png") no-repeat center center;
    opacity: 0.8;
}
#team-slider.owl-carousel .owl-nav .owl-next {
    float: right;
    display: block;
    width: 36px;
    height: 61px;
    margin-right: -50px;
    margin-top: -30px;
    background: url("images/ico-next-orange.png") no-repeat center center;
    opacity: 0.8;
}
#team-slider.owl-carousel .owl-nav .owl-prev:hover,
#team-slider.owl-carousel .owl-nav .owl-next:hover {
    opacity: 1;
}
#team-slider.owl-carousel .owl-stage-outer {
    z-index: 3;
}
#team-slider .owl-nav {
    z-index: 2;
}
#team-slider .owl-dots {
  margin-top: -25px;
  position: relative;
  z-index: 10;
}

#teamintro .teaserbox {
    background: #e4e1d7;
    padding: 50px 50px 50px 50px;
    font-size: 22px;
    line-height: 1.1;
}
#teamintro .teaserbox small {
    font-size: 16px;
}
@media screen and (min-width: 768px){
    #teamintro .teaserbox {
        margin-left: -360px;
        padding: 70px 50px 70px 360px;
        font-size: 34px;
    }
    #teamintro .teaserbox small {
        font-size: 20px;
    }
}

#team-slider-big .item {
    background: #e4e1d7;
    overflow: hidden;
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 0;
  border-radius: 20px;
  border-top-right-radius: 0;
}
#team-slider-big .item .content {
    padding: 25px;
    font-size: 20px;
}
#team-slider-big .item .content a,
#team-slider-big .item .content a:hover {
    color: #4f555a;
    text-decoration: none;
}

#team-slider-big {
    margin-top: 30px;
}
#team-slider-big .owl-nav {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
}
#team-slider-big.owl-carousel .owl-nav .owl-prev {
    float: left;
    display: block;
    width: 36px;
    height: 61px;
    margin-left: -50px;
    background: url("images/ico-prev-orange.png") no-repeat center center;
    opacity: 0.8;
}
#team-slider-big.owl-carousel .owl-nav .owl-next {
    float: right;
    display: block;
    width: 36px;
    height: 61px;
    margin-right: -50px;
    background: url("images/ico-next-orange.png") no-repeat center center;
    opacity: 0.8;
}
#team-slider-big.owl-carousel .owl-nav .owl-prev:hover,
#team-slider-big.owl-carousel .owl-nav .owl-next:hover {
    opacity: 1;
}
#team-slider-big.owl-carousel .owl-stage-outer {
    z-index: 3;
}
#team-slider-big .owl-nav {
    z-index: 2;
}

#box-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
}
#box-list .item {
    background: #e4e1d7;
    overflow: hidden;
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 0;
  border-radius: 20px;
  border-top-right-radius: 0;
  margin-bottom: 30px;
}

#box-list .item .content {
    padding: 25px;
    font-size: 20px;
}
#box-list .item .content a,
#box-list .item .content a:hover {
    color: #4f555a;
    text-decoration: none;
}

.team-page-intro {
    margin-bottom: 70px;
}
#primary .team-page-intro h3 {
    color: #98b638;
    margin: 0 0 15px;
    font-size: 20px;
    padding: 0;
}
#primary .team-page-intro h1 {
    color: #98b638;
    margin: 0 0 30px;
    padding: 0;
}

form.wpcf7-form input, form.wpcf7-form textarea {
    width: 100%;
    padding: 10px 12px;
}
form.wpcf7-form input[type="checkbox"]{
    width: 30px;
}

form.wpcf7-form label {
    display: block;
}
form.wpcf7-form .row {
    margin-bottom: 10px;
}
form.wpcf7-form .wpcf7-submit {
    width: auto;
  background: #98b638;
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
  padding: 12px 30px;
  border: 0;
}

.pic-gallery-slider {
    margin-bottom: 30px;
}
@media screen and (min-width: 1200px){
    .pic-gallery-slider {
        margin-left: -5%;
        width: 110%;
    }
}
.pic-gallery-slider.owl-carousel .owl-stage-outer {
    z-index: 3;
}
.pic-gallery-slider .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 2;
  margin-top: -20px;
}
.pic-gallery-slider.owl-carousel .owl-nav .owl-prev {
    float: left;
    display: block;
    width: 36px;
    height: 61px;
    margin-left: -50px;
    background: url("images/ico-prev-orange-small.png") no-repeat center center;
    opacity: 0.8;
}
.pic-gallery-slider.owl-carousel .owl-nav .owl-next {
    float: right;
    display: block;
    width: 36px;
    height: 61px;
    margin-right: -50px;
    background: url("images/ico-next-orange-small.png") no-repeat center center;
    opacity: 0.8;
}
.pic-gallery-slider.owl-carousel .owl-nav .owl-prev:hover,
.pic-gallery-slider.owl-carousel .owl-nav .owl-next:hover {
    opacity: 1;
}

.reiseverlauf-day {
    margin-bottom: 30px;
}
.reiseverlauf-day h3 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}

.reiseteilnehmer-container .form-group {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.mm-panels > .mm-panel > .mm-listview {
    margin: 0;
}
.mm-panels > .mm-panel {
    padding: 0;
}

label.error {
    color: #d9534f;
}
.credits {text-align:center;color:#98b638;font-size:12px;margin-top:30px;}
.credits a {color:#98b638}
#mc_embed_signup .mc-field-group {width:45%;clear:none;margin-right:5%;float:left;margin-top:15px;}
#mc_embed_signup .mc-field-group ul {height:28px;}
#mc_embed_signup .mc-field-group input {padding: 10px 12px;width:100%;}
#mc_embed_signup .mc-field-group ul li {display: inline;list-style:none;font-size:1em;background:none;}
#mc_embed_signup .mc-field-group strong {font-weight:300;}
#mc_embed_signup .mc-field-group input[type="radio"] {width:20px;}
#mc_embed_signup input.button {width: auto;background: #98b638;color: #fff !important;font-size: 16px;line-height: 1;-webkit-border-radius: 10px;-webkit-border-top-right-radius: 0;-moz-border-radius: 10px;-moz-border-radius-topright: 0;border-radius: 10px;border-top-right-radius: 0;padding: 12px 30px;border: 0;margin-top:36px;}
#contactwa {
    font-size: 50px;
    margin-right: 15px;
    color: #98b638;
    vertical-align: middle;
	margin-bottom:8px;
}
#headwa {font-size:30px;color:#fff;vertical-align:baseline;}
#footerwa, #footerfb, #footerinsta  {font-size:34px;color:#98b638;}