/*
 Theme Name:   Catalunya 2017
 Theme URI:    catalunya.com // http://pommier2/wordpress_catalunya_2017/
 Description:  Thème basé sur le thème Twenty Sixteen
 Author:       Bayard Service
 Author URI:   http://example.com
 Template:     twentysixteen
 Version:      2.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  catalunya
*/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FONT FACE
*/
/*------------------------------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');

@font-face {
	font-family: 'fontawesome';
	src: url('./typos/fontawesome-webfont.eot');
	src: url('./typos/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('./typos/fontawesome-webfont.woff2') format('woff2'),
		url('./typos/fontawesome-webfont.woff') format('woff'),
		url('./typos/fontawesome-webfont.ttf') format('truetype'),
		url('./typos/fontawesome-webfont.svg#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
}

@font-face {
	font-family: 'faith';
	src: url('./typos/faith_and_glory_one-webfont.eot');
	src: url('./typos/faith_and_glory_one-webfont.eot?#iefix') format('embedded-opentype'),
		url('./typos/faith_and_glory_one-webfont.woff2') format('woff2'),
		url('./typos/faith_and_glory_one-webfont.woff') format('woff'),
		url('./typos/faith_and_glory_one-webfont.ttf') format('truetype'),
		url('./typos/faith_and_glory_one-webfont.svg#faith') format('svg');
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
}

@font-face {
	font-family: "handlee";
	src: url('./typos/handlee-regular-webfont.eot');
	src: url('./typos/handlee-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('./typos/handlee-regular-webfont.woff2') format('woff2'),
		url('./typos/handlee-regular-webfont.woff') format('woff'),
		url('./typos/handlee-regular-webfont.ttf') format('truetype'),
		url('./typos/handlee-regular-webfont.svg#handlee') format('svg');
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 62.5%;
	/*ensuite 1em=10px en taille normale*/
	color: #444444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	border: none;
	font-weight: normal;
	letter-spacing: normal;
	font-family: "Open Sans Condensed";
}

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: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-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: #f29c24;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #f29c24;
}

input,
textarea {
	font-family: 'Open Sans', sans-serif;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background-color: #fff;
}



/*------------------------------------------------------------------------------------------------------------
	== STYLE GUTTENBERG
------------------------------------------------------------------------------------------------------------*/
.wp-block-columns {
	justify-content: space-between;
}
.wp-block-buttons.aligncenter {
	text-align: center!important;
}
.button-outiline a {
	margin: -10px 0 40px!important;
	padding: 10px 20px!important;
    background: #fff;
	border: 2px solid #f29c24!important;
	border-radius: 5px!important;
	color: #f29c24 !important;
}

/*------------------------------------------------------------------------------------------------------------
	== STYLE DU THEME PARENT
------------------------------------------------------------------------------------------------------------*/
body:not(.custom-background-image)::before,
body:not(.custom-background-image)::after {
	height: auto;
	display: none;
}

#page {
	margin: 0;
	background: none;
}

.logged-in #page {
	margin: 32px 0 0;
}

.site-inner {
	max-width: none;
}

.widget {
	padding: 0;
	border: none;
	font-size: 1em;
	line-height: 1;
}

.entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: inherit;
	font-weight: inherit;
}

#cboxLoadedContent {
	background: #000 !important;
}

.logged-in #page {
	margin-top: 0;
}

.site-header {
	padding: 0;
}

.site-content {
	padding: 0;
}

.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .entry-footer,
.no-sidebar .comments-area,
.no-sidebar .image-navigation,
.no-sidebar .post-navigation,
.no-sidebar .pagination,
.no-sidebar .page-header,
.no-sidebar .page-content,
.no-sidebar .content-bottom-widgets {
	margin: 0;
}

#content #et_builder_outer_content .et_pb_row.et_pb_row_fullwidth,
#content #et_builder_outer_content .et_pb_specialty_fullwidth>.et_pb_row,
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
	max-width: none !important;
	width: 100% !important;
	float: none;
	margin: 0;
}

.et_divi_builder #content #et_builder_outer_content .et_pb_row,
#content-bottom-widgets>div,
#content .comments-area {
	max-width: 1280px;
	margin: auto;
	width: 100%;
	float: none;
}

.site-main {
	margin-bottom: 0;
	overflow: hidden;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffdf0f+15,f29c24+25,fdb756+100 */
	background: rgb(255, 223, 15);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(255, 223, 15, 1) 15%, rgba(242, 156, 36, 1) 25%, rgba(253, 183, 86, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 223, 15, 1) 15%, rgba(242, 156, 36, 1) 25%, rgba(253, 183, 86, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 223, 15, 1) 15%, rgba(242, 156, 36, 1) 25%, rgba(253, 183, 86, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf0f', endColorstr='#fdb756', GradientType=1);
	/* IE6-9 */

	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.logged-in .site-header {
	top: 32px;
}

.site-header .site-header-main {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: stretch;
	margin: auto;
	max-width: 1280px;
	overflow: initial;
}

/*
	LOGO ET TITRE
*/
.site-header .site-branding {
	margin: 15px 0;
}

.site-header .site-branding>* {}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
	color: #000;
	text-decoration: none;
}

.site-header .site-branding .custom-logo-link {
	display: inline-block;
	/*position: absolute;
	top: 3px;
	left: 10px;
	margin: 0;
	z-index: 9;*/
}

.site-header .site-branding .site-title {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: middle;
	text-transform: uppercase;
	font-family: "Open Sans Condensed";
	font-size: 3.5em;
}

/*
	SIDEBAR
*/
.site-header #top {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: auto;
}

.site-header #top section {
	text-align: center;
}
.site-header #top .widget_search {
	margin: 0 0 20px 0;
	text-align: left;
}
.site-header #top .widget_search input[type="search"].search-field {
	width: 100%;
}
.site-header #top .widget_search .search-submit {
	margin-top:0!important;
}
@media only screen and (min-width: 700px) {
	.site-header #top .widget_search {
		display: none;
	}
}
.site-header #top section h2 {
	display: none;
}

.site-header #top section .burger::before {
	content: '';
	margin: 0 5px 0 0;
	font-family: fontawesome;
	font-size: 1em;
}

.site-header #top section .burger {
	display: none;
	padding: 7px 10px 6px;
	background: #fff;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	color: #f29c24;
	font-family: "Open Sans Condensed";
	font-size: 1.5em;
	text-transform: uppercase;
}

.site-header #top section .burger:hover,
.site-header #top section .burger:focus {
	color: #000;
}

.site-header #top section .espace-pro {
	display: inline-block;
	padding: 7px 10px 6px;
	background: #fff;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	color: #f29c24;
	font-family: "Open Sans Condensed";
	font-size: 1.5em;
	text-transform: uppercase;
}

.site-header #top section .espace-pro:hover,
.site-header #top section .espace-pro:focus {
	color: #000;
}

.site-header #top section .meteo-plage {
	display: inline-block;
	padding: 5px 10px;
	background: #fff;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	color: #f29c24;
	font-family: "Open Sans Condensed";
	font-size: 1.5em;
	text-transform: uppercase;
}

.site-header #top section .meteo-plage::before {
	content: '';
	margin: 0 5px 0 0;
	font-family: fontawesome;
	font-size: 1.2em;
}

.site-header #top section .meteo-plage:hover,
.site-header #top section .meteo-plage:focus {
	color: #000;
}

.site-header #top section p+p {
	margin: 10px 0 0;
	color: #fff;
	font-family: "Open Sans Condensed";
	font-size: 1.8em;
	text-transform: uppercase;
}

.site-header #top section p+p a::before {
	display: inline-block;
	margin: 0 0 0 5px;
	font-family: fontawesome;
	font-size: 1.2em;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.site-header #top section p a:hover::before,
.site-header #top section p a:focus::before {
	color: #000 !important;
}

.site-header #top section p a.facebook::before {
	content: '';
}

.site-header #top section p a.twitter::before {
	content: '';
}

.site-header #top section p a.youtube::before {
	content: '';
}

.site-header #top section p a.instagram::before {
	content: '';
}

.site-header #top section p a.bonsplans {
	color: #000;
}

.site-header #top section p a.bonsplans:before {
	content: '\f0a9';
	margin-right: 10px;
	color: #000;
}



.site-header #top section p a span {
	position: absolute;
	top: -50000px;
}

/*------------------------------------------------------------------------------------------------------------
	== MENU
------------------------------------------------------------------------------------------------------------*/
#site-header-menu {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff;
	text-align: center;

	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

#site-header-menu nav {
	margin: auto;
	max-width: 1280px;
	font-family: "Open Sans Condensed";
}

#site-header-menu nav #mega-menu-wrap-primary {
	position: static;
	background: #fff;
}

#mega-menu-wrap-primary #mega-menu-primary p {
	margin-right: 20px;
}

#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary,
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
	position: static;
}

#site-header-menu nav #mega-menu-wrap-primary>ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#site-header-menu nav #mega-menu-wrap-primary>ul>li,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
	flex: 1;
	padding: 10px 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#site-header-menu nav #mega-menu-wrap-primary>ul>li:last-child {
	flex: 0;
}

#site-header-menu nav #mega-menu-wrap-primary>ul>li:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100*/
	background: rgba(229, 229, 229);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
	cursor: pointer;
}

#site-header-menu nav #mega-menu-wrap-primary>ul>li>a,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
	display: block;
	padding: 5px 0 0;
	height: auto;
	background: none!important;
	border-left: 1px solid #989898!important;
	text-transform: uppercase;
	font-family: "Open Sans Condensed";
	color: #989898!important;
	font-size: 1.4em;
	text-align: center;
	line-height: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#site-header-menu nav #mega-menu-wrap-primary>ul>li:hover>a,
