/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: stockholm
*/
@import url("../stockholm/style.css");


.gform_wrapper .top_label .gfield_label {color: #212121; text-transform: inherit;}
.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper textarea {border: 1px solid #ccc;}
#gform_wrapper_3 label,
#gform_wrapper_3 .gfield_consent_description {color: white !important;}

.full_width {position: relative !important}

.txtwhite, 
.txtwhite *,
.txtwhite div p {color: white !important;}
.carousel-inner .slider_content .text.one_by_one {padding: 0 20px;}

.bgblue {background: #1583D1;}

.bloc_titre span {display: block;}
.bloc_titre .sous_titre {color: #1b1d1f; font-family: 'Playfair Display', sans-serif; font-style: italic; font-size: 25px; margin-bottom: 20px; font-weight: 600; }
	.bloc_titre .sous_titre.large {font-size: 35px; line-height: 45px;}
.bloc_titre .titre {color: #1b1d1f; font-family: 'Poppins', sans-serif; font-size: 30px; line-height: 40px; margin-bottom: 10px; font-weight: 600; }
	.bloc_titre .titre.large {font-size: 40px; line-height: 50px;}

iframe {display: block; margin: 0; border: 0;}
.wpgmp_map_container {border: 0 !important; box-shadow: none;}


a.popup_menu.large:before {content: "Menu"; display: inline-block; margin-right: 10px; text-transform: uppercase; font-weight: 600; font-family: poppins;}
a.popup_menu.large.opened:before {color: #a4a4a4;}

.footer_top.footer_top_full {padding: 2% 5%;}
.footer_top .widget_nav_menu ul li {display: inline-block;}
.footer_top .widget.widget_nav_menu li:after {content: " | "; display: inline-block; margin-left: 5px;}
.footer_top .widget.widget_nav_menu li:last-child:after {content: ""; display: none; margin-left: 0;}
.footer_top .widget_nav_menu li.menu-item a {margin: 0;}
.contact_form>form>.contact-error {top: -7px;}

.loader {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999999999999999999999; background-color: rgba(0,0,0,.5); text-align: center;}
	.loader i {position: absolute; top: 48%; font-size: 4rem; color: white;}

h2 {margin: 10px 0 5px 0;}
h3 {margin: 10px 0 5px 0;}

.table {display: table;}
.table-cell {display: table-cell; float: none; vertical-align: top; height: 100%; min-height: 100%; padding: 0; margin: 0;}
.pos_absolute {position: absolute !important; top: 0; left: 0; right: 0; bottom: 0;}



	#planning {padding: 60px 0;}
	#planning.onecol {padding: 20px 0;}
	.planning .element {background: white; margin: 0 0 10px 0; border: 1px solid #eee; display: table; width: 48%; float: left;}
	.planning .element.odd {margin-right: 2%;}
		.planning.onecol .element {width: 100%; float: none;}
		.planning.onecol .element.odd {margin-right: 0%;}
		.planning .element .date {display: table-cell; vertical-align: top; width: 100px; height: 75px; color: white; padding: 10px 0;}
		.planning .element.type1 .date,
		.planning .element.type10 .date,
		.planning .element.type11 .date,
		.planning .element.type12 .date,
		.planning .element.type13 .date,
		.planning .element.type14 .date,
		.planning .element.type15 .date,
		.planning .element.type16 .date,
		.planning .element.type17 .date,
		.planning .element.type18 .date {background: #1583d1;}
		
		.planning .element.type2 .date {background: #cc5b10;}
		.planning .element.type3 .date {background: #d92e2b;}
		.planning .element.type9 .date {background: #84c002;}
			.planning .element .date > * {display: block; text-align: center;}
			.planning .element .date .sem {font-size: 1em;}
			.planning .element .date .day {font-size: 2em; font-weight: 600; margin: 3px 0 0;}
			.planning .element .date .month {font-size: 1em;}
		.planning .element .contenu {display: table-cell; vertical-align: top; padding: 10px 0 0 20px;}
			.planning .element .contenu h2 {font-family: 'Poppins', sans-serif; font-size: 12px; line-height: 1; margin: 0px 0 10px 0; font-weight: 600; font-style: normal; text-transform: uppercase}
			.planning .element .contenu h3 {font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 20px; margin: 0px; font-weight: 600; font-style: normal;}


/* PLanning modif */
#planning .jour {font-size: 1.5em; font-weight: 600; padding-bottom: 5px; margin: 30px 0 15px; font-family: 'Poppins', sans-serif; color: #1583d1; border-bottom: 1px solid #1583d1}
#planning .month {font-size: 2em; font-weight: 600; padding: 30px 30px 0px 30px; margin: 0 0 10px 0; font-family: 'Poppins', sans-serif; color: #1583d1; border: 1px solid #1583d1; text-align: center; cursor: pointer}
#planning .bloc_content_month {padding: 20px; margin: 0 0 40px; border: 1px solid #1583d1; display: none;}
.planning .element2 {background: white; margin: 0 0 10px 0; border: 1px solid #eee; display: table; width: 100% }

	.planning .element2 .one_col {display: table-cell; vertical-align: middle; padding: 20px; width: 45%;}
	.planning .element2 .two_col {display: table-cell; vertical-align: middle; padding: 20px; width: 35%}
	.planning .element2 .three_col {display: table-cell; vertical-align: middle; padding: 0; width: 100px; background: #cc5b10}
	.planning .element2 .three_col.rando_gratuite {background: #1583d1}
		.planning .element2 .three_col.rando_gratuite div {display: block; color: white; text-align: center; text-transform: uppercase; padding: 35px; line-height: 1.2;}
		.planning .element2 .three_col a {display: block; color: white; text-align: center; text-transform: uppercase; padding: 35px 0}
		.planning .element2 .three_col.rando_gratuite div p {color: white; text-align: center; text-transform: uppercase; line-height: 1.2;}
		.planning .element2 .three_col.rando_gratuite div a {display: inline; padding: 0;}
		.planning .element2 h2 {font-family: 'Poppins', sans-serif; font-size: 12px; line-height: 1; margin: 0px 0 10px 0; font-weight: 600; font-style: normal; text-transform: uppercase}
		.planning .element2 h3 {font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 20px; margin: 0px; font-weight: 600; font-style: normal;}



	.planning .contact_form { clear: both; margin: 20px 0 0 0; padding: 160px 0 0 0;}
	.planning .contact_form.hide > div {display: none}
	.planning .contact_form input[type=email], .planning .contact_form input[type=tel] {position: relative; width: 100%; margin: 0 0 15px 0; padding: 10px 17px; outline: 0; resize: none; font-family: inherit; font-size: inherit; line-height: 18px; background-color: #fff; color: #212121; border: 1px solid #ededed; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border: 1px solid #d1d1d1; color: #212121;}
    .planning .contact_form .date_resa {display: block; margin: 20px 0 5px 0; font-weight: 900; color: #1583d1; }
    .planning .contact_form label {display: block}
    .planning .contact_form label.mt2 {margin-top: 20px;}
	.planning .contact_form select{width: 100%; padding: 10px; margin: 0px 0 15px 0; height: 40px; line-height: 1.4; background: white;}
	.planning .contact_form input[type=submit]{cursor: pointer; position: relative; width: 100%; margin: 20px 0 15px 0; padding: 10px 17px; outline: 0; resize: none; font-family: inherit; font-size: inherit; line-height: 18px; background-color: #fff; color: #8d8d8d; border: 1px solid #1583d1; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #1583d1; border: 1px solid #1583d1; color: white;}
	.planning .error {color: #cc5b10; font-weight: 600; text-transform: uppercase; margin: 10px 0;}
	.planning .send {color: #1583d1; font-weight: 600; text-transform: uppercase; margin: 30px 0 10px; text-align: center; clear: both}
	.planning .error {color: #cc5b10; font-weight: 600; text-transform: uppercase; margin: 10px 0;}
	.planning .contact_form .rouge {background: #c00; color:#fff; padding: 8px; text-align: center; margin-bottom: 10px}

.contact_form .calcul_tarif {display: none;}
.contact_form .calcul_tarif span {text-align: center; display: block; margin: 10px 0 0 0; font-size: 25px; font-weight: 600; line-height: 1;}
.contact_form .calcul_tarif span.price {margin: 20px 0 0 0; font-size: 70px; color: #cc5b10; font-weight: 900;}
.contact_form input[type="tel"],
.contact_form input[type="email"] {color: black}

#seo .title {background-color: transparent !important; color: #333; height: auto}
#seo .title h1 {color: #333}
#seo h2 {text-transform: none; margin-bottom: 40px;}
#seo h3 {font-style: normal; margin: 10px 0 5px 0; font-family: "Raleway", sans-serif;}
#seo p {margin-bottom: 20px}

#bloc_bas_footer .table-cell >div {display: table; height: 100%;}
.overflow {overflow: hidden}
.col1 > div {background-position: left top !important;}


.asp_all_buttons_container {margin: auto; text-align: center}
button.bouton_paiement {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
	color: rgb(255, 255, 255);
	border-color: rgb(204, 91, 16);
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	border-radius: 20px;
	background-color: rgb(204, 91, 16);
	display: inline-block;
	padding: 10px 30px;
	border: 0;
	min-width: 200px;
	cursor: pointer;}

.footer_cw_actu {position: relative; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center;background: #f2f2f2}
	.footer_cw_actu .bloc_1 {flex-grow: 1; flex-basis: 33%; position: relative; background: #212121; color: white}
		.footer_cw_actu .bloc_1 * {color: white}
		.footer_cw_actu .bloc_1 strong {font-size: 25px}
		.footer_cw_actu .bloc_1 p {margin-bottom: 20px;}
	.footer_cw_actu .bloc_2 {flex-grow: 1; flex-basis: 66%; position: relative; background: #f2f2f2;}
		.footer_cw_actu .bloc_2 h3 {font-size: 26px;}
		.footer_cw_actu .bloc_2 p {font-size: 24px; line-height: 1.5}
	.footer_cw_actu .bloc_1,
	.footer_cw_actu .bloc_2 {padding: 40px 60px}
	

.footer_cw {position: relative; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;}
	.footer_cw .bloc_1 {flex-grow: 1; flex-basis: 50%; position: relative}
	.footer_cw .bloc_2,
	.footer_cw .bloc_3 {flex-grow: 2; flex-basis: 25%; position: relative}

	.footer_cw .bloc_1 .img,
	.footer_cw .bloc_2 .img,
	.footer_cw .bloc_3 .img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; background-size: cover; background-position: center center;}
	.footer_cw .bloc_1 .texte {background: rgba(255,255,255,.7); margin: 0 0 0 50%; padding: 60px 40px; height: 100%; position: relative; z-index: 1}
	.footer_cw .bloc_2 .texte,
	.footer_cw .bloc_3 .texte {z-index: 1; position: relative; padding: 60px 40px;}
	.footer_cw .bloc_2 .texte *,
	.footer_cw .bloc_3 .texte * {color: white;}
	.footer_cw .bloc_2 .texte a,
	.footer_cw .bloc_3 .texte a {margin-top: 10px;}


@media only screen and (max-width:1280px) {
	.table {display: inherit;}
	.table-cell {display: block; float: left; vertical-align: top; height: 100%; min-height: 100%; padding: 0; margin: 0;}
	.table-cell .pos_absolute {position: relative!important; }
}

@media only screen and (max-width:1000px) {
	.logo_wrapper {display: table; left: 0; position: relative}
	.q_logo a {left: inherit;}
	.light:not(.sticky):not(.scrolled) .side_menu_button>a {color: #1b1b1b;}
	.light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after {color: #1b1b1b;}
	.light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after {background: #1b1b1b;}
	header .q_logo img.normal {opacity: 0; display: none;}
	header .q_logo img.light, header .q_logo img.dark, header .q_logo img.sticky {display: block !important; opacity: 1;}
}

@media only screen and (max-width:800px) {
	.planning .element {display: table; width: 100%; float: none; clear: both}
	.planning .element.odd {margin-right: 0%;}
	
	.footer_cw {display: flex; flex-wrap: wrap; }
	.footer_cw .bloc_1 {flex-grow: 1; flex-basis: 100%;}
	.footer_cw .bloc_2,
	.footer_cw .bloc_3 {flex-grow: 2; flex-basis: 50%;}	
}

@media only screen and (max-width:768px) {
	.planning .element2 .one_col {width: 40%;}
	.planning .element2 .two_col {width: 40%}
	.planning .element2 .three_col {width: 100px;}
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 900px) and (orientation: landscape) { 
	.q_logo a{height: 25px !important;}
	.carousel .carousel-inner h2 span {font-size: 25px !important; line-height: 1 !important}
	.carousel .q_slide_title {line-height: .7 !important}
	.q_slider .carousel-inner .q_slide_title {line-height: 0 !important}
	.carousel-inner .slider_content .slide_buttons_holder .qbutton {margin: 5px 10px !important}
}

@media only screen and (max-width:767px) {
	.footer_cw_actu {flex-wrap: wrap;}
	.footer_cw_actu .bloc_1 {flex-basis: 100%;}
	.footer_cw_actu .bloc_2 {flex-basis: 100%;}

	.q_logo a{height: 25px !important;}
	.carousel .carousel-inner h2 span {font-size: 25px !important; line-height: 1 !important}
	.carousel .q_slide_title {line-height: .7 !important}
	.q_slider .carousel-inner .q_slide_title {line-height: 0 !important}
	.carousel-inner .slider_content .slide_buttons_holder .qbutton {margin: 5px 10px !important}
	

	
	.footer_cw {display: flex; flex-wrap: wrap; }
	.footer_cw .bloc_1 {flex-grow: 1; flex-basis: 100%;}
	.footer_cw .bloc_2,
	.footer_cw .bloc_3 {flex-grow: 2; flex-basis: 100%;}	
	.planning .element2 {display: block;}
	.planning .element2 .one_col {width: 88%; padding: 6%; display: block}
	.planning .element2 .two_col {width: 88%; padding: 6%; display: block}
	.planning .element2 .three_col {width: 100%; padding: 0; display: block}
	.planning .element2 .three_col.rando_gratuite div {padding: 15px 0;}
	.planning .element2 .three_col.rando_gratuite div p {line-height: 1; color: white; text-transform: uppercase; line-height: 1;}
	.planning .element2 .three_col.rando_gratuite div a {display: inline; padding: 0 !important; margin: 0 !important;}

	.planning .element2 .three_col a {padding: 15px 0}
}