/*
 * Theme Name: Roulettes & Sac à dos 2017
 *
 * Theme CSS:
 *		0.1 Reset
 *    0.2 Helpers
 * -------------------------
 *		1. Titles
 *		2. Homepage
 *    3. Header banner
 *    4. Menu Bar
 *    5. Category: general
 *		6. Category: first post list
 *		7. Category: main content zone
 *		8. Sidebar
 *		9. Footer
 *		10. Custom Template: Handicap
 *		11. Custom Template: Themes & Countries
 *		12. Articles & Pages
 *		13. Comments
 *		14. Footer Social Bloc (single)
 *		15. YARRP
 *		16. Single Author bloc
 *		20. Retina Support
 */
/* 0.1 Reset */
body { color: #48443c; font-family: Georgia, serif; font-size: 1.5rem; color: #5a4741; }
ul { list-style: none; margin: 0; padding: 0; }
ul li { margin-bottom:3px; }
a, a:visited, .rs-la-header i { -o-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; color: #48443c; text-decoration: none;  }
a:hover { color: #529b87; }
h2.entry-title { margin: 5px 0; }
body p { line-height: 2.5rem; margin-top: 0; margin-bottom: 0.5em; }
.page-content, .entry-content, .entry-summary { margin: 0; }
html, body, .rs-homepage { height:100%; }
.rs2017-loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 1001;
}
.rs2017-loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fdf6d1;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.rs2017-loading-screen img {
	position: fixed;
	left: calc( 50% - 15px);
	top: calc( 50% - 30px);
}

    .rs2017-loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #a4c9c0;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    .rs2017-loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #5a4741;

        -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   {
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   {
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

/* 0.2 Helpers */
.extrabold { font-family: 'Dosis', sans-serif; font-weight:800; }
.green-text { color: #529b87; }
.green-bg { background-color: #529b87; }
.rs-centered-container { width: 90%; margin: 0 auto; max-width: 1075px; }
#ajax-load-more { width: 100%; }
a.rs-block-link { display: block; color: white; }
a.rs-block-link:visited { color: white; }
.page-template #content { background-color: #a4c9c0; }

/* 1. Titles */
h1 { font-family: 'Dosis', sans-serif; font-size: 2.7em; font-weight: 600; color: #529b87; letter-spacing: 1px; }

/* 2. Homepage */
#desktop-logo { display: block; }
#mobile-logo { display: none; }
.img-bg { position: absolute; z-index: -1; top: 0; max-height: 100vh; -o-transition: all 1.5s; transition: all 1.5s; -webkit-transition: all 1.5s; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.img-bg.active { opacity: 1; left: 0;  }
.rs-pane-right h1 { padding-left:100px; display:block; background-color: white; margin: 0; }
.rs-pane-right h1 img { max-width: 210px; }
.rs-divider { height:75px; background-color: white; }
.rs-home-menu { width: 200px; padding: 0; list-style: none; margin: 0; }
.rs-home-menu a { margin-left: -7px; outline: none; padding: 0; display: block; line-height: 0; margin-top: -2px; width: 205px; height: 51px; -webkit-transition: margin-left .3s; -o-transition: margin-left .3s; transition: margin-left .3s; }
.rs-home-menu a:hover { margin-left: -2px; }
.rs-home-menu a > img { margin-left:-15px; max-width: none; width:220px; position: relative; z-index: 1000; }
.rs-homepage { display: -webkit-box; display: -ms-flexbox; display: flex; }
.rs-homepage > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.rs-pane-left { max-width: 420px; min-width:400px; height: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.rs-pane-right { height:100%; }
#rs-home-img { height: auto; display: block; max-height: 100vh; width: auto; }
.flex-fill { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: white; margin-left: -1px; }
.rs-home-menu-pane { display: -webkit-box; display: -ms-flexbox; display: flex;  }
.rs-menu-before { width: 69px; background-color: white; }
.rs-menu-after { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display:block; background-color: white; margin-left: -4px; }
.rs-right-container { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height:100%; margin-left: -1px; }
.rs-home-footer { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: white; margin-top: -1px; position: relative;  }
.rs-menu-social { width:75px; background-color: white; }
.rs-menu-social ul { margin-top: 17px; }
.rs-menu-social li i.fa { font-size: 1.6em; }
.rs-menu-social li { margin-bottom: 0px; margin-top: -1px; }
.rs-home-img-container { position: relative; }
.rs-home-apropos, .rs-home-newsletter  { position: absolute; top: 105px; max-width: 100px; margin-left: 100px; }
.rs-home-newsletter { max-width:120px; top: 150px;  }
.container-horizontal { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.inner-container-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }
#rs-title { position: relative; }
#rs-title h1 { position: absolute; bottom: 23%; }
#rs-news { margin-left: -5px; }
#rs-news:hover { margin-left: 0px; }
.ui-dialog { position: absolute; width: 100%!important; height: 100vh!important; left:0!important; top: 0!important; z-index: 1000; }
.rs-la-container { background-color: #a5c8c1; margin: 0 auto; width: calc(100vw - 40px); height: calc( 100vh - 40px); overflow: scroll; }
.rs-la-wrapper { width: 90%; margin: 0 auto; }
#rs-last-articles { width: 100%!important; height: 100%!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; }
.rs-la-content .rs-la-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; }
.rs-la-header h2 { margin: 0; }
.rs-la-content article > a { display: block; }
.rs-la-content article { width: 32%; background-color: white; }
.rs-la-content article img { -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; -webkit-transition: all .3s; border: 0px solid white; width: 100%; }
.rs-la-content article:hover img { border: 12px solid white; }
.rs-la-content article .entry-header, .rs-la-content article .entry-content { padding:0 20px; }
.rs-la-content article .entry-header { text-align: center; padding-top: 15px; }
.rs-la-content article h2 { padding-top: 0; margin-top: 0; line-height: 2rem; }
.rs-la-content article .date-post { color: #a4c9c0; text-align: center; }
.rs-la-content article h2 a { text-decoration: none; text-transform: uppercase; font-size: 1.6rem; font-weight: 600; font-family: 'Dosis', sans-serif; color: #529b87; }
.rs-la-header { height: 170px; background-color: #c7ddd8; position: relative; }
.rs-la-header .rs-la-wrapper { height: 100%; background-image: url("../images/titre-rubrique.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-size: 610px 148px;position: relative; color: #529b87; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.rs-la-header h2 { margin: 0; padding-top: 20px; position: relative; font-family: 'Dosis', sans-serif; font-weight:600; font-size: 4rem; text-transform: uppercase; display: block; position: absolute; left: 0; right: 0; text-align: center; }
.rs-la-header i { position: absolute; right: 0; top: 25px; color:#ffb700; cursor: pointer; z-index: 10; }
a.rs2017-more-link { color: #529b87; font-family: 'Dosis', sans-serif; font-weight:600; }
a.rs2017-more-link:hover { color: #5a4741; }

/* 3. Header Banner */
.site-banner { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; margin-top: 50px; position: relative; }
.rs-logo { width: 340px; position: relative; margin: 0 30px; }
.rs-logo img { position: absolute; top: -30px; }
.site-banner .banner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; background-image: url('../images/feuillage-top.jpg'); position: relative; z-index: 5; }
.site-header { background-color: #fdf6d1; padding-bottom: 80px; }
.rs-feuillage-r, .rs-feuillage-l { position: absolute; top: -40px; z-index: 0; }
.rs-feuillage-r { right: 0; }
.rs-feuillage-l { left: 0; }
.nav-container { position: relative; }
.rs-topnav-feuillage-l, .rs-topnav-feuillage-r, .rs-topnav-oiseau-r { position: absolute; display: none; }
#site-navigation.scrolled-nav .rs-topnav-feuillage-l, #site-navigation.scrolled-nav .rs-topnav-feuillage-r, #site-navigation.scrolled-nav .rs-topnav-oiseau-r { display: block; }
#site-navigation.scrolled-nav { position: fixed; top: -5px; width: 100%;  z-index: 100; background-color: #a5c8c1; }
#site-navigation.scrolled-nav .nav-container { background-color: #fdf6d1; z-index: 10; }
.rs-topnav-oiseau-r { right: 17px; top: 9px; z-index: 15; width: 30px; height: 59px; }
.rs-topnav-feuillage-r { right: 0; top: 19px; z-index: 5; width:140px; height: 50px;}
.rs-topnav-feuillage-l { left: 0; top: 15px; z-index: 5; width:131.5px; height: 58px; }

/* 4. Menu Bar */
#menu-mobile { display: none; width: 100%; height: 32px; background-color: transparent; border: 0; border-bottom: 2px solid #ffb700; color: #529b87; font-size: 2rem; font-family: 'Dosis', sans-serif; font-weight:400; }
nav { font-size: 1rem; }
.main-navigation { height: 32px; float: none; position: relative; margin-top: 15px; }
.rs-search-bt { position: absolute; right: 0;  margin-top: 5px; cursor: pointer; top: 0; }
.rs-top-social li { margin-right: 5px; margin-top: 5px; }
.rs-top-social li:last-child { margin-right: 0; }
#rs2017-mainmenu { margin: 0 auto; width: 372px; font-family: 'Dosis', sans-serif; font-weight:600; font-size: 1.9em; letter-spacing: 0.03em; }
#rs2017-mainmenu li { margin-right: 15px; }
#rs2017-mainmenu li:last-child { margin-right: 0; }
#rs2017-mainmenu li a { color: #5a4741; }
#rs2017-mainmenu li a:hover { color: #529b87; }
.rs-search-active { display: none; background-color: white; height: 32px; width: 100%; top: 0; position: absolute; }
.rs-search-inner-active { position: relative; height: 100%; }
#bt-close-search { position: absolute; right: 0; margin-top: 5px; cursor: pointer; color: #529b87; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; -webkit-transition: all .3s; }
#bt-close-search:hover { color: #5a4741; }
.rs-form-search { float: right; color: #5a4741; font-family: 'Dosis', sans-serif; width: 400px; }
.rs-form-search form { display: inline-block!important;  width: 270px; }
.rs-form-search form input { border: 0; height: 32px; font-family: 'Dosis', sans-serif; color: #529b87!important; font-size: 1.6em; outline: none!important; }
.rs-form-search label { font-size: 1.6em; margin-left: 5px; display: inline-block; font-weight: 400; }
.rs-form-search i { margin-top: 5px; }
.typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite;	animation: blink 0.7s infinite; background-color: #529b87!important; }
@keyframes blink {
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink {
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
.scrolled-nav .rs-search-active:after { content: " "; height: 5px; background-color: #a5c8c1; position: absolute; width: 100%; }

/* 5. Category: general */
.category-header { height: 170px; background-color: #c7ddd8; position: relative; }
.category-header .cat-title { width: 50%; float: right; height: 100%; background-image: url("../images/titre-rubrique.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-size: 610px 148px;position: relative; }
.category-header h1 { margin: 0; font-size: 4rem; padding-top: 20px; text-transform: uppercase; display: block; position: absolute; left: 0; right: 0; text-align: center; }
.category-header .rs-centered-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.category-header .rs-col-50:first-child { width: 440px; }
.category-header .rs-col-50:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* 6. Category: first post list */
#first-post { height: auto; background-color: #a4c9c0; margin: 0; }
#first-post .rs-centered-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
#first-post .rs-col-50 { height: 100%; }
#first-post .rs-col-50:first-child { width: 440px; padding-right: 50px; }
#first-post .rs-col-50:first-child img { bottom: 110px; position: relative; }
#first-post .rs-col-50:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
#first-post .rs-col-50:nth-child(2) { padding:40px 40px 60px 60px; }
#first-post .entry-header { position: relative; }
#first-post .entry-header:before { content:" "; display:block; position: absolute; left: -30px; top: 4px; width:15px; height:73px; background-image: url("../images/titre-article.jpg"); background-repeat:no-repeat; }
#first-post .entry-title a { text-transform: uppercase; font-family: 'Dosis', sans-serif; color: #5a4741; text-decoration: none; font-weight: 600; font-size: 2rem; }
#first-post .entry-title a:hover { color: #14795d; }
#first-post .rs2017-more-link { text-decoration: none; font-weight: 400; font-size: 2rem; color: #14795d; font-family: 'Dosis', sans-serif; display: block; margin-top: 25px; }
#first-post:hover img { border: 12px solid white; }
#first-post img { border: 0px solid white; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; -webkit-transition: all .3s; }
#first-post .rs2017-more-link:hover { color: #48443c;  }

/* 7. Category: main content zone */
.rs-content { background-color: #a4c9c0; padding: 10px 0 0; margin-top: -80px; }
.tag .rs-content, .search .rs-content, .no-sticky .rs-content { margin-top: 0; padding-top: 80px; }
.rs-content .rs-centered-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
.rs-content .rs-content-sidebar { width: 33.33%; display: block; height: 100%; padding-left: 25px; }
.rs-content .rs-content-main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack:start; align-content:flex-start; }
.rs-content .rs-content-main article > a { display: block; }
.rs-content .rs-content-main article { width: calc(1/2*100% - (1 - 1/2)*25px); background-color: white; padding-bottom: 10px; }
.rs-content .rs-content-main article img, .rs-content-list article img, .page-handicap article img, #rs2017-posts-related ul li img { -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; -webkit-transition: all .3s; border: 0px solid white; width: 100%; }
.rs-content .rs-content-main article:hover img, .rs-content-list article:hover img, .page-handicap article:hover img, #rs2017-posts-related ul li:hover img { border: 12px solid white; }
.rs-content .rs-content-main article .entry-header, .rs-content .rs-content-main article .entry-content { padding:0 20px; }
.rs-content .rs-content-main article .entry-header { text-align: center; padding-top: 15px; }
.rs-content .rs-content-main article h2 { padding-top: 0; margin-top: 0; line-height: 2rem; margin-bottom: 8px; }
.rs-content .rs-content-main article .date-post { color: #a4c9c0; text-align: center; }
.rs-content .rs-content-main article h2 a { text-decoration: none; text-transform: uppercase; font-size: 1.6rem; font-weight: 600; font-family: 'Dosis', sans-serif; color: #529b87; }
.category .rs-content, .page-template-blog .rs-content { margin-top: 0; }
.rs-bt-more { cursor: pointer; line-height: 1.5; border: 0; max-width: 175px; max-height: 60px; background-color: #ffb700; border-radius:10px; padding: 8px 13px 8px 21px; color: white; font-family: 'Dosis', sans-serif; display: block; margin: 15px auto 35px; font-size: 1.8rem; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; }
.rs-bt-more:hover { color: white; background-color: #529b87; }
.rs-la-header i:hover  { color: #529b87; }
.rs-bt-more:visited { color: white; }
button#load-more { padding: 8px 13px 8px 16px;}

/* 8. Sidebar */
.widget-area .rs-instagram .instagram-pics { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.widget-area .rs-instagram .instagram-pics li { width:50%; margin-bottom: -5px; }
.widget-area .rs-instagram { position: relative; }
.widget-area .rs-instagram > p.clear > a { letter-spacing: 1px; text-decoration: none; display: block; width: 212px; position: absolute; background-color: #ffb700; color: white; font-family: 'Dosis', sans-serif; font-size: 2.2rem; font-weight: 400; text-align: center; padding: 20px 10px 21px; top: 50%; margin: 0 auto; left: 0; right: 0; margin-top: -47.5px; }
.widget-area .rs-instagram > p.clear > a:hover { color: white; }
.widget-area .rs-newsletter-register { position: relative; max-width: 100%; margin: 0 auto 1.5em; }
.widget-area .rs-newsletter-register .widget-title { position: absolute; color: white; font-family: 'Dosis', sans-serif; font-size: 2.8rem; font-weight: 400; padding: 0px 10px; width: 100%; text-align: center; line-height: 3rem; letter-spacing: 0.1rem; }
.widget-area .rs-newsletter-register form { position: absolute; bottom: 25px; font-family: 'Dosis', sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 20px; }
.widget-area .rs-newsletter-register form input[type="text"] { padding-left: 10px; padding-right: 10px; border-radius: 0; font-family: 'Dosis', sans-serif; font-size: 1.8rem; height: 40px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 0; color: #a4c9c0; }
.widget-area .rs-newsletter-register form input[placeholder], *[placeholder], ::-webkit-input-placeholder { color: #a4c9c0!important; }
.widget-area .rs-newsletter-register form input[type="submit"] { width: 50px; margin-left: 10px; border-radius: 0;  height: 40px; background-color: #ffb700; border: 0; padding: 0; color: white; font-weight: 600; font-family: 'Dosis', sans-serif; font-size: 1.8rem; }
.widget-area .rs-w-airbnb { padding: 15px; text-align: center; background-color: #ff585c; color: white; }
.widget-area .rs-w-airbnb img { margin: 0 auto; }
.widget-area .rs-w-airbnb h2 { font-family: 'Dosis', sans-serif; font-size: 2rem; font-weight: 400; letter-spacing: 0.1rem; }
.widget-area .rs-w-airbnb p { margin-bottom: 0; }

/* 9. Footer */
footer { height: 225px; background-image: url('../images/footer-bg.jpg'); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 20px; }
footer > * { margin: 0 auto; }
footer > a { /*margin-bottom: 5px; */font-size: 3.5rem; font-family: 'Dosis', sans-serif; }
footer > a .rs-bold { font-weight: 600; }
#rs2017-footermenu { font-family: 'Dosis', sans-serif; font-weight:400; font-size: 1.8rem; }
#rs2017-footermenu li { margin-right: 20px; display: inline-block; }
#rs2017-footermenu li:last-child { margin-right: 0; }
#rs2017-footermenu li a { color: #48443c; text-decoration: none; }
#rs2017-footermenu li a:hover { color: #529b87;}
footer .site-info { position: absolute; bottom: 10px; right: 0; left: 0; text-align: center; font-family: 'Dosis', sans-serif; font-size: 1.3rem; font-weight: 400; color: #48443c; }

/* 10. Custom Template: Handicap */
.handicap-header { height: 170px; background-color: #c7ddd8; position: relative; display:-webkit-box; display:-ms-flexbox; display:flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("../images/titre-rubrique.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-size: 610px 148px; }
.handicap-header h1 { margin: 0; font-size: 4rem; text-transform: uppercase; display: block; text-align: center; }
.page-handicap .rs-content .rs-centered-container { padding-top: 80px; display: block; max-width: 870px; }
.page-template-handicap #content { background-color: #a4c9c0; }
.page-handicap .rs-content { margin-top: 0px; }
.page-handicap .entry-header { position: relative; }
.page-handicap .entry-header:before { content:" "; display:block; position: absolute; left: -30px; top: 14px; width:15px; height:73px; background-image: url("../images/titre-article.jpg"); background-repeat:no-repeat; }
.page-handicap .entry-title a { text-transform: uppercase; font-family: 'Dosis', sans-serif; color: #529b87; text-decoration: none; font-weight: 600; font-size: 3.5rem; }
.page-handicap .entry-title a:hover, .page-handicap .rs-morelink:hover { color: #48443c; }
.page-handicap .rs-morelink { text-decoration: none; font-weight: 400; font-size: 2rem; color: #529b87; font-family: 'Dosis', sans-serif; }
.page-handicap .entry-title { margin-top: -14px; }
.page-handicap article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 65px; }
.page-handicap article a { width: 300px; }
.page-handicap .rs-cathandi-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 65px; }

/* 11. Custom Template: Themes & Countries */
.themespays-header { height: 170px; background-color: #c7ddd8; position: relative; display:-webkit-box; display:-ms-flexbox; display:flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("../images/titre-rubrique.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-size: 610px 148px; }
.themespays-header h1 { margin: 0; font-size: 4rem; text-transform: uppercase; display: block; text-align: center; padding-top: 20px; }
.page-themespays .rs-content { margin-top: 0px; }
.cat-nav i { font-size: 0.5rem; color: #5b4842; line-height: 2rem; display: inline-block; padding: 0 5px; vertical-align: middle; margin-top: -5px;}
.cat-nav { text-align: center; text-transform: uppercase; margin: 0 auto; }
.cat-nav span { color: #5b4842; font-family: 'Dosis', sans-serif; font-size: 2rem; font-weight: 600; margin-right: 5px; display: inline-block;  }
.cat-nav a { color: #5fa18f; font-family: 'Dosis', sans-serif; font-size: 2rem; font-weight: 600; text-decoration: none; }
.cat-nav a:hover { color: #48443c; }
.rs-content .cat-nav { margin-bottom: 80px; }
.rs-content .cat-nav span, .rs-content .cat-nav a { font-size: 3rem; }
.rs-content .cat-nav i { font-size: 0.7rem; margin-top: -1.3rem; }
.rs-content-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.rs-content-list article { width:32%; position: relative; margin-bottom: 25px; }
.rs-content-list article h2 { position: absolute; top: 25%; margin: 0 auto; padding: 0 15px; left: 0; right: 0; text-align: center; line-height: 2.7rem; }
.rs-content-list article h2 a { color: white; text-transform: uppercase; text-decoration: none; font-family: 'Dosis', sans-serif; font-size: 3.5rem; font-weight: 600; }
#rs-themes-content, #rs-countries-content { margin: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#rs-themes-content { display: none; }

/* 12. Articles & Pages */
embed, iframe, object { margin-top: 15px; margin-bottom: 15px; }
.rs2017-inner-container, .rs2017-post-content > p, .et_pb_text_inner > p, .rs2017-excerpt > p, #post-intro, .rs2017-post-content > h1, .rs2017-post-content > h2, .rs2017-post-content > h3, .rs2017-post-content > h4, .rs2017-post-content > h5,.et_pb_text_inner > h1, .et_pb_text_inner > h2, .et_pb_text_inner > h3, .et_pb_text_inner > h4, .et_pb_text_inner > h5 {  clear: none; width: 80%; max-width: 650px; margin: 0 auto; }
.rs2017-post-content > h1, .rs2017-post-content > h2, .rs2017-post-content > h3, .rs2017-post-content > h4, .rs2017-post-content > h5,
.et_pb_text_inner > h1, .et_pb_text_inner > h2, .et_pb_text_inner > h3, .et_pb_text_inner > h4, .et_pb_text_inner > h5 { margin: 0 auto 15px!important; position: relative; font-family: 'Dosis', sans-serif; font-weight: 600!important; padding-top: 40px!important; }
.rs2017-post-content > h3, .rs2017-post-content > h4, .rs2017-post-content > h5,
.et_pb_text_inner > h3, .et_pb_text_inner > h4, .et_pb_text_inner > h5 { font-weight: 400; }
.rs2017-post-content > h3, .et_pb_text_inner > h3 { font-size: 2.3rem; padding-top: 60px; }
.rs2017-post-content > h4, .rs2017-post-content > h5, .et_pb_text_inner > h4, .et_pb_text_inner > h5 { font-size: 1.6rem; text-transform: uppercase; padding-top: 35px; }
.rs2017-post-content > p, .et_pb_text_inner > p { margin-bottom: 15px; }
.rs2017-post-content > h1:before, .rs2017-post-content > h2:before { content:" "; display:block; position: absolute; left: -30px; top: 48px; width:15px; height:40px; background-image: url("../images/titre-article.jpg"); background-repeat:no-repeat; }
.rs2017-outer-container { width: 80%; max-width: 900px; margin: 0 auto; }
.single main header, main.page-base-template header, .tag main > header, .category main > header, .search main > header, main.no-sticky > header { height: 170px; background-color: #c7ddd8; position: relative; display:-webkit-box; display:-ms-flexbox; display:flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url("../images/titre-rubrique.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-size: 700px 170px; }
.single main header h1, main.page-base-template header h1, .tag main > header h1, .category main > header h1, .search main > header h1, main.no-sticky > header h1 { padding-top: 20px; margin: 0; font-size: 3.6rem; font-weight: 600; text-transform: uppercase; display: block; text-align: center; max-width: 690px; margin: 0 auto; line-height: 4.5rem; }
.single main header .post-info { text-align: center; color: #529b87; width: 100%; display: block; margin-top: 10px; }
.single main header .post-info a { color: #529b87; text-transform: capitalize; }
.single main header .post-info i { font-size: 0.5rem; color: #529b87; line-height: 2rem; display: inline-block; padding: 0 15px; vertical-align: middle; margin-top: 0px;}
.single main > .rs-centered-container, .page main > .rs-centered-container  { margin-top: 50px; margin-bottom: 80px; position: relative; }
.rs2017-excerpt, #post-intro { font-style: italic; font-size: 1.8rem; margin-bottom: 25px; }
.post-details { position: absolute; left: 0; top: 0; width: 150px; }
.header-author { border-top: 1px solid #c7ddd8; border-bottom: 1px solid #c7ddd8; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header-author img { width: 48px; height: 48px; border-radius: 50%; }
.header-author .header-author-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 10px; color: #529b87; font-size: 1.3rem; }
.header-author .header-author-info a { color: #529b87; }
.header-location { border-bottom: 1px solid #c7ddd8; padding: 15px 0; text-align: center; font-family: 'Dosis', sans-serif; font-size: 2rem; font-weight: 600; text-transform: uppercase; color: #529b87; }
.header-location i { margin-right: 10px; }
.header-tags { text-align: center; }
.header-tags h4 { margin-bottom: 10px; margin-top: 15px; color: #529b87; font-weight: bold; text-align: center; font-size: 1.3rem; }
.header-tags a { -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; -webkit-transition: all .3s; display: inline-block; font-size: 1.3rem; padding: 3px 10px 3px 11px; color: #529b87; border: 2px solid #c7ddd8; margin-right: 5px; text-align: center; margin-bottom: 5px; }
.header-tags a:hover { background-color: #c7ddd8; }
.rs2017-post-content img { margin-top: 10px; }
.rs2017-post-content img.aligncenter { margin: 30px auto; }
.rs2017-post-content img.alignleft { margin-top: 10px; margin-left: -125px; }
.rs2017-post-content img.alignright { margin-right: -125px; margin-top: 10px; }
.rs2017-post-content .photos-multiples { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; }
.rs2017-post-content .photos-multiples img { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; }
.rs2017-post-content .photos-multiples img:first-child:nth-last-child(2), .rs2017-post-content .photos-multiples img:first-child:nth-last-child(2) ~ img { max-width: 49.5%; margin-right: 1%; }
.rs2017-post-content .photos-multiples img:first-child:nth-last-child(3), .rs2017-post-content .photos-multiples img:first-child:nth-last-child(3) ~ img { max-width: 32.5%; margin-right: 1.25%; }
.rs2017-post-content .photos-multiples img:first-child:nth-last-child(4), .rs2017-post-content .photos-multiples img:first-child:nth-last-child(4) ~ img { max-width: 24%; margin-right: 1.33%;  }
.rs2017-post-content .photos-multiples img:last-child { margin-right: 0!important; }
.rs2017-post-content img { margin-bottom: 10px; }
.rs2017-post-content .wp-caption > img { margin-bottom: 0; }
.rs2017-post-content .wp-caption figcaption, .rs-caption > span, .rs-caption > p > span { display: block; text-align: center; width: 80%; border-bottom: 1px solid #cdc5c3; color: #9c8c87; padding: 10px 0; margin: 0 auto; font-size: 1.2rem; }
.rs-caption { margin-bottom: 1.5em; }
.rs2017-post-content > .rs2017-content-custombloc h2:before { content:none; }
.rs2017-post-content > .rs2017-content-custombloc h2 { margin-top: 0; font-family: 'Dosis', sans-serif; font-weight: 600; font-size: 1.5em; }
.rs2017-content-custombloc { width: 90%; max-width: 930px; margin: 30px auto; padding: 20px 20px 20px 60px; background-image: url("../images/feuillage-box.jpg"); background-repeat: repeat-y; background-position: 0px; background-color: #fef9e1; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.single main header .post-info a:hover { color: #5a4741; }
.rs2017-post-content small { color: #a59e9c; font-style: italic; font-size: 1.2rem; }
.rs2017-post-content p > a { color: #529b87; border-bottom: 1px solid #c7ddd8; }
.rs2017-post-content p > a:hover { color: #5b4942; border-bottom: 1px solid #5b4942; }
/* 13. Comments */
#comments > h2, .rs2017-comments-link a { font-family: 'Dosis', sans-serif; font-size: 3rem; font-weight: 600; color: #529b87; margin-left: -42px; margin-bottom: 0; line-height: 3.5rem; }
#comments > h2 i, .rs2017-comments-link i { margin-right: 10px; }
.rs2017-comments-link { text-align: center; margin: 30px 0; margin-left: 30px; }
.rs2017-comments-link a:hover { color: #48443c; }
#comments > .comments-count { color: #48443c; font-family: 'Dosis', sans-serif; font-size: 1.8rem; font-weight: 600; }
#respond { margin-top: 30px; }
#respond h3 { color: #48443c; font-family: 'Dosis', sans-serif; font-size: 1.8rem; font-weight: 600;  }
#respond label { display: block; color: #58544d; font-family: 'Dosis', sans-serif; font-size: 1.5rem; }
#respond input, #respond textarea { background-color: #fefbed; border: 0; border-bottom: 1px solid #ffc331; height: 30px; font-size: 1.5rem; outline: none!important; width: 100%; border-radius: 0; }
#respond input { padding: 0 10px; }
#commentform p { margin-bottom: 1.5em; }
#respond textarea { height: 150px; padding: 15px; }
.comment-form-author { width: 50%; padding-right: 15px; }
.comment-form-email { float: left; width:50%; padding-right: 15px; }
.comment-form-url { float: right; width:50%; padding-left: 15px; }
#respond #submit { -o-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; width: 200px; background-color: #ffc331; border: 0; border-radius: 0; color: white; font-family: 'Dosis', sans-serif; font-size: 1.8rem; font-weight: 600; padding: 5px 5px 6px 5px; }
#respond #submit:hover { background-color: #529b87;}
.comment-reply-link { -o-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; width: 100px; background-color: #ffc331; border: 0; border-radius: 0; color: white; font-family: 'Dosis', sans-serif; font-size: 1.6rem; font-weight: 600; padding: 4px 20px 5px 20px; color: white!important; }
.comment-reply-link:hover { background-color: #529b87; }
#respond .form-submit { text-align: right; }
.comment-list { margin: 40px 0 0; padding: 0; list-style: none; }
.comment-list ol { list-style: none; }
.comment-list li p { margin: 15px 0; }
.comment-list li { margin-bottom: 10px; position: relative; }
.comment-list span.comment-author { color: #48443c; font-family: 'Dosis', sans-serif; }
.comment-list span.comment-date { font-size:1.2rem; }
.comment-list .comment-author { font-weight: 600; margin-right: 20px; font-size: 1.8rem; }
.comment-list ol.children { margin-top: 40px; padding-left: 15px; }
.comment-list ol.children .comment-author:before { content:" "; display:block; position: absolute; left: -25px; top: -28px; width: 10px; height:50px; background-color: #f2f0f0; }

/* 14. Footer Social Bloc (single) */
#rs2017-footer-social { margin: 0 auto 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.social-links { text-align: center; width: 250px; }
.social-links h3 { color: #68a897; font-family: 'Dosis', sans-serif; font-size: 2rem; font-weight: 400; margin-bottom: 10px; margin-top: 0; }
.social-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 240px; margin: 0 auto; }
.social-links ul i { font-size: 3.5rem; }
.newsletters-register { position: relative; }
.newsletters-register img { height: 150px; }
.newsletters-register .widget-title { max-width: 270px; position: absolute; color: white; font-family: 'Dosis', sans-serif; font-size: 2.2rem; font-weight: 400; padding: 0px 10px; width: 100%; text-align: center; line-height: 3rem; letter-spacing: 0.1rem; }
.newsletters-register form { max-width: 270px; position: absolute; bottom: 25px; font-family: 'Dosis', sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 20px; }
.newsletters-register form input[type="text"] { padding-left: 10px; padding-right: 10px; border-radius: 0; font-family: 'Dosis', sans-serif; font-size: 1.8rem; height: 40px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 0; color: #a4c9c0; }
.newsletters-register form input[type="submit"] { width: 50px; margin-left: 10px; border-radius: 0;  height: 40px; background-color: #ffb700; border: 0; padding: 0; color: white; font-weight: 600; font-family: 'Dosis', sans-serif; font-size: 1.8rem; }
.newsletters-register form input[placeholder], *[placeholder], ::-webkit-input-placeholder { color: #a4c9c0!important; }
.fb-links { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.inner-fb-links { display: -webkit-box; display: -ms-flexbox; display: flex; width: 255px; margin: 0 auto; -ms-flex-line-pack: center; align-content: center; }
.inner-fb-links img { height: 100px; width: 100px; margin-right: 15px;  }
.inner-fb-links > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; color: #68a897; font-family: 'Dosis', sans-serif; font-size: 1.7rem; font-weight: 400; }

/* 15. YARRP */
main .yarpp-related { margin: 0 0 60px; overflow: hidden; height: auto; background-color: #fefbed; text-align: center;  }
#rs2017-posts-related h3 { color: #48443c; text-align: center; margin: 15px 0; font-family: 'Dosis', sans-serif; font-size: 2.3rem; font-weight: 600; text-transform: none; }
#rs2017-posts-related ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#rs2017-posts-related ul li { width: 23%; }
#rs2017-posts-related h4 { margin: 5px 6px 20px; color: #529b87; font-size: 1.4rem; font-family: 'Dosis', sans-serif; font-weight: 400; text-transform: uppercase; }

/* 16. Single Author bloc */
#rs2017-author-bloc .rs2017-inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
#rs2017-author-bloc .rs2017-inner-container > a  { width: 128px; height: 128px;  margin-right: 15px; margin-left: -143px; }
#rs2017-author-bloc .rs2017-inner-container > a > img {border-radius: 50%;}
#rs2017-author-bloc .rs2017-inner-container > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
#rs2017-author-bloc .rs2017-inner-container > div > a { color: #529b87; font-size: 1.8rem; font-family: 'Dosis', sans-serif; font-weight: 600; }
#rs2017-author-bloc .rs2017-inner-container > div > a:hover { }
#rs2017-author-bloc .rs2017-inner-container > div > a h4 { margin: 0 0 10px; }
.header-author-info a:hover, #rs2017-author-bloc .rs2017-inner-container > div > a:hover { color: #5a4741; }

/* 17. FAQ */
.faqwd_conteiner { width: 90%; max-width: 740px; margin: 40px auto; }
.faqwd_expand_collapse > span { color: #529b87; font-size: 1.6rem; font-family: 'Dosis', sans-serif; font-weight: 400; text-transform: lowercase; }
.faqwd_quest_numbering { display: none; }
.faqwd_question_title_container { border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fdf6d1; font-family: 'Dosis', sans-serif; font-weight: 600; font-size: 2rem;}
.faqwd_question_li { margin-bottom: 20px; padding-bottom: 1px; background-image: url("../images/feuillage-box.jpg"); background-repeat: repeat-y; background-position: 0px; }
.faqwd_question_title_container { margin-left: 27px; padding: 4px; }
.faqwd_post_title { line-height: 1.4rem!important; }
.opened { color: #5a4741!important; background-color: #fdf6d1 !important; }
.faqwd_question_title_container:hover { color: #5a4741!important; background: #fdf6d1 !important;}
.faqwd_question_title_container:hover span { color: #5a4741!important; }
.opened .faqwd_question_title span, .faqwd_question_content { color: #5a4741!important; }
.faqwd_question_title_container .faqwd_question_title { color: #5a4741!important;  }
.faqwd_question_content { margin: 15px 15px 15px 45px; }
.faqwd_question_title_container .before20 .arr, .opened .before20 .arr { display: none; }
.before20 {position:relative; height: 25px; width: 40px; margin-top: 0; -o-transition: all .3s; transition: all .3s; -webkit-transition: all .3s;}
.before20:hover:before { color: #529b87!important; }
.before20:before { content: "\f0ab"; position: absolute; top: -6px; right: 3px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;  color: #5a4741; font-size: 25px; -o-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; }
.opened .before20:before { content: "\f0aa"; }

/* 18. Contact */
.wpcf7-form label { display: block; color: #58544d; font-family: 'Dosis', sans-serif; font-size: 1.5rem; }
.wpcf7-form input, .wpcf7-form textarea { background-color: #fefbed; border: 0; border-bottom: 1px solid #ffc331; height: 30px; font-size: 1.5rem; outline: none!important; width: 100%; border-radius: 0; }
.wpcf7-form textarea { min-height: 200px; }
.wpcf7-form input[type=submit] { float: right; margin-top: 30px; -o-transition: all .3s; transition: all .3s; -webkit-transition: all .3s; width: 200px; background-color: #ffc331; border: 0; border-radius: 0; color: white; font-family: 'Dosis', sans-serif; font-size: 1.8rem; font-weight: 600; padding: 5px 5px 6px 5px; }
.wpcf7-form input[type=submit]:hover { background-color: #529b87;}

/* 20. Retina Support */
@media all and (-webkit-min-device-pixel-ratio : 1.5) {
	.site-banner .banner { background-image: url('../images/feuillage-top@2x.jpg');  background-size: 399px 45px; }
	.category-header .cat-title, .rs-la-header .rs-la-wrapper { background-image: url("../images/titre-rubrique@2x.jpg");  }
	#first-post .entry-header:before { background-image: url("../images/titre-article@2x.jpg"); background-size: 15px; }
	footer { background-image: url('../images/footer-bg@2x.jpg'); background-size: 400px 225px; }
	.handicap-header { background-image: url("../images/titre-rubrique@2x.jpg"); }
	.page-handicap .entry-header:before { background-image: url("../images/titre-article@2x.jpg"); background-size: 15px; }
	.themespays-header { background-image: url("../images/titre-rubrique@2x.jpg"); }
	.single main header, main.page-base-template header, .tag main > header, .category main > header, .search main > header, main.no-sticky > header { background-image: url("../images/titre-rubrique@2x.jpg"); }
	.rs2017-content-custombloc, .faqwd_question_li { background-image: url("../images/feuillage-box@2x.jpg"); background-size: 27px 408px; }
	.rs2017-post-content > h1:before, .rs2017-post-content > h2:before, .rs2017-post-content > h3:before, .rs2017-post-content > h4:before, .rs2017-post-content > h5:before { background-image: url("../images/titre-article@2x.jpg"); background-size: 15px; }
}