#site-header-menu nav #mega-menu-wrap-primary>ul>li>a:hover,
#site-header-menu nav #mega-menu-wrap-primary>ul>li>a:focus,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:hover>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
	background: none;
	border-left: 1px solid #989898;
	color: #000;
	text-decoration: none;
}

#site-header-menu nav #mega-menu-wrap-primary ul li a.dashicons-search::before {
	content: '';
	float: none !important;
	margin: 0 40px !important;
	font-family: fontawesome !important;
}


/*
	SOUS MENU
*/
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu {
	margin: 10px 0 0;
	padding: 30px 100px;
	background: #fff;
	border-top: 5px solid #f2f2f2;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item#mega-menu-item-40>ul.mega-sub-menu {
	/*visibility: visible;*/
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item {
	padding: 0 20px 0 0;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
	margin: 20px 0 0;
	padding: 0;
	color: #f29c24;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: normal;
	line-height: 1;
}

/*

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item .textwidget strong a{
	margin:20px 0 0;
	padding:0;
	color: #f29c24;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: normal;
	line-height:1;
}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-text-11 h4,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-text-12 h4,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-text-13 h4,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-text-14 h4,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-text-15 h4,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-text-16 h4{
	display:none;
}

*/


#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title a:first-child {
	/*display: none;*/
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title a {
	padding: 0;
	color: #f29c24;
	text-transform: uppercase;
	font-family: "Open Sans Condensed";
	font-weight: normal;
	font-size: 1em;
	line-height: 1;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li a {
	padding: 0;
	width: auto;
	font-family: "Open Sans";
	font-size: 1.1em;
	color: #444;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li a:hover {
	color: #f29c24;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li ul li {
	list-style: square;
	margin-left: 15px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li ul#menu-la-catalogne li,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li ul#menu-pratique-que-faire li,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li ul#menu-pratique-encadre li {
	list-style: none;

}



#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li a img {
	max-width: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li ul,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li:hover ul {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	border: none;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu li ul li {
	border: none;
}

/*rss*/
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .widget_rss ul {
	/*margin:0 0 0 20px;*/
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .widget_rss ul li {
	list-style-type: disc;
}

/*menu*/
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li {
	background: none;
	border: none;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-columns-3-of-6 {
	width: 60%;
}




#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li {
	margin: 0 0 0 3%;
	width: 15%;
	text-align: center;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li:nth-child(5n+1) {
	margin-left: 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li a {
	display: block;
	padding: 80px 0 0;
	height: 100%;
	background-size: cover;
	font-family: "Open Sans Condensed";
	font-size: 1.7em;
	text-transform: uppercase;
	line-height: 1;
	color: #fff;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.catalogne a {
	background: url("images/destinations/catalogne.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.barcelone a {
	background: url("images/destinations/barcelona.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.paisatges-barcelona a {
	background: url("images/destinations/paisatge-barcelona.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.costa-brava a {
	background: url("images/destinations/costa-brava.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.costa-barcelona a {
	background: url("images/destinations/costa-barcelona.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.costa-daurada a {
	background: url("images/destinations/costa-daurada.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.pirineus a {
	background: url("images/destinations/pirineus.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.terres-de-l-ebre a {
	background: url("images/destinations/terre-elbre.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.terres-de-lleida a {
	background: url("images/destinations/terre-lleida.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li.val-d-aran a {
	background: url("images/destinations/val-aran.jpg") 0 0 no-repeat;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li a::before {
	display: none;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li a::after {
	content: '';
	display: block;
	padding-top: 50%;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-pratique-que-faire-container ul.menu li {
	margin: 0 0 0 5%;
	width: 21%;
	text-align: center;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-pratique-que-faire-container ul.menu li:nth-child(4n+1) {
	margin-left: 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-pratique-encadre-container {
	margin: 10px 0px 0;
	padding: 20px;
	/*background: #f6f6f6;*/
}

#mega-menu-wrap-primary #mega-menu-item-nav_menu-2 .menu-pratique-que-faire-container {
	margin: 0 0 20px 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-pratique-encadre-container ul {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	text-align: center;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li a::before {
	content: '';
	display: block;
	margin: auto;
	width: 42px;
	height: 38px;
	background: url("images/sprite.png");
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.randonner a::before {
	background-position: -52px -192px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.faire-du-v-lo a::before {
	background-position: -52px -240px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.d-guster-les-produits-locaux a::before {
	background-position: 0 -240px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.skier-dans-les-pyr-n-es a::before {
	background-position: 0 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.pratiquer-le-sport-en-catalogne a::before {
	background-position: 0px -334px;
}




#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.sports-et-aventure a::before {
	background-position: 0 -48px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.parcourir-la-nature a::before {
	background-position: -52px -288px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.d-couvrir-la-culture-et-le-patrimoine a::before {
	background-position: -52px 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.partir-en-famille a::before {
	background-position: -52px -48px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.tourisme-et-handicap a::before {
	background-position: -52px -96px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.tourisme-s-nior a::before {
	background-position: -52px -144px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.o-dormir a::before {
	background-position: 0 -96px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.comment-venir a::before {
	background-position: 0 -144px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.nous-contacter a::before {
	background-position: 0 -192px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.coronavirus a::before {
	background-position: -52px -335px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu ul.menu li.ambassadeurs a::before {
	background-position: 0 -288px;
}


/*social*/
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .social {
	margin: -30px 0 0;
	text-align: right;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .social li {
	display: inline-block;
	margin-left: 5px;
	font-size: 2.5em;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .social li a {
	color: #989898;
	font-family: 'fontawesome';
	font-size: 0.6em;
	text-decoration: none;
	box-shadow: none;
}

catfooter section.partenaires-widget ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

/*#site-header-menu:before ,
#site-header-menu:after {
	background:#fff;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom:0;
	z-index: -1;
	content: "";

	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;;
}*/
/*
.main-navigation .primary-menu > li {
	float: none;
	display: inline-block;
	margin: 0;
	padding: 10px 0;
}
.main-navigation .primary-menu > li > a{
	text-transform: uppercase;
    font-family: "Open Sans Condensed";
	color: #989898;
	font-size: 1.8em;
	padding: 4px 70px;
	border-left: 1px solid #989898;
}
.main-navigation .primary-menu > li:last-child > a{
	border-right: 1px solid #989898;
}


.main-navigation .primary-menu > li:hover{
	background: rgba(229,229,229);
	background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
	cursor: pointer;
}
.main-navigation .primary-menu > li:hover a{
	color: #000;
	text-decoration: none;
}*/


/*------------------------------------------------------------------------------------------------------------
	== FIXED
------------------------------------------------------------------------------------------------------------*/
#site-header-menu:after {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffdf0f+15,f29c24+25,fdb756+100 */
	background: rgba(255, 223, 15);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(255, 223, 15, 1) 15%, rgba(242, 156, 36, 1) 25%, rgba(253, 183, 86, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 223, 15, 1) 15%, rgba(242, 156, 36, 1) 25%, rgba(253, 183, 86, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 223, 15, 1) 15%, rgba(242, 156, 36, 1) 25%, rgba(253, 183, 86, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf0f', endColorstr='#fdb756', GradientType=1);
	/* IE6-9 */

	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	opacity: 0;
}

.site-header.f-nav #site-header-menu:after {
	opacity: 1;
}

.site-header .site-branding {
	-webkit-transition: max-height 2.5s;
	-moz-transition: max-height 2.5s;
	-ms-transition: max-height 2.5s;
	-o-transition: max-height 2.5s;
	transition: max-height 2.5s;

	max-height: 500px;
}

.site-header.f-nav .site-branding {
	max-height: 0;
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	-ms-transition: max-height 0.8s;
	-o-transition: max-height 0.8s;
	transition: max-height 0.8s;
}



.site-header.f-nav .main-navigation .primary-menu>li>a {
	border-color: #FFF;
	color: #FFF;
}

.site-header.f-nav .main-navigation .primary-menu>li:hover {
	background: rgba(0, 0, 0, 0.1);
	/* Old browsers */
}

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

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

.et_divi_builder #et_builder_outer_content #slider_home .et_pb_slider .et_pb_container {
	max-width: 1024px;
}

#slider_home .et_pb_slide_description .post-meta {
	font-family: faith;
	font-size: 3em;
}

#slider_home .et_pb_slide_description .post-meta .non-class,
#slider_home .et_pb_slide_description .post-meta .slider-home {
	display: none;
}

#slider_home .et_pb_slide_description h2 {
	text-transform: uppercase;
	position: relative;
	padding: 25px 0 30px;
	text-shadow: 2px 2px 2px black;
	font-family: faith;
}

.et_pb_slider_container_inner h2.et_pb_slide_title {
	font-family: faith;
}

#slider_home .et_pb_slide_description h2 a {
	text-shadow: 2px 2px 2px black;
}



#slider_home .et_pb_slide_description h2:after,
#slider_home .et_pb_slide_description h2:before {
	content: "";
	background: #FFF;
	width: 280px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	display: none;
}

#slider_home .et_pb_slide_description h2:before {
	top: auto;
	bottom: 0;
}

#slider_home .et_pb_slide_description .et_pb_slide_content {
	display: none;
}

.et_divi_builder #et_builder_outer_content #slider_home .et-pb-arrow-prev:before {
	content: "";
	font-family: 'fontawesome' !important;
}

.et_divi_builder #et_builder_outer_content #slider_home .et-pb-arrow-next:before {
	content: "";
	font-family: 'fontawesome' !important;
}

.et_divi_builder #et_builder_outer_content #slider_home:after {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	display: inline-block;
	background: url(./images/scrollDown.png) center 0 no-repeat;
	width: 26px;
	height: 50px;
	margin: auto;
	z-index: 9;

	-webkit-animation: bounce 4s infinite;
	animation: bounce 4s infinite;
	display: none;
}

@-webkit-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
	}

	60% {
		transform: translateY(-10px);
	}
}

@keyframes bounce {

	0%,
	20%,
	28%,
	36%,
	100% {
		transform: translateY(0);
	}

	24% {
		transform: translateY(-15px);
	}

	32% {
		transform: translateY(-10px);
	}
}



.jeu-concours {
	padding: 0px !important;
}

.jeu-concours h2 {
	font-family: faith;
	font-size: 3em;
	color: #f29c24 !important;
	text-align: center;
	line-height: 2;
	text-transform: none !important;
}

/*------------------------------------------------------------------------------------------------------------
	== STYLE GENERAL BOUTON
------------------------------------------------------------------------------------------------------------*/
#content #et_builder_outer_content .et_pb_button {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-transform: uppercase;
	padding: 0.1em 2em 0.3em;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff !important;
}

#content #et_builder_outer_content .et_pb_button:hover {
	padding-left: 1em;
	padding-right: 2em;
}

#content #et_builder_outer_content .liste-mosaique .et_pb_button {
	border-color: #f29c24;
	color: #f29c24 !important;
}


/*------------------------------------------------------------------------------------------------------------
	== STYLE RECHERCHE
------------------------------------------------------------------------------------------------------------*/
#et_builder_outer_content div.et_pb_search {
	padding: 60px 0 120px;
	text-align: center !important;
}

#et_builder_outer_content div.et_pb_search h2 {
	position: relative;
	z-index: 2;
	font-family: faith;
	font-size: 6em;
	color: #fff !important;
}

#et_builder_outer_content div.et_pb_search form {
	position: relative;
	margin: auto !important;
	width: 400px !important;
	padding-bottom: 20px;
}

#et_builder_outer_content div.et_pb_search .selectize-input.dropdown-active::before {
	display: none !important;
}

#et_builder_outer_content div.et_pb_search .selectize-input {
	position: relative;
	margin: auto;
	padding: 5px !important;
	width: 400px !important;
	background: #fff !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	text-align: left !important;
}

#et_builder_outer_content div.et_pb_search .input-active {
	-webkit-border-radius: 5px 5px 0 0 !important;
	border-radius: 5px 5px 0 0 !important;
}

#et_builder_outer_content div.et_pb_search .selectize-input .item {
	margin: 2px;
	padding: 2px 2px 2px 5px;
	background: #b2b2b2;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 0.9em;
}

#et_builder_outer_content div.et_pb_search .selectize-input .item a {
	padding: 0 !important;
	line-height: 22px !important;
	color: #000 !important;
}

#et_builder_outer_content div.et_pb_search #tags-selectized {
	width: 100% !important;
	background: #fff !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	text-align: left !important;
}

#et_builder_outer_content div.et_pb_search .input-active #tags-selectized {
	-webkit-border-radius: 5px 5px 0 0 !important;
	border-radius: 5px 5px 0 0 !important;
}

#et_builder_outer_content div.et_pb_search .selectize-dropdown-content {
	margin: auto !important;
	padding: 5px !important;
	width: 400px !important;
	max-height: 80px !important;
	background: #f7f7f7 !important;
	-webkit-border-radius: 0 0 5px 5px !important;
	border-radius: 0 0 5px 5px !important;
	text-align: left !important;
}

#et_builder_outer_content div.et_pb_search .selectize-dropdown-content .option[data-value=culture] {}

#et_builder_outer_content div.et_pb_search input[type=submit] {
	position: absolute;
	bottom: 28px;
	right: 5px;
	z-index: 2;
	width: 20px;
	height: 20px;
	background: url("images/search.png") 0 0 no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

.selectize-control,
.selectize-input {
	position: relative;
}

#mega-menu-item-search-3 .search-form .search-submit {
	margin-top: 0px !important;
}

/*------------------------------------------------------------------------------------------------------------
	== STYLE Posts for category Module
------------------------------------------------------------------------------------------------------------*/

#content .liste-mosaique .et_pb_column {
	text-align: center;
}

#content .liste-mosaique .et_pb_column>h2 {
	font-family: faith;
	font-size: 7em;
	color: #f29c24;
	text-align: center;
	line-height: 2;
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item {
	float: left;
	width: 33%;
	margin: 0 0 10px !important;
	overflow: hidden;
	position: relative;
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item:last-child {
	border-right: 0;
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item:after {
	padding-top: 85%;
	/*ratio*/
	display: block;
	content: '';
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item>* {
	position: absolute;
	margin: 0 5px;
}

#content #et_builder_outer_content .et_pb_grid_posts_grid .et_pb_grid_posts_item>a {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: #000000;
	padding: 0;
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item>a img {
	height: 100% !important;
	width: auto !important;
	max-width: none;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	/*opacity: 0.85;*/
	cursor: default;

	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item:hover>a img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0.6;
}


#content .et_pb_grid_posts_grid .et_pb_grid_posts_item>div {
	left: 0;
	right: 0;
	text-align: center;
	top: 40%;
	padding: 0 30px !important;
	color: #FFF;
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item>div>h2 {
	font-size: 25px;
	padding: 10px 0 6px !important;
	margin-bottom: 10px;
}


#page #content .et_pb_grid_posts_grid .et_pb_grid_posts_item h2 a {
	text-transform: uppercase !important;
	color: #FFF !important;
}




#content .et_pb_grid_posts_grid .et_pb_grid_posts_item>div>p {
	opacity: 0;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1.2em;
	color: #FFF !important;
	-moz-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}


#content .et_pb_grid_posts_grid .et_pb_grid_posts_item>div,
#content .et_pb_grid_posts_grid .et_pb_grid_posts_item>div>h2,
#content .et_pb_grid_posts_grid .et_pb_grid_posts_item:hover>div>p {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item:hover>div>h2 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item:hover>div {
	top: 30%;
}

#content .et_pb_grid_posts_grid .et_pb_grid_posts_item:hover>div>p {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

@media only screen and (max-width: 680px){
	.et_pb_posts_for_category_0 > div:nth-child(1) ~ div,
	.et_pb_posts_for_category_1 > div:nth-child(1) ~ div,
	.et_pb_posts_for_category_2 > div:nth-child(1) ~ div,
	.et_pb_posts_for_category_3 > div:nth-child(1) ~ div {
		display: none;
	}
	.home .et_pb_posts_for_category_0 > div:nth-child(1) ~ div,
	.home .et_pb_posts_for_category_1 > div:nth-child(1) ~ div {
		display: block;
	}
	.home .et_pb_posts_for_category_0 > div:nth-child(2) ~ div,
	.home .et_pb_posts_for_category_1 > div:nth-child(2) ~ div {
		display: none;
	}
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------
	== PAGE MENU
------------------------------------------------------------------------------------------------------------*/
.page-menu #main {
	margin: auto;
	max-width: 1280px;
}

.page-menu #main article header.entry-header .post-thumbnail::before {
	display: none;
}

/*.page-menu #main article header.entry-header .entry-title{*/
/*!*margin:30px 0 0;*!*/
/*!*max-width: none;*!*/
/*!*color: #000;*!*/
/*}*/
/* sous-titre des articles test */
.page-menu #main article header.entry-header .entry-title {
	margin: 30px 0 0;
	max-width: none;
	font-family: faith;
	font-size: 7em;
	color: #f29c24;
	text-align: center;
	line-height: 2;
	text-shadow: none;
	text-transform: initial;
}

.page-menu #main article .entry-content {
	font-size: 1.4em;
}

.page-menu #main article .entry-content .widget_nav_menu {
	margin: 0 !important;
	width: 100% !important;
}

.page-menu #main article .entry-content .widget_nav_menu h4 {
	font-size: 2em;
	text-align: center;
	color: #f29c24;
}

/* Catalogne */
.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li {
	float: left;
	margin: 0 0 0 1%;
	width: 18%;
	text-align: center;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li:nth-child(5n+1) {
	clear: left;
	margin-left: 0;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li a {
	display: block;
	padding: 80px 0 0;
	height: 100%;
	background-size: cover;
	font-family: "Open Sans Condensed";
	font-size: 2em;
	text-transform: uppercase;
	line-height: 1;
	color: #fff !important;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.catalogne a {
	background: url("images/destinations/catalogne.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.barcelone a {
	background: url("images/destinations/barcelona.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.paisatges-barcelona a {
	background: url("images/destinations/paisatge-barcelona.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.costa-brava a {
	background: url("images/destinations/costa-brava.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.costa-barcelona a {
	background: url("images/destinations/costa-barcelona.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.costa-daurada a {
	background: url("images/destinations/costa-daurada.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.pirineus a {
	background: url("images/destinations/pirineus.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.terres-de-l-ebre a {
	background: url("images/destinations/terre-elbre.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.terres-de-lleida a {
	background: url("images/destinations/terre-lleida.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li.val-d-aran a {
	background: url("images/destinations/val-aran.jpg") 0 0 no-repeat;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li a::before {
	display: none;
}

.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li a::after {
	content: '';
	display: block;
	padding-top: 50%;
}

/*Pratique*/
.page-menu #main article .entry-content .menu-pratique-que-faire-container ul.menu,
.page-menu #main article .entry-content .menu-pratique-encadre-container ul.menu {
	display: flex;
	display: -webkit-flex;
	/* Pour les versions anterieures à Safari 9 sur IPAD */
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.page-menu #main article .entry-content .menu-pratique-que-faire-container ul.menu li {
	text-align: center;
	margin: 0 10px;
	line-height: 1.2em;
}

.page-menu #main article .entry-content .menu-pratique-que-faire-container ul.menu li:nth-child(5n+1) {
	margin-left: 0;
}

.page-menu #main article .entry-content .menu-pratique-encadre-container {
	margin: 30px 50px 0;
	padding: 20px;
	background: #f6f6f6;
}

.page-menu #main article .entry-content .menu-pratique-encadre-container ul {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	text-align: center;
}

.page-menu #main article .entry-content .menu-pratique-que-faire-container ul.menu li a,
.page-menu #main article .entry-content .menu-pratique-encadre-container ul.menu li a {
	color: #666 !important;
}

.page-menu #main article .entry-content .menu-pratique-que-faire-container ul.menu li a::before,
.page-menu #main article .entry-content .menu-pratique-encadre-container ul.menu li a::before {
	content: '';
	display: block;
	margin: auto;
	width: 42px;
	height: 38px;
	background: url("images/sprite.png");
}

.page-menu #main article .entry-content ul.menu li.randonner a::before {
	background-position: -52px -192px;
}

.page-menu #main article .entry-content ul.menu li.faire-du-v-lo a::before {
	background-position: -52px -240px;
}

.page-menu #main article .entry-content ul.menu li.d-guster-les-produits-locaux a::before {
	background-position: 0 -240px;
}

.page-menu #main article .entry-content ul.menu li.skier-dans-les-pyr-n-es a::before {
	background-position: 0 0;
}

.page-menu #main article .entry-content ul.menu li.sports-et-aventure a::before {
	background-position: 0 -48px;
}

.page-menu #main article .entry-content ul.menu li.parcourir-la-nature a::before {
	background-position: -52px -288px;
}

.page-menu #main article .entry-content ul.menu li.d-couvrir-la-culture-et-le-patrimoine a::before {
	background-position: -52px 0;
}



.page-menu #main article .entry-content ul.menu li.pratiquer-le-sport-en-catalogne a::before {
	background-position: 0px 47px;
}



