/*
Theme Name: Shed
Author: leshedstudio
Author URI: leshedstudio.com
Version: 1
Text Domain: shed
*/

/**
* main style sheet
* @author		charroma@gmail.com
* @creationDate 2020-01-21
* @editDate		2020-01-21
*/

/**
 * #111726
 * #1a253f
 * #d7d8da
 * #e5e3e5
 */

/** http://meyerweb.com/eric/tools/css/reset/ 	v2.0 | 20110126		License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input[type=checkbox], input[type=radio] { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;}

/** migth as well since inherit doesn't work for IE7 and below */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong { font-weight: bold;}
em { font-style: italic;}
a, button { outline: none;}
abbr { text-decoration: none; }
img { vertical-align: bottom;}
sup { font-size: 60%; }
mark { background-color: inherit; color: inherit; }
ins { text-decoration: none; }
template, [v-cloak] { display: none; }
input[type=submit], button { border-radius: 0;}
button::-moz-focus-inner { padding: 0; border: 0 }

/*::selection { background: #333; color: #fff;}
::-moz-selection { background: #333; color: #fff;}*/

body { background: #fff; line-height: 1.5; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; -webkit-text-size-adjust: none;}
body, input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=range], select, textarea { font-size: 16px; color: hsla(222.9, 10%, 40%, 1); }