.page-menu #main article .entry-content ul.menu li.partir-en-famille a::before {
	background-position: -52px -48px;
}

.page-menu #main article .entry-content ul.menu li.tourisme-et-handicap a::before {
	background-position: -52px -96px;
}

.page-menu #main article .entry-content ul.menu li.tourisme-s-nior a::before {
	background-position: -52px -144px;
}

.page-menu #main article .entry-content ul.menu li.o-dormir a::before {
	background-position: 0 -96px;
}

.page-menu #main article .entry-content ul.menu li.comment-venir a::before {
	background-position: 0 -144px;
}

.page-menu #main article .entry-content ul.menu li.nous-contacter a::before {
	background-position: 0 -192px;
}

.page-menu #main article .entry-content ul.menu li.ambassadeurs a::before {
	background-position: 0 -288px;
}



/*------------------------------------------------------------------------------------------------------------
	== ANCIEN ARTICLE / PAGE
------------------------------------------------------------------------------------------------------------*/
.ancien-article #main {}

/*.ancien-article #main article header.entry-header .post-thumbnail::before {
	display: none;
}
.ancien-article #main article header.entry-header .entry-title{
	margin:30px 0 0;
	max-width: none;
	color: #000;
}*/
.page-ancien #main article header.entry-header .post-thumbnail::before {
	display: none;
}

.page-ancien #main article header.entry-header .entry-title {
	margin: 30px 0 0;
	max-width: none;
	color: #000;
}


.page-id-4855 .page-ancien #main article header.entry-header .entry-title {
	position: relative;
	z-index: 2;
	margin: 20% auto 8%;
	max-width: 850px;
	font-family: "Open Sans Condensed";
	font-size: 4em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px black;
}



.content-area.ancien-article #main article .entry-content,
.page-ancien #main article .entry-content {
	margin: auto;
	max-width: 1280px !important;
	font-size: 1.4em;
}

.content-area.ancien-article #main article .entry-content p,
.page-ancien #main article .entry-content p {
	margin: 20px 0% 20px 0%;
	font-size: 1.1em;
}

.content-area.ancien-article #main article .entry-content h2 {
	margin: 20px 0% 20px 0%;
}


.et_divi_builder #et_builder_outer_content .et_pb_video_box iframe {
	/*height:480px !important;*/
}


/*------------------------------------------------------------------------------------------------------------
	== Styles pour les anciens articles par défaut
------------------------------------------------------------------------------------------------------------*/



.content-area .entry-content p {
	margin: 20px 10% 20px 10%;
	font-size: 1.4em;
}

.content-area .entry-content h2 {
	margin: 50px 10% 20px 10%;
}

.content-area .entry-content figure.wp-block-audio {
	margin-left: 10%;
	margin-right: 10%;
}

/*  on ré-initialise la taille pour divibuilder   */

#et_builder_outer_content p {
	font-size: 1.1em;
}

#et_builder_outer_content h2 {
	padding: 20px !important;
	color: #f29c24 !important;
	text-align: center !important;
}




/*------------------------------------------------------------------------------------------------------------
	== ENTETE
------------------------------------------------------------------------------------------------------------*/
#main article header.entry-header {
	position: relative;
	padding: 1px 0 80px;
}

.home #main article header.entry-header {
	padding: 0;
}

#main article header.entry-header .post-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	margin: 0;
	overflow: hidden;
}

/*#main article header.entry-header .post-thumbnail::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
}*/
#main article header.entry-header .post-thumbnail img {
	width: 100%;
}

#main article header.entry-header .entry-title {
	position: relative;
	z-index: 2;
	margin: 20% auto 8%;
	max-width: 850px;
	font-family: "Open Sans Condensed";
	font-size: 4em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px black;
}

.home #main article header.entry-header .entry-title,
.home #main article header.entry-header .addtoany_list {
	display: none;
}

#main article header.entry-header .addtoany_list {
	display: block;
	;
	position: relative;
	z-index: 20;
	margin: auto;
	max-width: 500px;
	text-align: center;
}

#main article header.entry-header .addtoany_list a span {
	background: none !important;
}

#main article header.entry-header .entry-summary {
	position: relative;
	z-index: 2;
	margin: 20px auto;
	max-width: 850px;
	font-size: 1.5em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

#main article header.entry-header .entry-vignette {
	position: relative;
	z-index: 2;
	margin: auto;
	max-width: 1280px;
}

#main article header.entry-header .entry-vignette .vignette {
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	height: 150px;
	background: #fff;
	border: 10px solid #fff;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	overflow: hidden;
}

/*------------------------------------------------------------------------------------------------------------
	== LIGNES & COLONNES
------------------------------------------------------------------------------------------------------------*/
#popin-map {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	padding: 50px;
	background: rgba(0, 0, 0, 0.8);
}

#popin-map #close_map {
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 50;
	width: 50px;
	height: 50px;
	background: #000;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	font-family: fontawesome;
	font-size: 2em;
	text-align: center;
	line-height: 50px;
}

/*------------------------------------------------------------------------------------------------------------
	== LIGNES & COLONNES
------------------------------------------------------------------------------------------------------------*/
.largeur-fixe {
	display: flex;
	display: -webkit-flex;
	/* Pour les versions anterieures à Safari 9 sur IPAD */
	align-items: center;
}

.largeur-fluide {
	display: flex;
	display: -webkit-flex;
	/* Pour les versions anterieures à Safari 9 sur IPAD */
	align-items: center;
}

.largeur-fluide .zone-image:first-child {
	width: 61% !important;
	/*margin-right: 0!important;*/
}

.zone-texte {
	margin-top: 30px !important;
}

.zone-image+.zone-texte {
	margin-top: 0 !important;
	margin-bottom: 30px !important;
}

/*.largeur-fluide .zone-image + .zone-texte{
	margin-left: 5.5%!important;
}*/

/*------------------------------------------------------------------------------------------------------------
	== TEXTE
------------------------------------------------------------------------------------------------------------*/
.et_divi_builder #et_builder_outer_content .et_pb_text {
	color: #444;
	font-size: 1.4em;
}

.et_divi_builder #et_builder_outer_content .et_pb_text h2 {
	text-transform: uppercase;
	color: #bababa;
}

.et_divi_builder #et_builder_outer_content .et_pb_module a {
	color: #f29c24 !important;
}

/*
	CITATION
*/
.et_divi_builder #et_builder_outer_content .et_pb_text.zone-citation {
	margin: 0 100px;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.zone-citation blockquote {
	position: relative;
	margin: 0;
	padding: 20px 30px 0;
	border: none !important;
	font-family: "Open Sans Condensed";
	font-size: 1.5em;
	text-transform: initial !important;
	text-align: center;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.zone-citation blockquote::before {
	content: '"';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 3em;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.zone-citation blockquote::after {
	content: '"';
	position: absolute;
	top: 0;
	right: 0;
	font-size: 3em;
}




/*  Style copyright photo  */


.et_divi_builder #et_builder_outer_content h6,
.entry-content h6 {
	font-size: 1em;
	color: #b9b9b9;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1.3em;
	padding: 20px 0 20px 0;
}

.et_divi_builder #et_builder_outer_content .copyright-bertrand:before {
	position: absolute;
	bottom: 15px;
	right: 5px;
	content: "Photo de Yann Arthus-Bertrand";
	z-index: 1;
	background: #000000;
	padding: 0 10px;
	text-transform: uppercase;
	color: #fff;
}

.page-id-282 #main article header.entry-header .post-thumbnail:before,
.page-id-284 #main article header.entry-header .post-thumbnail:before,
.page-id-25410 #main article header.entry-header .post-thumbnail:before,
.page-id-25432 #main article header.entry-header .post-thumbnail:before,
.page-id-25446 #main article header.entry-header .post-thumbnail:before,
.page-id-25502 #main article header.entry-header .post-thumbnail:before,
.page-id-25520 #main article header.entry-header .post-thumbnail:before,
.page-id-25543 #main article header.entry-header .post-thumbnail:before,
.page-id-25578 #main article header.entry-header .post-thumbnail:before,
.page-id-25600 #main article header.entry-header .post-thumbnail:before {
	position: absolute;
	bottom: 15px;
	left: 5px;
	content: "Photo de Yann Arthus-Bertrand";
	z-index: 1;
	background: #000000;
	padding: 0 10px;
	text-transform: uppercase;
	color: #fff;
}