/** links */
a { color: #1a253f; text-decoration: underline;}
a:hover, a:active, a:focus { color: hsla(222.2, 41.6%, 7.5%, 1.0);}
.disabled, button[disabled] { cursor: default; }


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 24, 2020 */
@font-face {
	font-family: 'lato';
	src: url('css/fonts/lato-black.woff2') format('woff2'),
		 url('css/fonts/lato-black.woff') format('woff');
	font-weight: 900; font-style: normal;
}
@font-face {
	font-family: 'lato';
	src: url('css/fonts/lato-bold.woff2') format('woff2'),
		 url('css/fonts/lato-bold.woff') format('woff');
	font-weight: bold; font-style: normal;
}
@font-face {
	font-family: 'lato';
	src: url('css/fonts/lato-regular.woff2') format('woff2'),
		 url('css/fonts/lato-regular.woff') format('woff');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'lato';
	src: url('css/fonts/lato-light.woff2') format('woff2'),
		 url('css/fonts/lato-light.woff') format('woff');
	font-weight: 300; font-style: normal;
}

/*!
 * Font Awesome Free 5.0.0 by @fontawesome - http://fontawesome.com
 * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
/*@font-face{
	font-family:'FontAwesome';
	src:url('css/fonts/fa-regular-400.eot?v=5.9.0');
	src:url('css/fonts/fa-regular-400.eot?#iefix&v=5.9.0') format('embedded-opentype'),
		url('css/fonts/fa-regular-400.woff2?v=5.9.0') format('woff2'),
		url('css/fonts/fa-regular-400.woff?v=5.9.0') format('woff'),
		url('css/fonts/fa-regular-400.ttf?v=5.9.0') format('truetype'),
		url('css/fonts/fa-regular-400.svg?v=5.9.0#fontawesomeregular') format('svg');
	font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-display: block;
}*/
@font-face{
	font-family:'FontAwesomeSolid';
	src:url('css/fonts/fa-solid-900.eot?v=5.9.0');
	src:url('css/fonts/fa-solid-900.eot?#iefix&v=5.9.0') format('embedded-opentype'),
		url('css/fonts/fa-solid-900.woff2?v=5.9.0') format('woff2'),
		url('css/fonts/fa-solid-900.woff?v=5.9.0') format('woff'),
		url('css/fonts/fa-solid-900.ttf?v=5.9.0') format('truetype'),
		url('css/fonts/fa-solid-900.svg?v=5.9.0#fontawesomeregular') format('svg');
	font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-display: block;
}
@font-face{
	font-family:'FontAwesomeBrand';
	src:url('css/fonts/fa-brands-400.eot?v=5.9.0');
	src:url('css/fonts/fa-brands-400.eot?#iefix&v=5.9.0') format('embedded-opentype'),
		url('css/fonts/fa-brands-400.woff2?v=5.9.0') format('woff2'),
		url('css/fonts/fa-brands-400.woff?v=5.9.0') format('woff'),
		url('css/fonts/fa-brands-400.ttf?v=5.9.0') format('truetype'),
		url('css/fonts/fa-brands-400.svg?v=5.9.0#fontawesomeregular') format('svg');
	font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-display: block;
}

/** fonts */
body, input, select, textarea { font-family: 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

.text a[rel*="external"]:after, .bt[rel*="external"]:after, .select:after, .pop-close:before, .shop_table .remove:before,
.ul-studio ul li:before, .cours-ls a:after, .foot h3 a:before, .head .nav .menu-store:after,
#cboxClose:before, #cboxPrevious:before, #cboxNext:before, .bt-inscription:after { font-family: 'FontAwesomeSolid', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

.follow a:before { font-family: 'FontAwesomeBrand', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

/* **************************** */
/** transitions */
.head a, .head .logo img, .foot a, .foot .logo img, .home-location a,
.bloc-promo a, .trip-ls .img, .trip-ls img, .trip-ls h3 span, .follow a,
.foot .by img, .hero h4 a, .map .link, .submenu a, .bloc-gallery img, .trip-single .gallery a,
button, .bt, input[type=submit], .head .has-sm ul,
#colorbox #cboxClose, #colorbox #cboxNext, #colorbox #cboxPrevious { transition: all 0.2s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.trip-ls h3 { transition: top 0.2s linear, color 0.2s linear; }
/** #colorbox button { -webkit-transition: none; transition: none;} */


/* **************************** */
/** animations */
.fixed { animation: slideIn 0.5s ease-in-out forwards; }
.fixed.slideOut { animation: slideOut 0.5s ease-in-out forwards; }

.js .img-replace .to-replace { display: none; }
.loaded .img-replace .to-fill { animation: fadeIn 0.5s ease-in-out forwards; }
.img-replace .to-fill { opacity: 0; }

@keyframes slideIn {
	0% { top: -100px;}
	100% { top: 0;}
}
@keyframes slideOut {
	to { opacity: 0; top: -100px;}
}
@keyframes fadeIn {
	0%   { opacity: 0;}
	100% { opacity: 1;}
}

/* **************************** */
/** class gen */
.hide { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.hidden { visibility: hidden;}
.none, .printonly { display: none!important;}
.ir { display: block; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px;}

.clear { clear: both;}
.clearer { display: block!important; width: 100%!important; clear: both!important; height: 0!important; line-height: 0!important; font-size: 1px!important; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important; border: none!important}
.selfclear { overflow: hidden;}

.text-center { text-align: center;}
.text-right { text-align: right;}
.text-left { text-align: left;}

.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 12px; }

.max { max-width: 480px; }
.auto { margin-left: auto; margin-right: auto; }

.fl { float: left;}
.fl-r { float: right;}
.no-fl { float: none;}

.no-space { margin-bottom: 0;}
.space-sml { margin-bottom: 5px;}
.space { margin-bottom: 10px;}
.spaced { margin-bottom: 15px;}
.space-big { margin-bottom: 30px;}
.space-bigger { margin-bottom: 45px;}
.space-biggest { margin-bottom: 60px;}
.space-top { margin-top: 15px;}
.space-top-big { margin-top: 30px;}

.spinner { margin: 0!important; padding: 0!important;}

/* **************************** */
/** jquery-ui */
body #ui-datepicker-div { display: none;}
body .ui-widget { font-size: 1em;}
body .ui-dialog { text-align: left;}
	body .ui-dialog .ui-dialog-content { padding-top: 20px !important;}

html #colorbox, #colorbox #cboxWrapper { overflow: visible; }
#cboxLoadedContent { text-align: left;}
#colorbox #cboxContent { margin: 30px; }
#colorbox #cboxClose, #colorbox #cboxNext, #colorbox #cboxPrevious { width: auto; height: auto; background: transparent; color: #fff; text-indent: 0; line-height: 1; }
	#colorbox #cboxClose { top: -24px; right: -30px;}
	#colorbox #cboxClose:before { content: '\f057'; display: block; font-size: 28px; border-radius: 100%; text-align: center;}

	#colorbox #cboxPrevious:before, #colorbox #cboxNext:before { display: block; font-size: 32px; }
	#colorbox #cboxPrevious { left: -30px; }
	#colorbox #cboxNext { right: -30px; }
	#colorbox #cboxPrevious:before { content: '\f104';}
	#colorbox #cboxNext:before { content: '\f105';}
	#colorbox #cboxTitle { display: none!important; top: 5px; left: 5px; right: 5px; padding: 5px 15px; background-color: rgba(0, 0, 0, 0.5); }
	#colorbox #cboxCurrent { top: -25px; right: 15px; font-size: 14px; }
	#colorbox #cboxClose:hover, #colorbox #cboxNext:hover, #colorbox #cboxPrevious:hover { opacity: 0.5;}

#tip { display: none; position: absolute; max-width: 300px; padding: 4px 10px; font-size: 11px; line-height: 1; background: #222; color: #fff; white-space: nowrap; border-radius: 5px; box-shadow: 0 1px 5px #222; z-index: 9999;}
#overlay { position:fixed; top: 0; left: 0; z-index:9999; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5);}

#pop { position: fixed; z-index: 10000; top: 50%; left: 50%; min-height: 200px; width: 570px; margin: -100px 0 0 -305px; padding: 20px; background: #fff; text-align: left;}
	#pop.absolute { position: absolute; z-index: 10000; top: 20px; margin-top: 0;}
	#pop .submit { margin-bottom: 0;}
	.pop-close { position: absolute; top: 3px; right: 5px; }
	.pop-close:before { content: '\f057'; line-height: 1; font-size: 24px; }

/* **************************** */
/** forms */
fieldset { margin-bottom: 20px;}
fieldset > :last-child { margin-bottom: 0; }

button { font-size: 1em;}
.form-group { margin-bottom: 15px;}
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=range],
select,
textarea { width: 250px; height: 35px; padding: 0 10px 0; background: #f2f2f2; border: 1px solid #ccc; outline: none; box-sizing: border-box; border-radius: 0;}

select { padding: 0 10px; background: #f2f2f2; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; }
.select { display: block; position: relative; overflow: hidden; padding: 0; background-color: #f2f2f2; border: 1px solid #ccc; text-align: left; box-sizing: border-box;}
.select:after { position: absolute; top: 50%; right: 10px; z-index: 1; content: ' \f107'; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.select select { position: relative; z-index: 2; width: 110%!important; max-width: inherit; height: 33px; background-color: transparent; border: none;}
.select select::-ms-expand { display: none;}
.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=range]:focus,
select:focus,
.select.focus,
textarea:focus { border-color: #999;}

textarea { height: 150px; padding-top: 10px; padding-bottom: 10px; overflow: auto; vertical-align: top; -webkit-appearance: none;}
textarea.sml { height: 50px;}
select { max-width: 250px;}
input[type=file] { font-size: 12px;}
input[type=text], input[type=email], input[type=submit] { -webkit-appearance: none; -moz-appearance: none; }

form .label-in { color: #999;}
input.sml { width: 60px;}
input.med { width: 125px;}
input.disabled, input[disabled] { background-color: #ddd;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { }
input:-moz-placeholder, textarea:-moz-placeholder { }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;}

.i-info { color: #ccc; font-size: 11px; line-height: 1; font-style: italic;}

form label, form .label { display: block; width: auto; margin-bottom: 5px; line-height: 1.2; float: none; text-align: left;}

.i-multi .wpcf7-form-control { display: flex; flex-wrap: wrap; }
.i-multi .wpcf7-list-item { margin-right: 30px; }
.i-multi .wpcf7-list-item label { display: flex; }
.i-multi .wpcf7-list-item input { margin-top: 2px; }
.i-multi .wpcf7-list-item-label { flex: 1 1 auto; margin-left: 5px; }

.i-checkbox label,
.i-radio label { display: block; margin-top: 0; margin-bottom: 0; margin-left: 25px; font-weight: normal;}

.full textarea,
.full input[type=text],
.full input[type=password],
.full input[type=email],
/*.full input[type=number],*/
.full input[type=tel],
.full input[type=url],
.full input[type=range],
.full .select { width: 100%; max-width: inherit;}

#i-pers { width: 100px; }

form .submit { margin: 30px 0 0;}
	.submit button, .submit a { margin-right: 15px; vertical-align: middle;}
	.submit a:last-child { margin-right: 0;}

button, input[type=submit] { display: inline; background: none; cursor: pointer;}
	button, .bt, input[type=submit] { display: inline-block; padding: 15px 30px; background: #1a253f; border: 2px solid #1a253f; color: #fff; font-size: 16px; text-transform: uppercase; white-space: nowrap; text-align: center; overflow: hidden; text-overflow: ellipsis; text-decoration: none; box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05), 0 4px 4px rgba(0,0,0,0.05), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.05);}
	input[type=submit]:hover, input[type=submit]:focus,
	button:hover, button:focus,
	.bt:hover, .bt:focus { background: hsla(222.2, 41.6%, 7.5%, 1.0); border-color: hsla(222.2, 41.6%, 7.5%, 1.0); color: #fff; outline: none;}

.bt.sml { padding: 7px 15px; font-size: 11px;}
.bt.med { padding: 10px 25px; font-size: 14px;}

.bt.alt { background-color: #fff; color: #1a253f; }
.bt.alt:hover, .bt.alt:focus { background-color: #d7d8da; color: #1a253f; }

.msgbox, .wpcf7-response-output { position: relative; margin-bottom: 15px; padding: 15px 30px 15px 20px; background-color: #ffedc5; color: #857755; line-height: 1.4; border: 1px solid #dbc9a2;}
	.msgbox p, .msgbox ul { margin-bottom: 15px; }
	.msgbox > :last-child { margin-bottom: 0; }
	.msgbox ul { margin-left: 20px; list-style-type: disc;}
	.msgbox.success ul { margin-left: 0; list-style-type: none;}
	.msgbox label { display: block; float: none; margin: 0;}
	.msgbox .close { position: absolute; top: 2px; right: 2px; display: none;}
	.wpcf7-response-output { padding-top: 15px; }

.msgbox.success, .sent .wpcf7-response-output { background: #e1f1d3; border-color: #c6d9b6; color: #3c763d;}
.msgbox.success a { color: #3c763d; text-decoration: underline; }
.msgbox.success a:hover, .msgbox.success a:focus { color: #000; }

.msgbox.errors, .browsehappy, .invalid .wpcf7-response-output,
.aborted .wpcf7-response-output, .failed .wpcf7-response-output,
.spam .wpcf7-response-output { background: #fad5d8; border-color: #d4adb1; color: #a94442;}
.msgbox.errors a { color: #a94442; text-decoration: underline; }
.msgbox.errors a:hover, .msgbox.errors a:focus { color: #000; }

input.wpcf7-not-valid, textarea.wpcf7-not-valid, .select.wpcf7-not-valid { border-color: #d4adb1;}
.wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #a94442;}

.browsehappy { padding: 10px; text-align: center;}
	.browsehappy a { color: #a94442; text-decoration: underline;}

.screen-reader-response, .wpcf7-response-output { display: none; }
.invalid .wpcf7-response-output, .sent .wpcf7-response-output,
.unaccepted .wpcf7-response-output, .spam .wpcf7-response-output,
.aborted .wpcf7-response-output, .failed .wpcf7-response-output { display: block; }

/* **************************** */
/** header */
.head { padding: 30px 0; border-bottom: 1px solid #1a253f; }
	.head .skip-main:focus { transition: all 0s linear; top: 0; left: 0; width: auto; height: auto; padding: 3px 5px; overflow: hidden; clip: unset; font-size: 12px; background-color: #000; color: #fff; }
	.head .container { display: flex; align-items: center; }

	.head .logo { flex: 0 0 auto; margin-right: 30px; }
		.head .logo a, .head .logo img { display: block; }
		.head .logo a:hover img, .head .logo a:focus img,
		.foot .logo a:hover img, .foot .logo a:focus img { opacity: 0.5; }
		.home .head .logo a:hover img, .home .head .logo a:focus img,
		.home .foot .logo a:hover img, .home .foot .logo a:focus img { opacity: 1; cursor: default; }

	.head .nav { flex: 1 0 auto; margin-top: 6px; font-weight: bold; }
		.head .nav ul { display: flex; justify-content: flex-end; }
		.head .nav li { margin-left: 20px; }
		.head .nav li:first-of-type { margin-left: 0; }
		.head .nav a { position: relative; z-index: 2; display: inline-block; padding: 2px 0; border-bottom: 1px solid #fff; text-decoration: none; line-height: 1.2; }
		.head .nav a:hover, .head .nav a:focus { border-bottom-color: #1a253f; }
		.head .nav > ul > li > .selected:after { content: ''; position: absolute; z-index: 1; bottom: -20px; left: 50%; width: 30px; height: 11px; background: url(img/wave.svg) 0 0/100% auto no-repeat; transform: translateX(-50%); }

		.head .nav .menu-store { border-bottom: none; }

	.head .has-sm { position: relative; }
		.head .has-sm ul { display: none; position: absolute; top: 25px; left: 0; padding: 15px; background-color: #fff; font-size: 14px; box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12); }
		.head .sm li { margin: 0 0 5px; }
		.head .sm li:last-of-type { margin-bottom: 0; }
		.head .sm a { font-weight: normal; white-space: nowrap; }
		.head .sm .selected { opacity: 0.5; }

	.head .nav-sec { position: absolute; top: -15px; right: 0; font-size: 12px; }
		.head .nav-sec ul { display: flex; }
		.head .nav-sec li { margin-left: 20px; }
		.head .nav-sec li:first-of-type { margin-left: 0; }
		.head .nav-sec a:hover, .head .nav-sec:focus, .head .nav-sec .selected { opacity: 0.5; }

		.bt-inscription, .head .nav .menu-store { display: inline-block; padding: 2px 8px; background-color: #1a253f; color: #fff; text-decoration: none; }
		.bt-inscription:after, .head .nav .menu-store:after { content: '\00a0\f35d'; position: relative; top: -1px; font-size: 9px; font-weight: normal; }
		.head .nav-sec .bt-inscription:hover, .head .nav-sec .bt-inscription:focus,
		.head .nav .menu-store:hover, .head .nav .menu-store:focus { background-color: #000; color: #fff; opacity: 1; }

	.bt-nav-mobile, #mobile-overlay, .nav-mobile { display: none; }

/* **************************** */
/** content */
#wrapper { text-align: center;}
.content { margin-bottom: -1px; padding: 0 0 1px 0;}
.container { position: relative; width: 960px; margin: 0 auto; text-align: left;}
	h1, .h1 { margin-bottom: 15px; font-size: 38px; line-height: 1.2; font-weight: 900; color: #111726; }
	h2, .h2 { margin-bottom: 15px; font-size: 36px; line-height: 1.2; font-weight: 900; color: #111726; }
	h3 { margin-bottom: 15px; font-size: 28px; line-height: 1.2; font-weight: 900; color: #111726; }
	h4 { margin-bottom: 8px; font-size: 20px; font-weight: 900; line-height: 1.2; color: #111726; }

	.text a[rel*="external"]:after, .bt[rel*="external"]:after { content: '\00a0\f35d'; font-size: 12px;}
	.bt[rel*="external"]:after { position: relative; top: -1px; }

.text { margin-bottom: 30px; line-height: 1.4;}
	.text p, .text ul, .text ol, .text dl { margin-bottom: 15px;}
	/*.text ul { list-style-type: disc; margin-left: 20px;}
	.text ul ul { margin-bottom: 0; margin-top: 5px; list-style-type: circle;}*/
	.max, .text h2, .text h3, .text h4, .text p, .text ul, .text ol, .text blockquote, .text .vid { max-width: 700px; }
	.schedule p { max-width: inherit; }
	.text p + h2, .text p + h3,
	figure + h2, figure + h3,
	.text ul + h2, .text ul + h3 { margin-top: 30px; }

	.text ul { margin-left: 0; list-style-type: none; }
		.text ul li { position: relative; padding-left: 20px; }
		.text ul li:before { content: '•'; position: absolute; top: 0; left: 0; }
		.text ul ul { margin-bottom: 0; }

	.text ol { margin-left: 15px; counter-reset: term;}
		.text ol > li { position: relative; margin-top: 10px; padding-left: 30px; }
		.text ol > li:first-of-type { margin-top: 0; }
		.text ol > li:before { content: counter(term, decimal-leading-zero) '.'; position: absolute; left: 0; top: 0; width: 20px; color: #000; text-align: center; font-size: 20px; line-height: 1; counter-increment: term; }

	.text .no-ls { list-style-type: none; margin-left: 0;}
	.text > :last-child, .text.no-space { margin-bottom: 0; }

.out { width: 1280px; margin-left: -160px; }
.img-replace { position: relative; }
	.img-replace .to-fill { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: 50% 50%/cover no-repeat; }

.col2, .col2-3, .col2-5, .col3, .col3-4, .col4, .col5 { float: left; margin-right: 3.8%;}
.col2.last, .col2-3.last, .col2-5.last, .col3.last, .col3-4.last, .col4.last, .col5.last { margin-right: 0;}
.col2.auto, .col2-3.auto, .col2-5.auto, .col3.auto, .col3-4.auto, .col4.auto, .col5.auto { float: none; }
.col2 { width: 48%;}
.col2-3 { width: 65.4%;}
.col2-5 { width: 37.72%;}
.col3 { width: 30.75%;}
.col3-4 { width: 74.05%;}
.col4 { width: 22.05%;}
.col5 { width: 16.96%;}

.cols2, .cols3, .cols4, .col2-set { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.cols2 > *, .cols3 > *, .cols4 > *, .col2-set > * { flex: 0 0 48%; margin-right: 3.8%; }
	.cols2 > *:nth-child(even), .col2-set > *:nth-child(even) { margin-right: 0; }
	.cols3 > *:nth-child(3n) { margin-right: 0; }
	.cols4 > *:nth-child(4n) { margin-right: 0; }
.cols3 {}
	.cols3 > * { flex: 0 0 30.75%; }
.cols4 {}
	.cols4 > * { flex: 0 0 22.05%; }

.cols-reverse { flex-direction: row-reverse; }
	.cols-reverse.cols2 > *:nth-child(even) { margin-right: 3.8%; }
	.cols-reverse.cols2 > *:nth-child(odd) { margin-right: 0%; }

.w-img, .alignleft, .alignright, .wp-block-image { margin-bottom: 15px; }
.alignleft { float: left; max-width: 48%; margin-right: 3.8%; margin-top: 5px; }
.alignright { float: right; max-width: 48%; margin-left: 3.8%; margin-top: 5px; }
	.w-img img, .wp-block-image img { display: block; max-width: 100%; height: auto; }
	.w-img .desc, .wp-block-image figcaption { margin-top: 10px; font-size: 12px; color: #999; text-align: left; }
	.w-img .desc p:last-of-type { margin-bottom: 0; }

.bloc-content + .bloc-gallery { margin: 45px 0; }
.bloc-gallery { max-width: 700px; margin-bottom: 45px; }
	.bloc-gallery ul { display: flex; flex-wrap: wrap; margin-bottom: -3.8%; }
	.bloc-gallery li { margin-bottom: 3.8%; margin-right: 3.8%; }
	.bloc-gallery li:nth-child(odd) { flex: 0 0 65.4%; }
	.bloc-gallery li:nth-child(even) { flex: 0 0 30.75%; margin-right: 0; }
	.bloc-gallery li:nth-child(3n) { flex: 0 0 30.75%; }
	.bloc-gallery li:nth-child(4n) { flex: 0 0 65.4%; margin-right: 0; }
	.bloc-gallery a, .bloc-gallery img { display: block; }
	.bloc-gallery a:hover img, .bloc-gallery a:focus img { opacity: 0.75; }

.section { padding: 60px 0; }
.section.gray { background-color: #e5e3e5; }
	.section > :last-child { margin-bottom: 0; }

.submenu { background-color: #1a253f; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
	.submenu .sm { display: flex; justify-content: center; padding: 7px 0; }
	.submenu li { margin: 0 12px; }
	.submenu li:first-of-type { margin-left: 0; }
	.submenu li:last-of-type { margin-right: 0; }
	.submenu a { position: relative; z-index: 2; display: inline-block; border-bottom: 1px solid #1a253f; text-decoration: none; color: #fff; }
	.submenu a span { position: relative; z-index: 2; }
	.submenu a:hover, .submenu a:focus { border-bottom-color: #fff; }
	.submenu .selected span { opacity: 0.5; }
	.submenu .selected:hover, .submenu .selected:focus { border-bottom-color: #1a253f; }

.hero { padding: 40px 0 45px; background: #1a253f url(img/bg-foot.jpg) 50% 0/cover no-repeat; color: #fff; }
	.hero .container > :last-child { margin-bottom: 0; }
	.hero h1 { margin-bottom: 0; color: #fff; font-weight: normal; }
	.hero h4 { text-transform: uppercase; margin: 0; letter-spacing: 2px; font-weight: 300; font-size: 12px; }
	.hero h4, .hero h4 a { color: rgba(255, 255, 255, 0.5); text-decoration: none; }
		.hero h4 a:hover, .hero h4 a:focus { color: #fff; }
	.hero .intro { font-weight: 300; font-size: 20px; }
	.hero a { color: #fff; }
		.hero a:hover, .hero a:focus { opacity: 0.75; }

#frm-mail { position: relative; }
	#frm-mail .form-group { display: flex; margin: 12px 0 0; }
	#frm-mail .form-group input { flex: 1 1 auto; max-width: 350px; }
	#frm-mail .form-group button { flex: 0 0 auto; padding: 0 15px; height: 35px; }
	#frm-mail .msgbox { margin-top: 15px; font-size: 14px; }

/* home */
.main { background-color: #1a253f; }
	.main:before { content: ''; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.15; }
	.main .to-fill {}
	.main .container { position: relative; z-index: 3; min-height: 400px; padding: 45px 0; }
	.main .logo { margin-bottom: 15px; }
	.main .bloc-txt { position: absolute; z-index: 3; top: 50%; width: 350px; padding: 30px; background-color: #1a253f; color: #fff; box-sizing: border-box; text-align: center; transform: translateY(-50%); }
	.main .text { font-weight: 300; }
	.main .text strong { font-weight: 900; }
	.main .action { margin-top: 15px; }
	.main .bloc-img { text-align: right; }
	.main .bloc-vid { max-width: 768px; margin-left: auto; margin-right: 0; }

.bloc-home-intro {}
	.bloc-home-intro h1 { text-align: center; }
	.bloc-home-intro h1 strong { font-weight: 900; font-size: 125%; }

.bloc-home-studio {}
	.bloc-home-studio .img { position: relative; display: inline-block; vertical-align: bottom; }
	.bloc-home-studio .img:after { content: ''; position: absolute; top: 45px; right: 0; width: 221px; height: 80px; background: url(img/wave.svg) 0 0/100% auto no-repeat; transform: translateX(50%); }
	.bloc-home-studio .img img { display: block; }
	.bloc-home-studio h2 { font-size: 24px; font-weight: 300; text-transform: uppercase; }
	.bloc-home-studio h2 strong { position: relative; display: block; margin-bottom: 0.2em; text-indent: -9999px; line-height: 24px; }
	.bloc-home-studio h2 strong:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(img/logo-t.svg) 0 bottom/auto 100% no-repeat; }
	.bloc-home-studio h2 span { display: block; font-size: 18px; text-transform: none; }
	.bloc-home-studio .bloc-txt { padding-top: 3.8%; }
	.bloc-home-studio .bloc-img {}

.bloc-home-promo { padding-top: 60px; }
.bloc-promo.out { margin-top: 30px; margin-bottom: 30px; }
	.bloc-promo h2 { max-width: inherit; }
	.bloc-promo ul { max-width: inherit; margin-top: 30px; }
	.bloc-promo ul li { padding-left: 0; }
	.bloc-promo li:before { display: none; }
	.bloc-promo h2 { text-align: center; }
	.bloc-promo a { display: block; height: 100%; padding: 10px; background-color: #1a253f; color: #fff; text-decoration: none; box-sizing: border-box; }
	.bloc-promo a div { height: 100%; padding: 10px; border: 1px solid #fff; box-sizing: border-box; }
	.bloc-promo h3 { margin-bottom: 15px; color: #fff; text-align: center; font-weight: normal; font-size: 18px; line-height: 1.1; }
	.bloc-promo h3 span { display: block; margin-bottom: 5px; font-weight: 900; font-size: 140%; line-height: 1; }
	.bloc-promo .img { display: flex; align-items: flex-end; justify-content: center; min-height: 100px; padding: 15px 0; }
	.bloc-promo .img img { display: block; }
	.bloc-promo a:hover, .bloc-promo a:focus { background-color: hsla(222.2, 41.6%, 7.5%, 1.0); }
	.bloc-promo a::after { display: none; }

.home-location {}
	.home-location ul { line-height: 1.2; text-align: center; }
	.home-location a { text-decoration: none; }
	.home-location .img { display: flex; justify-content: center; align-items: flex-end; min-height: 120px; margin-bottom: 5px; }
	.home-location h3 { margin-bottom: 5px; font-size: 18px; }
	.home-location h3 img { vertical-align: baseline; }
	.home-location a:hover, .home-location a:focus { opacity: 0.75 }

	.home-location .vid { position: relative; max-width: 700px; margin: 45px auto 0; }
	.home-location .vid:after { content: ''; position: absolute; bottom: 45px; left: 0; width: 221px; height: 80px; background: url(img/wave.svg) 0 0/100% auto no-repeat; transform: translateX(-50%); }

.home-trips {}

/* cours */
.bloc-cours {}
	.bloc-cours .cours-details { font-size: 14px; }
	.bloc-cours .cours-details li { display: flex; align-items: center; }
	.bloc-cours .cours-details span { flex: 0 1 auto; }

.cours-ls { margin-top: 30px; }
	.text .cours-ls > li { margin-bottom: 30px; padding-left: 0; }
	.cours-ls > li:last-child { margin-bottom: 0; }
	.cours-ls li:before { display: none; }
	.cours-ls h3 { margin-bottom: 0; font-size: 24px; }
	.cours-ls a { text-decoration: none; }
	.cours-ls a:after { content: '\00a0\f061'; font-size: 0.67em; }
	.cours-ls a:hover, .cours-ls a:focus { color: hsla(222.2, 41.6%, 7.5%, 1.0); }

	.cours-ls .cours-details { margin-bottom: 0; font-size: 12px; }
	.cours-ls .cours-details li { padding-left: 0; line-height: 1.1; }
	.cours-ls .cours-details strong { flex: 0 1 60px; }
	.cours-ls .cours-details span { margin-top: 1px; }

.cours-single {}
	.cours-icons { display: flex; max-width: 700px; margin-bottom: 45px; padding: 30px; text-align: center; font-size: 12px; line-height: 1.1; background-color: #f2f2f2; border: 1px solid #ddd; box-sizing: border-box; }
	.cours-icons .img { display: flex; align-items: flex-end; justify-content: center; margin: 0 auto 10px; height: 54px; }
	.cours-icons strong { text-transform: uppercase; }

	.cours-single .cours-details { margin-bottom: 15px; }
	.cours-single .cours-details strong { flex: 0 0 70px; color: #1a253f; }

/* trips */
.bloc-trip {}

.trip-ls { margin-bottom: -30px; }
	.trip-ls li { position: relative; margin-bottom: 30px; }
	.trip-ls a { display: block; text-decoration: none; padding-top: 18px; }
	.trip-ls .img, .trip-ls img { position: relative; z-index: 1; display: block; }
	.trip-ls .img { background-color: transparent; }
	.trip-ls h3 { position: absolute; z-index: 2; top: 0; left: 0; right: 0; margin-bottom: 0; text-align: center; font-size: 24px; line-height: 1; font-weight: normal; text-transform: uppercase; transform: translateY(0); }
	.trip-ls a:hover .img, .trip-ls a:focus .img { background-color: #1a253f; }
	.trip-ls a:hover img, .trip-ls a:focus img { opacity: 0.15; }
	.trip-ls a:hover h3, .trip-ls a:focus h3 { top: calc(50% - 9px); color: #fff; }
	.trip-ls a:hover h3 span, .trip-ls a:focus span { background-color: transparent; }

.trip-single {}
	.trip-single .banner { height: 400px; }
	.trip-intro { text-transform: uppercase; font-weight: 900; color: #1a253f; }
	.trip-must { margin-bottom: 45px; }
	.trip-single .gallery { display: flex; flex-wrap: wrap; }
	.trip-single .gallery div { height: 350px; }
	.trip-single .gallery div:nth-child(1), .trip-single .gallery div:nth-child(4n) { flex: 0 0 56.66%; }
	.trip-single .gallery div:nth-child(2), .trip-single .gallery div:nth-child(3n) { flex: 0 0 43.33%; }
	.trip-single .gallery a { display: block; height: 100%; }
	.trip-single .gallery a:hover, .trip-single .gallery a:focus { opacity: 0.75; }

/* location */
.bloc-content form { max-width: 700px; }

/* studio */
.ul-studio { margin: 45px 0; }
	.ul-studio ul { margin-left: 45px; font-weight: 300; font-size: 24px; color: #111726; }
	.ul-studio ul li { margin-bottom: 15px; padding-left: 30px; }
	.ul-studio ul li:last-of-type { margin-bottom: 0; }
	.ul-studio ul li:before { content: '\f138'; top: 6px; font-size: 18px; }

/* contact */
.contact-addr { position: relative; }
	.contact-addr .bloc-addr {  position: absolute; top: 50%; left: 0; width: 350px; padding: 30px; background-color: #fff; text-align: center; box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12); transform: translateY(-50%); box-sizing: border-box; }
	.contact-addr .bloc-addr:last-child { margin-bottom: 0; }
	.contact-addr .logo { margin-bottom: 15px; }
	.contact-addr .addr { margin-bottom: 15px; line-height: 1.2; }
	.contact-addr .follow { margin-top: 15px; justify-content: center; }
	.contact-addr .bloc-img { text-align: right; }

.contact-form {}
	.contact-form h2 { text-align: center; }

#gmap { height: 400px; }
.map .link { position: absolute; z-index: 2; bottom: 5px; left: 50%; padding: 4px 7px; background-color: #fff; text-transform: uppercase; transform: translateX(-50%); font-size: 11px; }
	.map .link:hover, .map .link:focus { background-color: rgba(26, 37, 63, 0.2); }

/* **************************** */
/** footer */
.foot { clear: both; padding: 30px 0; background: #1a253f url(img/bg-foot.jpg) 50% 0/cover no-repeat; color: rgba(255, 255, 255, 0.75); font-size: 14px; }
	.foot h3, .foot a { color: #fff; }
	.foot .logo a, .foot .logo img { display: block; }
	.foot a { text-decoration: none; }
	.foot a:hover, .foot a:focus { color: rgba(255, 255, 255, 0.5); }

	.follow { display: flex; }
		.follow li { margin-right: 5px; }
		.follow li:last-of-type { margin-right: 0; }
		.follow a { display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; background-color: #1a253f; border-radius: 50%; color: #fff; font-size: 18px; line-height: 1; text-decoration: none; }
		.foot .follow a { background-color: #fff; border-radius: 50%; color: #1a253f; }
		.follow .fb:before { content: '\f39e'; }
		.follow .tw:before { content: '\f099'; }
		.follow .in:before { content: '\f0e1'; }
		.follow .yt:before { content: '\f167'; }
		.follow .ins:before { content: '\f16d'; }
		.follow a:hover, .follow a:focus { background-color: hsla(222.2, 41.6%, 7.5%, 1.0); color: #fff; }
		.foot .follow a:hover, .foot .follow a:focus { background-color: rgba(255, 255, 255, 0.5); color: #1a253f; }

	.foot .col-addr p { margin-bottom: 15px; }
	.foot .col-addr > :last-child { margin-bottom: 0; }

	.foot h3 { font-size: 18px; text-transform: uppercase; }
	.foot h3 a { display: block; }
	.foot .menu li { margin-bottom: 3px; }
	.foot .menu li:last-of-type { margin-bottom: 0; }
	.foot .menu a { display: block; }

	.foot .by { margin-top: 30px; font-size: 12px; }
		.foot .by a { display: inline-block; margin-left: 5px; vertical-align: middle; }
		.foot .by a:hover img, .foot .by a:focus img { opacity: 0.5; }

	.foot .copy { margin-top: 30px; font-size: 12px; }

/* **************************** */
/** responsive */
@media screen and (max-width: 1280px) {
	.foot { background-image: url(img/bg-foot-1280.jpg); }
}
/** 768 */
@media screen and (max-width: 1023px) {
	h1, .h1, h2, .h2 { font-size: 32px; }
	h3 { font-size: 24px; }
	.hero .intro { font-size: 18px; }

	.container, .head .container, .foot .container { width: 100%; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }
	.container .container { padding-left: 0; padding-right: 0; }
	.out { width: auto; margin-left: -30px; margin-right: -30px; }
	.out .container { padding-left: 30px; padding-right: 30px; }

	.head .container { display: block; flex-wrap: wrap; }
	.head .logo, .head .nav { margin-right: 0; }
	.head .logo img { max-width: 200px; height: auto; }
	.head .nav { margin-top: 15px; }
	.head .nav ul { justify-content: flex-start; }
	.head .nav-sec { right: 30px; }

	/* home */
	.main .logo img { max-width: 125px; height: auto; }
	.main .bloc-img, .contact-addr .bloc-img { margin-left: 60px; }
	.main .bloc-img img, .bloc-home-studio .bloc-img img,
	.trip-ls img, .contact-addr .bloc-img img { max-width: 100%; height: auto; }

	.bloc-home-studio .bloc-txt .bt { white-space: normal;}

	.trip-ls a { padding-top: 14px; }
	.trip-ls a:hover h3, .trip-ls a:focus h3 { top: calc(50% - 7px); }
	.bloc-promo .img img { max-width: 100%; height: auto; }

	/* contact */
	.contact-addr .logo img { max-width: 225px; height: auto; }
	#gmap { height: 300px; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.trip-ls h3 { font-size: 20px; }
	.bloc-promo h3 { font-size: 18px; }
	.bloc-home-studio .bloc-txt .bt { font-size: 12px; }
}

@media screen and (max-width: 768px) {
	.trip-single .banner { height: 238px; }
	.trip-single .gallery div { height: 208px; }

	.foot { background-image: url(img/bg-foot-768.jpg); }
}
/** 640 */
@media screen and (max-width: 767px) {
	h1, .h1, h2, .h2 { font-size: 28px; }
	.ul-studio ul { font-size: 20px; }
	.head .nav { font-size: 14px; }

	.main .container { padding-top: 30px; padding-bottom: 30px; }
	.main .bloc-txt, .contact-addr .bloc-addr { position: static; width: auto; transform: translateY(0); box-shadow: none; }
	.main .bloc-img, .contact-addr .bloc-img { margin-left: 0; padding-top: 30px; }

	.submit {}
		.submit > * { margin-top: 10px; }

	/* home */
	.home .section.cols2, .home .section .cols2 { display: block; }
	.home .section.cols2 > *, .home .section .cols2 > * { margin-right: 0; }

	.bloc-home-intro h1 { text-align: left; }
	.bloc-home-studio .img img { max-width: 100%; height: auto; }
	.bloc-home-studio .img:after, .home-location .vid::after { display: none; }
	.bloc-home-studio .bloc-txt { padding-top: 30px; }
	.bloc-home-studio .bloc-txt .text { margin-bottom: 0; }
	.bloc-home-studio .bloc-img { display: none; }

	.bloc-home-intro h1 br { display: none; }
	.bloc-home-intro h1 strong { font-size: inherit; }

	/* cours */
	.cours-ls { display: block; }
		.cours-ls li { margin-right: 0; }

	.bloc-gallery img { max-width: 100%; height: auto; }

	/* studio */
	.ul-studio ul li:before { top: 4px; }

	/* scroll */
	.h-767 { position: relative; margin-left: -30px; margin-right: -30px; padding: 0; }
		.h-767:after { content: ''; position: absolute; z-index: 3; right: 0; top: 0; bottom: 0; width: 40px; background: linear-gradient(to left, rgba(255,255,255,1) 45%,rgba(255,255,255,0) 100%);}
		.h-767 .scroll { z-index: 2; overflow: hidden; display: flex; flex-wrap: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding-left: 30px;}
			.h-767 .scroll:after { content: ''; display: block; flex: 0 0 5px; height: 1px; }
			.h-767 .scroll::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 8px;}
			.h-767 .scroll::-webkit-scrollbar-thumb { border-radius: 8px; border: none; background-color: rgba(0, 0, 0, .3);}
			.h-767 .scroll > * { flex: 0 0 295px; width: 295px; margin-right: 15px; margin-top: 15px; margin-bottom: 16px;}
		.section.gray .h-767:after { content: ''; position: absolute; z-index: 3; right: 0; top: 0; bottom: 0; width: 40px; background: linear-gradient(to left, rgba(229, 227, 229, 1.0) 45%,rgba(229, 227, 229, 0) 100%);}
}

@media screen and (max-width: 640px) {
	.tbl-wrap { position: relative; margin-left: -30px; margin-right: -30px; }
	.tbl-wrap:after { content: ''; position: absolute; z-index: 3; right: 0; top: 0; bottom: 0; width: 40px; background: linear-gradient(to left, rgba(255,255,255,1) 45%,rgba(255,255,255,0) 100%);}
	.tbl-wrap > .in { z-index: 1; overflow: hidden; display: flex; flex-wrap: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding-left: 30px;}
		.tbl-wrap .in:after { content: ''; display: block; flex: 0 0 30px; height: 1px; }
		.tbl-wrap::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 8px;}
		.tbl-wrap::-webkit-scrollbar-thumb { border-radius: 8px; border: none; background-color: rgba(0, 0, 0, .3);}
		.tbl-wrap table { flex: 0 0 580px; width: 580px; margin-bottom: 8px; }
}
/** 480 */
@media screen and (max-width: 639px) {
	.hero .intro { font-size: 16px; }

	.head { position: relative; padding-top: 45px; }
		.head .logo { margin-left: 45px; }
		.head .nav { display: none; }
		.head .nav-sec { top: -35px; }

	form .cols2 { display: block; }
	form .cols2 > * { margin-right: 0; }

	.cours-icons { display: block; }
	.cours-icons li { margin-right: 0; margin-bottom: 30px; }
	.cours-icons li:last-of-type {margin-bottom: 0; }

	.bt-nav-mobile { display: block; position: absolute; z-index: 100; top: 50px; left: 30px; width: 32px; height: 27px; }
		.bt-nav-mobile span, .bt-nav-mobile span:before, .bt-nav-mobile span:after { transition-duration: 0.5s; position: absolute; left: 0; height: 3px; width: 32px; background-color: #1a253f;}
		.bt-nav-mobile span { top: 12px;}
		.bt-nav-mobile span:before { content: ""; top: -12px; left: 0;}
		.bt-nav-mobile span:after { content: ""; top: 12px; left: 0;}
		.bt-nav-mobile.open span { transition-duration: 0.5s; background: transparent;}
		.bt-nav-mobile.open span:before { background-color: #111726; transform: rotateZ(45deg) translate(8px, 9px);}
		.bt-nav-mobile.open span:after { background-color: #111726; transform: rotateZ(-45deg) translate(8px, -9px); }

	#mobile-overlay { display: none; position: absolute; top: 114px; right: 0; left: 0; height: 100%; z-index: 99; background-color: rgba(0, 0, 0, 0.25); }
	.nav-mobile { position: absolute; z-index: 100; top: 114px; left: 0; right: 0; padding: 15px 0; background-color: #fff; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25); text-align: left; }
		.nav-mobile a { display: block; text-decoration: none; }
		.nav-mobile a:hover, .nav-mobile a:focus { color: #111726; }
		.nav-mobile > ul > li > a { padding: 5px 30px; font-weight: bold; }
		.nav-mobile > ul > li > .selected { opacity: 0.5; }
		.nav-mobile .has-sm ul { display: block; position: static; padding: 0 30px 5px 45px; box-shadow: none; }
		.nav-mobile .has-sm li { margin: 0; }
		.nav-mobile .has-sm ul a { padding: 5px 0; }

	.ul-studio ul { margin-left: 0; }

	/* foot */
	.foot .cols3 {}
		.foot .cols3 > * { flex-basis: 48%; margin-right: 3.8%; }
		.foot .cols3 > *:nth-child(3n) { margin-right: 3.8%; }
		.foot .cols3 > *:nth-child(even) { margin-right: 0; }
		.foot .cols3 > *:nth-child(3), .foot .cols3 > *:nth-child(4) { margin-top: 30px }

	/* scroll */
	.h-639 { position: relative; margin-left: -30px; margin-right: -30px; padding: 0; }
		.h-639:after { content: ''; position: absolute; z-index: 3; right: 0; top: 0; bottom: 0; width: 40px; background: linear-gradient(to left, rgba(255,255,255,1) 45%,rgba(255,255,255,0) 100%);}
		.h-639 .scroll { z-index: 2; overflow: hidden; display: flex; flex-wrap: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding-left: 30px;}
			.h-639 .scroll:after { content: ''; display: block; flex: 0 0 5px; height: 1px; }
			.h-639 .scroll::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 8px;}
			.h-639 .scroll::-webkit-scrollbar-thumb { border-radius: 8px; border: none; background-color: rgba(0, 0, 0, .3);}
			.h-639 .scroll > * { flex: 0 0 250px; width: 250px; margin-right: 15px; margin-top: 15px; margin-bottom: 16px;}
		.section.gray .h-639:after { content: ''; position: absolute; z-index: 3; right: 0; top: 0; bottom: 0; width: 40px; background: linear-gradient(to left, rgba(229, 227, 229, 1.0) 45%,rgba(229, 227, 229, 0) 100%);}
}

@media screen and (max-width: 480px) {
	.trip-single .banner { height: 148px; }
	.trip-single .gallery div { height: 131px; }

	.foot { background-image: url(img/bg-foot-480.jpg); -size: auto; background-repeat: repeat-y; }
}
/** 320 */
@media screen and (max-width: 479px) {
	.tbl-wrap-320 { position: relative; margin-left: -30px; margin-right: -30px; }
	.tbl-wrap-320:after { content: ''; position: absolute; z-index: 3; right: 0; top: 0; bottom: 0; width: 40px; background: linear-gradient(to left, rgba(255,255,255,1) 45%,rgba(255,255,255,0) 100%);}
	.tbl-wrap-320 > .in{ z-index: 1; overflow: hidden; display: flex; flex-wrap: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding-left: 30px;}
		.tbl-wrap-320 .in:after { content: ''; display: block; flex: 0 0 30px; height: 1px; }
		.tbl-wrap-320::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 8px;}
		.tbl-wrap-320::-webkit-scrollbar-thumb { border-radius: 8px; border: none; background-color: rgba(0, 0, 0, .3);}
		.tbl-wrap-320 table, .woocommerce .tbl-wrap-320 table.shop_table { flex: 0 0 420px; width: 420px; margin-bottom: 8px;}

	#colorbox #cboxContent { margin-left: 0; margin-right: 0; }
	#colorbox #cboxPrevious, #colorbox #cboxNext { display: none; }
	#colorbox #cboxClose { top: -30px; right: 0; }
	#colorbox #cboxCurrent { right: 40px; font-size: 12px; }

	.foot {}
	.foot .cols3 { display: block; }
		.foot .cols3 > *, .foot .cols3 > *:nth-child(3n) { margin-right: 0; margin-top: 30px; }
		.foot .cols3 > *:nth-child(1) { margin-top: 0; }

		.foot h3 a { position: relative; padding-left: 30px; }
		.foot h3 a:before { content: '\f055'; position: absolute; top: 0; left: 0; }
		.foot h3 .active:before { content: '\f056'; }
}
@media screen and (max-width: 413px) {
	h1, .h1, h2, .h2 { font-size: 24px; }
	h3, .bloc-home-studio h2, .cours-ls h3 { font-size: 20px; }
	.bloc-promo h3 { font-size: 18px; }
	.bloc-home-studio h2 span { font-size: 16px; }
	body, .bt { font-size: 14px; }

	.out, .h-768 { width: auto; margin-left: -20px; margin-right: -20px; }
	.container { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
	.container .container { padding-left: 0; padding-right: 0; }
	.out .container, .h-768 .scroll { padding-left: 20px; padding-right: 20px; }
	.bt-nav-mobile { left: 20px; }
	.head .nav-sec { right: 20px; }

	.head .logo { margin-left: 35px; }

	.section { padding: 45px 0; }
	.submit a, .submit button, .main .action a, .text .bt { display: block; width: 100%; box-sizing: border-box; margin-right: 0; }

	/* home */
	.bloc-home-studio h2 strong { line-height: 20px; }
	.bloc-home-studio .bloc-txt .bt { width: 100%; white-space: nowrap; box-sizing: border-box; }

	.bloc-promo .img { padding-top: 0; }

	#gmap { height: 250px; }

	/* scroll */
	.h-767, .tbl-wrap, .tbl-wrap-320, .h-639 { margin-left: -20px; margin-right: -20px; }
		.h-767 .scroll::after, .h-639 .scroll::after { flex-basis: 1px; }
		.tbl-wrap > .in, .tbl-wrap-320 > .in, .h-767 .scroll, .h-639 .scroll { padding-left: 20px;}
		.tbl-wrap .in:after, .tbl-wrap-320 .in:after { flex-basis: 20px; }

	.h-767 .scroll > * { flex-basis: 225px; width: 225px; }
	.h-639 .scroll > * { flex-basis: 215px; width: 215px; }
}

/** clear */
.clearfix:after,
.row:after,
.col2-set:after,
.i-lg .form-group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}

/** ColorBox Core Style */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(css/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(css/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(css/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(css/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}