/*
	COMMENT VENIR
*/
.comment-venir {
	overflow: hidden;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir h2 {
	font-family: faith;
	font-size: 5em;
	color: #f29c24;
	text-align: center;
	text-transform: none;
	line-height: 2;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir p {
	float: left;
	width: 29%;
	text-align: center;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir p+p {
	margin-left: 6%;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir.col1 p {
	float: none;
	margin: auto;
	width: 80%;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir.col2 p {
	width: 45%;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir.col3 p {
	width: 29%;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir p.intro {
	width: 100% !important;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir p.intro+p {
	margin-left: 0;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir.col4 p {
	width: 20%;
}

/*
	PARTAGE
*/
.et_divi_builder #et_builder_outer_content .et_pb_text.zone-partage {
	margin: auto;
	padding: 20px;
	background: #444;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	color: #fff;
}

.et_divi_builder #et_builder_outer_content .et_pb_text.zone-partage p:first-child {
	font-family: "Open Sans Condensed";
	font-size: 2em;
}

.zone-partage a {
	padding-bottom: 0px !important;
	margin: 0 15px 0 0 !important;
}

/*------------------------------------------------------------------------------------------------------------
	== EXERGUE
------------------------------------------------------------------------------------------------------------*/
.et_divi_builder #et_builder_outer_content .et_pb_exergue {
	position: relative;
	float: right;
	padding: 10px 0;
	max-width: 470px;
}

.et_divi_builder #et_builder_outer_content .et_pb_exergue::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("images/ombre-exergue.png") top right no-repeat;
	background-size: auto 100%;
}

.et_divi_builder #et_builder_outer_content .et_pb_exergue div {
	position: relative;
	z-index: 2;
	padding: 20px;
	background-color: #f29c24;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	color: #000000;
	font-size: 1.4em;
}





.et_divi_builder #et_builder_outer_content .et_pb_exergue strong.entete {
	font-family: faith;
	font-size: 2em;
	font-weight: normal;
	display: block;
}

.et_divi_builder #et_builder_outer_content .et_pb_exergue img {
	position: absolute;
	top: 40%;
	left: 105%;
}

.et_divi_builder #et_builder_outer_content .et_pb_exergue div a {
	color: #000 !important;
	text-decoration: underline !important;
}

.et_divi_builder #et_builder_outer_content .et_pb_exergue div ul li {
	list-style: disc;
	list-style-position: inside;
}

.et_divi_builder #et_builder_outer_content .et_pb_exergue div ul li+li {
	margin-top: 10px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESULTATS RECHERCHE
*/
/*------------------------------------------------------------------------------------------------------------*/
#liste-resultats {
	margin: auto;
	max-width: 1280px;
	display: flex;
	display: -webkit-flex;
	/* Pour les versions anterieures à Safari 9 sur IPAD */
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

}

#liste-resultats article {
	position: relative;
	margin-bottom: 20px;
	width: 32%;
	background: #000000;
	overflow: hidden;
}

#liste-resultats article::before {
	content: '';
	display: block;
	padding-top: 100%;
}

#liste-resultats article a.post-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	background: #000000;
}

#liste-resultats article>a img {
	height: 100% !important;
	width: auto;
	width: 100% !important;
	max-width: none !important;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	opacity: 0.85;
	cursor: default;

	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}

#liste-resultats article:hover>a img {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

#liste-resultats article>div {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 40%;
	padding: 0 30px;
	color: #FFF;
}

#liste-resultats article div h2 {
	position: relative;
	z-index: 2;
	text-align: center;
	text-transform: uppercase;
	color: #FFF !important;
	font-family: "Open Sans Condensed";
	font-size: 2.6em;
	padding: 10px 0 6px !important;
	margin-bottom: 10px;
}

#liste-resultats article>div>h2 a {
	text-transform: uppercase;
	color: #fff;
}

#liste-resultats article>div>div {
	opacity: 0;
	font-size: 1.6em;
	text-transform: uppercase;
	line-height: 1em;
	color: #FFF;
	-moz-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

#liste-resultats article>div,
#liste-resultats article>div>h2,
#liste-resultats article:hover>div>div {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

#liste-resultats article:hover>div>h2 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#liste-resultats article:hover>div {
	top: 30%;
}

#liste-resultats article:hover>div>div {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

nav.navigation.pagination {
	margin: auto;
	max-width: 1280px;
}

.page-header,
.no-sidebar .page-header {
	margin: 20px auto;
	max-width: 1280px;
	border: none;
}

/* Barre de recherche */
#main .page-header .page-title {
	display: none;
}



/*          Espace pro                     */


#post-7154 .post-password-form {
	width: 80% !important;
	margin: auto;
	text-align: center;
	margin-bottom: 200px;
	margin-top: 80px;
	color: #fff;
}

#post-7154 .post-password-form p:first-child {
	display: none;
}

#post-7154 .post-password-form p:before {
	content: "Saisissez votre mot de passe (ou pour obtenir le mot de passe, vous devez faire la demande par email à info.act.fr@gencat.cat) ";
	font-size: 1.4em;
}



.post-7154 .post-password-form input#pwbox-7154 {
	border: 1px solid #ccc;
	width: 300px;
	display: block;
	margin: auto;
	background-color: #fff;
	color: #000;
}

#post-7154 .post-password-form input[type="submit"] {
	padding: 10px;
	background-color: #000;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 50px;
}

article.post-password-required.post-7154 {
	background-size: 100%;
	background-image: url("https://www.catalunyaexperience.fr/wp-content/uploads/2014/09/Detall-de-la-pinya-de-la-Colla-Jove-dels-Xiquets-de-Valls-Diada-Castellera-de-la-Festa-de-Sant-Fèlix-Gemma-Mira-1200x848.jpg");
}



article.post-password-required.post-7154 h1 {
	margin: 12% auto 0% !important;
}

/*
.page-template-default .post-7154 h1{
	margin: 6% auto 0% !important;
}
*/



/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------
	== DOUBLE ENTRY
------------------------------------------------------------------------------------------------------------*/
.et_divi_builder #et_builder_outer_content #footer_doubleEntry,
.et_divi_builder #et_builder_outer_content #footer_doubleEntry>* {
	padding-bottom: 0;
}

#et_builder_outer_content .et_pb_slide_description .et_pb_slide_title {
	font-family: "Open Sans Condensed";
	font-size: 5em !important;
	margin: auto !important;
	line-height: 1.2em !important;
	/*padding-top: 70px !important;*/
}

#footer_doubleEntry #AdrDurables {
	border-right: 1px solid #FFF;
}

#footer_doubleEntry #AdrDurables .et_pb_slide_description .et_pb_slide_title {
	max-width: 500px;
	background: url(./images/picto_AdrDurables.png) center 0 no-repeat;
	line-height: 1 !important;
	padding-top: 50px !important;
}

#footer_doubleEntry #VueCiel .et_pb_slide_description .et_pb_slide_title {
	max-width: 390px;
	background: url(./images/picto_VueCiel.png) center 0 no-repeat;
	line-height: 1 !important;
	padding-top: 50px !important;
}

.et_divi_builder #et_builder_outer_content #footer_doubleEntry #VueCiel .et_pb_slide:before {
	position: absolute;
	bottom: 5px;
	right: 5px;
	content: "Photos de Yann Arthus-Bertrand";
	z-index: 1;
	background: #000000;
	padding: 0 10px;
	text-transform: uppercase;

}

/* Enlever l'animation des images et mettre une animation sur le texte, aussi mettre le lien sur tout le bloc */

.et_divi_builder #et_builder_outer_content #footer_doubleEntry .et_pb_slider .et_pb_slide {
	/*-webkit-transition:all 1s cubic-bezier(1,-0.2,.5,.97) 0.5s;*/
	/*transition: all 1s cubic-bezier(1,-0.2,.5,.97) 0.5s;*/
	background-size: cover;
}

/*.et_divi_builder #et_builder_outer_content #footer_doubleEntry .et_pb_slider .et_pb_slide:hover {*/
/*-webkit-background-size: 105%;*/
/*-moz-background-size: 105%;*/
/*background-size: 105%;*/
/*}*/
#footer_doubleEntry .et_pb_column_1_2 .et_pb_slider .et_pb_slide .et_pb_button {
	opacity: 0;
	-moz-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	transition: all 0.5s ease-out;
}

#footer_doubleEntry .et_pb_column_1_2:hover .et_pb_slider .et_pb_slide .et_pb_button {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	transition: all 0.5s ease-out;
}

/* Version sur les deux images */
/*#footer_doubleEntry .et_pb_slider .et_pb_slide .et_pb_button {*/
/*opacity: 0;*/
/*-moz-transform: translateY(-50px);*/
/*-webkit-transform: translateY(-50px);*/
/*-o-transform: translateY(-50px);*/
/*-ms-transform: translateY(-50px);*/
/*transform: translateY(-50px);*/
/*transition:all 0.5s ease-out;*/
/*}*/
/*#footer_doubleEntry:hover .et_pb_slider .et_pb_slide .et_pb_button {*/
/*opacity: 1;*/
/*-moz-transform: translateY(0px);*/
/*-webkit-transform: translateY(0px);*/
/*-o-transform: translateY(0px);*/
/*-ms-transform: translateY(0px);*/
/*transform: translateY(0px);*/
/*transition:all 0.5s ease-out;*/
/*}*/

/*-------------------------------------------------------------------------------------------------------*/
/*      PAGE DE LISTE DES GITES        */
/*      -----------------------------------------------------------------------------------------------  */

article ul.liste-gites {
	margin: 0;
}

article div>ul.liste-gites>li:nth-child(4n+1) {
	clear: left;
	margin: 0;
}

.page-template-gites article .entry-content,
.liste-gites {
	margin: auto;
	max-width: 1280px !important;
}

/**/

div.liste-gites ul {
	margin: 0;
	font-size: 1.4em;
	overflow: hidden;
}

div.liste-gites ul p {
	margin: 20px 0% 20px 0%;
	font-size: 1.1em;
}

div.liste-gites ul>li:nth-child(4n+1) {
	/*clear: left;
    margin: 0;*/
}


div.liste-gites>ul>li {
	position: relative;
	float: left;
	width: 23%;
	margin: 0 1% 20px 1%;
	padding: 0;
	background: #f2f2f2;
	min-height: 520px;
}


div.liste-gites ul li>strong:first-child {
	position: relative;
	display: block;
	padding: 15px 20px;
	background: #ec9b01;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
}


div.liste-gites ul li strong:first-child+img {
	position: absolute;
	top: 5px;
	right: 15px;
}

div.liste-gites ul li p img {
	max-width: 100%;
	height: auto;
}

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

.liste-gites ul li p img {
	width: 100%;
	height: auto;
}

/* */
article ul.liste-gites li ul {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 20px;
	background: rgba(255, 255, 255, 0.7);
	font-weight: bold;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/* */
article ul.liste-gites li ul li {
	margin: 0 0 10px;
	padding: 0 0 0 30px;
	min-height: 20px;
	background: url(http://www.catalunyaexperience.fr/wp-content/themes/catalunya2017/images/picto-adresse-gite.png) 0 0.2em no-repeat;
	font-size: 0.8em;
	line-height: 1;
}

/* */

.liste-gites li ul {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 20px;
	background: rgba(255, 255, 255, 0.7);
	font-weight: bold;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	display: inline-block;
}

.liste-gites li ul li {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px;
	padding: 0 0 0 12%;
	min-height: 20px;
	background: url(http://www.catalunyaexperience.fr/wp-content/themes/catalunya2017/images/picto-adresse-gite.png) 0 0.2em no-repeat;
	font-size: 0.7em;
	line-height: 1;
	text-align: left;
}

/* */
div.liste-gites ul li ul {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 20px;
	background: rgba(255, 255, 255, 0.7);
	font-weight: bold;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	display: flex;
	flex-wrap: wrap;

}


div.liste-gites ul li ul li:nth-child(2) {
	background: url(http://www.catalunyaexperience.fr/wp-content/themes/catalunya2017/images/picto-telephone-gite.png) 0 0.2em no-repeat;
	padding-top: 3%;
}

/* */
div.liste-gites ul li ul li {
	margin: 0 0 10px;
	padding: 0 0 0 48px;
	min-height: 20px;
	background: url(http://www.catalunyaexperience.fr/wp-content/themes/catalunya2017/images/picto-adresse-gite.png) 0 0.2em no-repeat;
	font-size: 0.8em;
	line-height: 1;
}

div.liste-gites ul li ul li:nth-child(3) {
	background: url(http://www.catalunyaexperience.fr/wp-content/themes/catalunya2017/images/picto-site-gite.png) 0 0.2em no-repeat;
}

div.liste-gites ul li ul li:nth-child(4) {
	background: url(http://www.catalunyaexperience.fr/wp-content/themes/catalunya2017/images/picto-mail-gite.png) 0 0.2em no-repeat;
}


div.liste-gites ul>li p {
	font-size: 1em;
	line-height: 1.1;
}

div.liste-gites ul li>p em {
	display: block;
	padding: 15px 20px;
	font-size: 0.8em;
}

div.liste-gites ul li p strong>em {
	display: block;
	padding: 5px 20px 20px;
	font-size: 0.8em;
	font-style: normal;
	color: #ec9b01;
}


div.liste-gites ul li p strong:nth-child(2) {
	display: block;
	padding: 15px 20px;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1;
}

div.liste-gites ul li>p span {
	display: block;
	padding: 0 20px;
	font-size: 0.8em;
	text-decoration: none !important;
}

div.liste-gites ul li:hover ul {
	opacity: 1;
	visibility: visible;
}

/*Section filtre */

.liste-gites label,
select {
	/*margin:auto;*/
	float: none;
	display: inline;
	margin-bottom: 3%;
}

.liste-gites label {
	font-size: 1.75rem;
	line-height: 1.25;
	letter-spacing: normal;
	font-family: "Open Sans Condensed";
	padding: 0 2% 0 0;
	margin-left: 15%;
}

.liste-gites select {
	font-family: 'Open Sans', sans-serif;
	color: #444444;
	line-height: 1.75;
	margin-right: 2%;
}



/*------------------------------------------------------------------------------------------------------------
	== WIDGET
------------------------------------------------------------------------------------------------------------*/
.entry-footer>.edit-link {
	display: none;
}

.site-footer {
	display: block;
	padding: 10px 0;
	background: #989898;
}

.site-footer>div {
	margin: auto;
	max-width: 1280px;
}

.site-footer .site-info {
	color: #fff;
	text-align: center;
}

#content-bottom-widgets:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	z-index: 1;
	height: 10px;
	display: block;
	background: rgba(255, 223, 15);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(255, 223, 15, 1) 15%, rgba(242, 156, 36, 1) 25%, rgba(253, 183, 86, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 223, 15, 1) 15%, rgba(242, 156, 36, 1) 25%, rgba(253, 183, 86, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 223, 15, 1) 15%, rgba(242, 156, 36, 1) 25%, rgba(253, 183, 86, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf0f', endColorstr='#fdb756', GradientType=1);
	/* IE6-9 */
}

#content-bottom-widgets {
	position: relative;
}

#content-bottom-widgets .widget-area {
	padding: 60px 0;
}

#content-bottom-widgets .widget-area:first-child {
	max-width: none;
	background: #f7f7f7;
	overflow: hidden;
}

#content-bottom-widgets .widget-area+.widget-area>div {
	/*display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
    display: -webkit-flex; /* Pour les versions anterieures à Safari 9 sur IPAD */
}

#content-bottom-widgets .widget-area:first-child div {
	margin: auto;
	max-width: 1280px;
}

#content-bottom-widgets .widget-area:first-child div>section {
	float: left;
	width: 28%;
	margin: 0;
	position: relative;
}

#content-bottom-widgets .widget-area:first-child div>section:nth-child(2) {
	margin: 0 1%;
	width: 40%;
}

#content-bottom-widgets .widget-area div>section .widget-title {
	margin-bottom: 5px;
	color: #989898;
	font-family: "Open Sans Condensed";
	font-size: 2.6em;
}

/*	PARTENAIRES	*/
#content-bottom-widgets .widget-area+.widget-area .partenaires-widget,
#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget {
	flex: 1;
}

#content-bottom-widgets .widget-area+.widget-area .partenaires-widget h2,
#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget h2 {
	text-align: center;
}

#content-bottom-widgets .widget-area+.widget-area .partenaires-widget ul,
#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget ul {
	display: flex;
	display: -webkit-flex;
	/* Pour les versions anterieures à Safari 9 sur IPAD */
	justify-content: center;
}

#content-bottom-widgets .widget-area+.widget-area .partenaires-widget ul li,
#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget ul li {
	display: flex;
	display: -webkit-flex;
	/* Pour les versions anterieures à Safari 9 sur IPAD */
	margin: 0 25px 0 25px;
}

#content-bottom-widgets .widget-area+.widget-area .partenaires-widget ul li a {
	margin: auto;
}

/*	SPONSOR	*/
#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget,
:root #content-bottom-widgets .widget-area+.widget-area .sponsors2-widget {
	display: block !important;
	margin: 0 0 0 20px;
	/*padding:0 0 0 20px;
	border-left:1px solid #444;*/
}

:root .sponsors2-widget,
:root .sponsors2-widget[qhvcm73][hidden],
#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget[qhvcm73][hidden] {
	display: block !important;
}

#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget ul {
	text-align: center;
}

#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget ul li a img {
	/*filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);*/
}

/*   COMMENTAIRES   */
#content-bottom-widgets .widget_recent_comments li {
	display: block;
	margin-top: 20px;
	font-size: 1.5em;
	color: #989898;
	padding-right: 10px;
}

#content-bottom-widgets .widget_recent_comments li a {
	color: #989898;
}

/*	NEWSLETTER	*/
#newsletter {
	position: relative;
	color: #989898;
	font-family: "Open Sans condensed";
	text-transform: uppercase;
	font-size: 2em;
}

#newsletter span {
	display: block;
	margin: 0 0 5px;
	font-family: "Open Sans Condensed";
	text-transform: uppercase;
	font-size: 1.8em;
	color: #989898;
}

#newsletter input#email {
	background: #fff;
	border: none;
	border-bottom: 1px solid #989898;
}

#newsletter input#mc-embedded-subscribe {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 7px;
	background: none;
	font-family: fontawesome;
	font-size: 1.4em;
	color: #989898;
}


/*  Brochures      */

#content-bottom-widgets .brochures {
	font-size: 2em;
	font-family: "Open Sans Condensed";
	text-transform: uppercase;
	line-height: 1.2em;
	text-decoration: none;
	box-shadow: none;
	display: block;
	padding-right: 110px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #989898;
	color: #989898;
	position: relative;
}

.issuuembed {
	width: auto !important;
	height: auto !important;
}

/*   FAQ   */
#content-bottom-widgets .faq {
	font-size: 2em;
	font-family: "Open Sans Condensed";
	text-transform: uppercase;
	line-height: 1.2em;
	text-decoration: none;
	box-shadow: none;
	display: block;
	padding-right: 110px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #989898;
	color: #989898;
	position: relative;
	padding-top: 15px;
}

/*#content-bottom-widgets .faq:after {
	content: "";
	position: absolute;
	right:0;
	top: 0;
	bottom: 0;
	width: 60px;
	background: url(./images/picto_faq.png) 0 center no-repeat;
}
*/



#content-bottom-widgets .faq:hover:after {
	-webkit-animation: toRightFromLeft 0.3s;
	animation: toRightFromLeft 0.3s;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}

	50% {
		opacity: 0;
		transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

#content-bottom-widgets .social {
	position: absolute;
	right: 10px;
	top: 0;
}

#content-bottom-widgets .social li a {
	color: #989898;
}

.social li {
	display: inline-block;
	margin-left: 5px;
	font-size: 2.5em;
}

.social li a {
	font-family: 'fontawesome';
	text-decoration: none;
	box-shadow: none;
}




#menu-responsive {
	display: none;
}

/*  pour navigateur FB  */

#content {
	padding-top: 153px;
}







/*--------------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENTS RESPONSIVE
*/
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1350px) {
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li a {
		font-size: 2vw;
	}
}

@media only screen and (max-width: 1280px) {

	.site-header-main,
	#content-bottom-widgets .widget-area,
	.site-footer,
	.comment-venir {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.zone-texte {
		padding-left: 20px !important;
	}

	.zone-exergue {
		padding-right: 60px !important;
	}

	.et_divi_builder #et_builder_outer_content #footer_doubleEntry .et_pb_slide_description .et_pb_slide_title {
		font-size: 5vw;
	}
}

@media only screen and (max-width: 1030px) {

	/* Texte navigation */
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li a {
		font-size: 1.5vw;
	}

	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu .menu-la-catalogne-container ul.menu li a {
		height: 86%;
	}

	/* INFOS */
	#content-bottom-widgets .widget-area:first-child div>section {
		width: 50%;
	}

	.et_divi_builder #et_builder_outer_content #footer_doubleEntry .et_pb_slide_description .et_pb_slide_title {
		font-size: 5vw;
	}

	.menu-toggle {
		display: none;
	}

	.site-header-menu {
		display: block;
	}
}

@media only screen and (max-width: 800px) {

	.largeur-fixe,
	.largeur-fluide {
		display: block;
	}

	.zone-texte {
		padding-right: 20px !important;
	}

	/* NAV que faire */
	#mega-menu-item-nav_menu-2,
	#mega-menu-item-nav_menu-3 {
		padding-left: 20px !important;
	}

	.site-header #top section p+p {
		display: none;
	}


}

@media only screen and (max-width: 700px) {
	.site-header {
		position: absolute;
		background: #ffdf10;
	}

	.site-header .site-branding {
		margin: 15px auto;
	}

	.site-header #top section {
		margin: 0;
	}

	.site-header #top {
		position: relative;
		width: 100%;
	}

	#top .widget_nav_menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
	}

	#top .widget_nav_menu.open {
		opacity: 1;
		visibility: visible;
	}

	.site-header #top section#text-2 p,
	.site-header #top section#text-6 p {
		display: flex;
		display: -webkit-flex;
		/* Pour les versions anterieures à Safari 9 sur IPAD */
		justify-content: center;
		-webkit-justify-content: center;
		margin: 0 -20px 10px;
		text-align: center;
		background: #fff;
	}

	.site-header #top section#text-2 p:first-child a+a {
		margin: 0 0 0 2px;
	}

	.site-header #top section#text-2 p+p {
		margin: 0 0 10px;
	}

	.site-header #top section .burger {
		display: inline-block;
		box-shadow: none;
	}

	#menu-responsive {
		display: block;
		margin: 0 -20px;
		background: #fff;
	}

	#menu-responsive a {
		display: block;
		padding: 5px 0;
		height: auto;
		text-transform: uppercase;
		font-family: "Open Sans Condensed";
		color: #989898 !important;
		font-size: 1.7em;
		text-align: center;
		line-height: 1;
	}

	/*#menu-responsive li a{*/
	/*background:#efefef;*/
	/*padding:8px;*/
	/*color:#373d3f;*/
	/*}*/

	#menu-responsive li {
		background: #efefef;
		padding: 8px;
		margin: 2px;
	}

	#mega-menu-wrap-primary .mega-menu-toggle {
		display: none;
	}

	#menu-toggle {
		display: none;
	}

	.site-header-menu {
		display: none;
	}

	#mega-menu-wrap-primary .mega-menu-toggle {
		position: fixed;
		top: 20px;
		right: 15px;
		padding-left: 10px;
	}

	#mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary li.mega-menu-item>ul.mega-sub-menu,
	#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children a.mega-menu-link::after {
		display: none !important;
	}

	.site-header .site-branding .site-title {
		display: none;
	}

	.site-header #top {
		display: block;
	}

	.site-header #top section p+p {
		display: none !important;
	}

	/*.site-header .site-header-main{
		float: left;
	}*/
	#main article header.entry-header {
		padding-bottom: 0;
	}

	#main article header.entry-header .post-thumbnail {
		position: relative;
	}

	/* H1 des articles */
	/* Sous l'image */
	/*#main article header.entry-header .entry-title {*/
	/*margin: 30px 0;*/
	/*color: #131516;*/
	/*padding: 5px 20px;*/
	/*font-size: 3em;*/
	/*text-align: left;*/
	/*text-shadow: none;*/
	/*font-weight: 900;*/
	/*}*/
	#main article header.entry-header .entry-title {
		text-shadow: none;
		font-weight: 900;
		color: #131516;
		font-size: 2.1em;
		text-align: left;
		/*position: absolute;*/
		/*left: 0;*/
		/*top: 80%;*/
		/*width:auto;*/
		padding: 0 20px;
	}

	.page-menu #main article header.entry-header .entry-title {
		margin: 30px 0;
		max-width: none;
		font-family: faith;
		font-size: 5em;
		color: #f29c24;
		text-align: center;
		line-height: 2;
		text-shadow: none;
		text-transform: initial;
	}

	/* Articles */
	/*Texte sous-article */
	#main article header.entry-header .entry-summary {
		margin: 20px;
		color: #373d3f;
		/* Gris de lecture */
		font-size: 1.5em;
		line-height: 1.75;
		text-align: left;
		padding-bottom: 25px !important;
		text-transform: initial;
		font-weight: bold;
	}

	.et_divi_builder #et_builder_outer_content .et_pb_text h2 {
		font-size: 2.2em;
		text-transform: inherit;
	}

	/* H4  */
	.page-menu #main article .entry-content .widget_nav_menu h4 {
		font-size: 2em;
		padding: 0 0 15px 0;
		color: #f29c24;
		text-align: center;
	}

	/* Texte des artcles */
	#et_builder_outer_content p {
		font-size: 1em;
		color: #373d3f !important;
	}

	/* Texte sur les images sans hover  */
	#content .et_pb_grid_posts_grid .et_pb_grid_posts_item>div>h2 {
		font-size: 25px !important;
		line-height: 1.2em !important;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	#content .et_pb_grid_posts_grid .et_pb_grid_posts_item:hover>div>h2 {
		transition: none !important;
		transform: none !important;
	}

	/* HOVER */

	/* Permet de cacher le sous-texte version mobile */
	#content .et_pb_grid_posts_grid .et_pb_grid_posts_item>div>p {
		display: none !important;
		font-size: 1.6em;
		text-transform: initial;
	}

	/* bouton reseaux sociaux sous les titres "Catalogne" "Barcelone" ect ... */
	#main article header.entry-header .addtoany_list {
		display: none;
	}

	/*Pour faire disparaitres les pictos à droite des blocks orange*/
	.et_divi_builder #et_builder_outer_content .et_pb_exergue img {
		display: none !important;
	}

	/* block orange sur toute la largeur */
	.zone-exergue {
		padding-right: 0px !important;
	}

	/* padding sur le bouton voir tout */
	#content #et_builder_outer_content .et_pb_button {
		margin: 25px 0 25px 0;
	}

	/* Texte de la citation en minuscule */
	.et_divi_builder #et_builder_outer_content .et_pb_text.zone-citation blockquote {
		text-transform: none;
	}

	/* Section Partager */
	.et_divi_builder #et_builder_outer_content .et_pb_text.zone-partage {
		margin: 25px auto !important;
	}

	#main article header.entry-header .entry-vignette .vignette {
		position: relative;
		display: block;
		margin: auto;
	}

	.et_divi_builder #et_builder_outer_content .et_pb_text.zone-citation {
		margin: 0 20px;
	}

	#content .liste-mosaique .et_pb_column>h2 {
		font-size: 11vw !important;
		line-height: 1;
		padding: 25px;
		/* espace entre section partage et l'image*/
	}

	.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li,
	.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li:nth-child(5n+1) {
		float: none;
		width: 100%;
		margin: 0 0 5px;
	}

	.page-menu #main article .entry-content .menu-la-catalogne-container ul.menu li a {
		background-size: cover !important;
	}

	.page-menu #main article .entry-content .menu-pratique-que-faire-container ul.menu,
	.page-menu #main article .entry-content .menu-pratique-encadre-container ul.menu {
		flex-direction: column;
		-webkitflex-direction: column;
	}

	.page-menu #main article .entry-content .menu-pratique-que-faire-container ul.menu {
		flex-direction: row;
		-webkit-flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		padding: 0 10px;
	}

	.page-menu #main article .entry-content .menu-pratique-que-faire-container ul.menu li {
		width: 44%;
		padding: 0 10px;
		min-height: 100px;
	}

	#content .et_pb_grid_posts_grid .et_pb_grid_posts_item,
	#content-bottom-widgets .widget-area:first-child div>section,
	#content-bottom-widgets .widget-area:first-child div>section:nth-child(2) {
		float: none;
		margin: 0 0 20px;
		width: auto;
	}

	.et_divi_builder #et_builder_outer_content .et_pb_section,
	.et_divi_builder #et_builder_outer_content .et_pb_row,
	.et_divi_builder #et_builder_outer_content .et_pb_column .et_pb_row_inner {
		padding: 0 !important;
	}

	#et_builder_outer_content .et_pb_slide_description .et_pb_slide_title {
		font-size: 3.5em !important;
	}

	.zone-texte {
		margin-top: 0 !important;
	}

	#liste-resultats article {
		width: 100%;
	}

	#content-bottom-widgets .widget-area+.widget-area>div {
		display: block;
	}

	#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget {
		margin: 20px 0 0;
		padding: 0;
		border: none;
	}

	/*.et_divi_builder #et_builder_outer_content .et_pb_slide_content{
		display: none;
	}*/
	#content-bottom-widgets .widget-area+.widget-area .partenaires-widget ul {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	#content-bottom-widgets .widget-area+.widget-area .partenaires-widget ul li {
		margin: 0;
		padding: 0 25px;
		width: 50%;
	}

	#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget,
	:root #content-bottom-widgets .widget-area+.widget-area .sponsors2-widget {
		margin: 0;
		padding: 0;
		border: none;
	}

	#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget ul {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	#content-bottom-widgets .widget-area+.widget-area .sponsors2-widget ul li {
		width: 40%;
	}

	/* Section Comment venir en catalogne */
	/* section voyage */
	/* Titre réduit et interlignage réduit */
	.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir h2 {
		font-family: faith;
		font-size: 3em;
		color: #f29c24;
		text-align: center;
		text-transform: none;
		line-height: 1.5em !important;
	}

	.et_pb_module.et-waypoint.et_pb_image.et_pb_animation_off.et_pb_image_3 img {
		display: none !important;
	}

	/* Alignement des paragraphes sur les moyens de transport*/
	.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir.col4 p {
		float: left;
		width: 100%;
		clear: left;
		padding: 5px 0 25px;
	}

	.et_divi_builder #et_builder_outer_content .et_pb_text.comment-venir p+p {
		margin-left: 0;
	}

	/* Section Footer doubleEntry */
	/* Enlever l'animation et à la place mettre une animation sur le texte et mettre le lien sur l'image */
	#footer_doubleEntry .et_pb_column_1_2 .et_pb_slider .et_pb_slide .et_pb_button {
		opacity: 1;
		transform: none;
		transition: none;
	}

	#footer_doubleEntry .et_pb_column_1_2:hover .et_pb_slider .et_pb_slide .et_pb_button {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.et_divi_builder #et_builder_outer_content #footer_doubleEntry .et_pb_slide_description .et_pb_slide_title {
		font-size: 5em !important;
		padding: 57px 0 !important;
	}

	.content-area.ancien-article #main article .entry-content,
	.page-ancien #main article .entry-content {
		padding: 20px;
	}

	#content .comments-area {
		padding: 10px;
	}

	/* Barre de recherche */

	#et_builder_outer_content div.et_pb_search input[type="submit"] {
		position: absolute;
		bottom: 14px;
		right: 8px;
		max-width: 250px;
	}


	#et_builder_outer_content div.et_pb_search .selectize-dropdown-content {
		width: 300px !important;
	}

	#et_builder_outer_content div.et_pb_search form {
		position: relative;
		margin: 0 auto !important;
		max-width: 300px;
		padding: 5px;
	}

	#et_builder_outer_content div.et_pb_search form div {
		max-width: 300px;
		margin: auto;
	}

	/* liste Gite */
	div.liste-gites>ul>li {
		position: relative;
		float: none;
		width: 80%;
		margin: 15px auto !important;
		padding: 0;
		background: #f2f2f2;
	}

	#main article header.entry-header .entry-title {
		text-align: center;
		position: relative;
		margin: auto;
		left: 0;
		top: 100%;
		padding-top: 11%;
	}

	.liste-gites label {
		margin: 5px 2px;
		display: block;
		text-align: center;
	}

	.liste-gites select {
		margin: auto;
		display: block;
		padding: 1% 25px;
	}

	div.liste-gites ul li ul li {
		padding: 5px 0 0 51px;
	}

	/*  pour navigateur FB  */

	#content {
		padding-top: 145px;
	}

}


@media only screen and (max-width: 360px) {

	#et_builder_outer_content div.et_pb_search input[type="submit"] {
		position: absolute;
		bottom: 16px;
		right: 50px;
	}

	#et_builder_outer_content div.et_pb_search form div {
		max-width: 225px;
	}

	#et_builder_outer_content div.et_pb_search .selectize-input {
		padding: 9px !important;
	}

	div.liste-gites ul li ul li {
		padding: 5px 0 0 38px;
	}

	.liste-gites label {
		margin: 5px 2px;
		display: block;
		text-align: center;
	}

	.liste-gites select {
		margin: auto;
		display: block;
		padding: 1% 25px;
	}

	div.liste-gites ul li ul li {
		padding: 5px 0 0 51px;
	}

	.et_divi_builder #et_builder_outer_content .et_pb_video_box iframe {
		/*height:320px !important;*/
	}

}


.home #content #et_builder_outer_content .et_pb_button {
	background: #fff;
	border-color: #f29c24;
	color: #f29c24 !important;
}

.home .faith-block .et_pb_column_0>h2:nth-child(1),
.home .faith-block .et_pb_column_1>h2:nth-child(1) {
	font-family: 'faith' !important;
	font-size: 3.5rem;
}

.home .faith-block {
	text-align: center !important;
}



.comment-list {}

.comment-list .comment-author b {
	font-size: 1.5em;
}

.comment-list .comment-content {
	margin-left: 50px;
	font-size: 1.4em;
}

.comment-list .reply {
	margin-left: 50px;
}

.comment-list .children>li {
	padding-left: 50px;
}

.comment-list {}

.comment-list {}

.comment-list {}

.at-share-btn-elements {
	position: fixed;
	z-index: 999;
	right: 33px;
	bottom: 100px;
	display: flex;
	flex-direction: column;
}

.content-mask {
	text-align: center;
}

.content-mask .btn-mask {
	color: #fff;
}

.et-db #et-boc .et-l .et_pb_video_box iframe,
.et-db #et-boc .et-l .et_main_video_container iframe,
.et-db #et-boc .et-l .et_pb_slide_video iframe {
  height: 100%!important;
}


/* -----------------
	= PAGE RECETTE
 ----------------- */
 .page-recette .wp-block-media-text {
	margin: 50px auto;
	max-width: 1000px;
	/* test 2*/
	display: flex;
 }
 .page-recette .wp-block-media-text figure {
	position: relative;
	/*height: 100%;
	 test 2*/
	align-self: stretch!important;
	width: 25%;
 }
 .page-recette .wp-block-media-text figure img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%!important;
	width: 100%;
	object-fit: contain;
	object-position: right;
 }
 .wp-block-media-text__content {
	padding-top: 30px!important;
	padding-bottom: 30px!important;
 }
 .wp-block-media-text__content h2 {
	margin-left: 0!important;
 }
 .wp-block-media-text__content h2:first-child {
	margin-top: 0!important;
 }
 .wp-block-media-text__content ul {
	list-style: disc inside;
	font-size: 1.5em!important;
}
 .wp-block-media-text__content ul {}
 .page-recette h2 {
	margin: 20px auto!important;
	max-width: 1000px;
 }
 .page-recette p {
	margin: 20px auto!important;
	max-width: 1000px;
	font-size: 1.5em!important;
 }
 .page-recette p:first-child {
	margin: 50px auto!important;
 }
 .page-recette .wp-block-group {
	margin: 20px auto!important;
	max-width: 1000px;
	overflow: hidden;
 }
 .page-recette .wp-block-group h2 {
	margin-top: 0!important;
	clear: none;
 }
 .page-recette .wp-block-group figure {
	margin: 0 30px 0 0;
 }
 .page-recette .addtoany_list {
	margin: auto;
	max-width: 1000px;
	display: block;
 }

 /* -----------------
	= PAGE BROCHURE
 ----------------- */
 .page-brochure .entry-header {
	background: #f29c24;
	padding-bottom: 40px!important;
 }
 .page-brochure .entry-header h1 {
	margin: 50px auto 30px!important;
	max-width: 1000px!important;
 }
 .page-brochure .liste-brochures > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
 }
 .page-brochure .liste-brochures .wp-block-group {
 }
 .page-brochure .liste-brochures .wp-block-group h2 {
	padding: 0 0 8px;
	margin: 0 0 10px;
	border-bottom: 1px solid rgba(242, 156, 36, 0.3);
	color: #f29c24;
 }
 .page-brochure .liste-brochures .wp-block-group .wp-block-image {
	margin: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
 .page-brochure .liste-brochures .wp-block-group .wp-block-image figure a {
	display: block;
	margin: 0;
	height: 300px;
	width: 200px;
 }
 .page-brochure .liste-brochures .wp-block-group .wp-block-image figure img {
	height: 100%!important;
	width: 100%;
	object-fit: contain;
 }
 .page-brochure .liste-brochures .wp-block-group .wp-block-button__link {
	margin: 0 10px;
	background: #989898!important;
	font-size: 15px;
 }
 .page-brochure .liste-brochures .wp-block-group .wp-block-button__link:hover {
	background: #f29c24!important;
 }
 .page-brochure .addtoany_list {
	margin: auto;
	max-width: 1000px;
	display: block;
 }