/*
Theme Name: ARASPE
Description: About Blank Theme 2021
Author URI: http://www.aboutblank.ch/
Author: About Blank Design Office
Version: 1.0
*/


/************************************************************************************************************
*
* Wordpress Structure
*
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%;  height: auto; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }
.wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; padding: 4px; text-align: center; }
.wp-caption img { margin: 5px 5px 0; }
.wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }


/***********************************************************************************************
* Reset
* http://meyerweb.com/eric/tools/css/reset/
* v2.0 | 20110126
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 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{ background: transparent; margin: 0; padding: 0;	border: 0; font-size: 100%; font: inherit;	vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; overflow-y: scroll;}
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; font-weight: normal; }


/************************************************************************************************************
*
* General Structure
*
*/

*{
  outline: 0px;
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html{
	margin-top: 0 !important;
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

/*
body{
	min-height: 100%;
	height:auto !important;
}

html{
	height: 100%;
}
*/

/*
* {
	-webkit-appearance:none;
	-moz-appearance:none;
}
*/


@font-face {
  font-family: "Alaska-Regular";
  src:  url("css/fonts/alaska/AlaskaBeta-Regular.woff2") format("woff2");
}


@font-face {
  font-family: "Alaska-Regular-Contrast";
  src:  url("css/fonts/alaska/AlaskaBeta-RegularContrast.woff2") format("woff2");
}

@font-face {
  font-family: "Alaska-SemiBold";
  src:  url("css/fonts/alaska/AlaskaBeta-SemiBold.woff2") format("woff2");
}

/* @font-face {
  font-family: "AlaskaBeta-SemiBold-Contrast";
  src:  url("css/fonts/alaska/AlaskaBeta-RegularContrast.woff2") format("woff2");
} */

.logo{
    max-width: 205px;
    min-width: 150px;
}

.header-home{
    top: 0;
    left: 0;
    width: 100%;
}

.header-page .container{
    min-height: 50vh;
}

.page-template-template-contact .header-page .container{
    min-height: 450px;
}

.home .header-inner-padding, .menu-full .header-inner-padding{
    padding: 40px 120px 0 120px;
}

.header-inner-padding, .header-mobile .header-inner-padding{
    padding: 8px 120px 0 120px;
}

.top{
    cursor: pointer;
}



/************************************************************************************************************
*
* Text
*
*/
a{
    text-decoration: none;
}

body, p, h3, li, .font-3{
    font-size: 16px;
    line-height: 145%;
    font-family: 'Alaska-Regular', sans-serif;
}

.font-4{
    font-size: 18px;
    line-height: 145%;
    font-family: 'Alaska-Regular', sans-serif;
    margin-bottom: 60px;
}

.wysiwig ul li:not(.menu-item){
	list-style: disc;
    margin-left: 15px;
}

.wysiwig a{
    text-decoration: underline;
}

.wysiwig a:hover{
    text-decoration: none;
}

.font-xs{
    font-size: 10px;
}

.cmplz-message p{
    font-size: 14px;
    margin-bottom: 0;
}

h1, .font-1{
    font-size: 50px;
    line-height: 130%;
    font-family: 'Alaska-Regular-Contrast', sans-serif;

}

h2, .chapeau, .font-2{
    font-size: 25px;
    line-height: 130%;
    margin-bottom: 60px;
    font-family: 'Alaska-Regular-Contrast', sans-serif;
}

.wysiwig h3, strong, .links_title{
    font-family: 'Alaska-SemiBold', sans-serif;
}

.accordion-trigger.font-2{
    margin-bottom: 0;
}

p, h3, ul, ol{
    margin-bottom: 30px;
}

.wysiwig  h3{
    margin-bottom: 25px;
    padding-top: 20px;
}

.button{
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    text-decoration: none;
}

.back-font{
    font-size: 13px;
    letter-spacing: 0.03em;
}

/*
ol li{
	counter-increment: li
}

ol li:before{
	content: counter(li);
	position: absolute;
    top: 0;
    left: 0;
}
*/

/***********************************************************************************************
* Contact / Facetwp
*/
.envelop-icon svg{
    max-width: 20px;
    margin-left: 3px;
}

.phone-icon svg{
    max-width: 25px;
}

.horaire strong{
    min-width: 180px;
    padding-right: 10px;
}

.facetwp-facet .fs-arrow{
	width: 10px;
	height: 10px;
	display: inline-block;
    border: none !important;
	border-bottom: 2px solid #37576C !important;
	border-left: 2px solid #37576C  !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
    -ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
    right: 20px;
	/*cursor: pointer;*/
}

.facetwp-facet .fs-open .fs-arrow {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.facetwp-facet{
    margin-bottom: 0!important;
    line-height: 1;
}

.facetwp-facet{
    position: relative;
}

.fs-search{
    /* display: none; */
}

.fs-wrap, .fs-label-wrap, .fs-label, .fs-dropdown{
    width: 100% !important;
}

.fs-label-wrap{
    border: none !important;
}

.container .fs-label-wrap .fs-label{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    /* margin-bottom: .5rem !important; */
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
}

.fs-arrow{
    right: 15px;
}

.fs-dropdown{
    margin-top: 0;
}

.facet-wrapper .disabled{
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    position: relative;
}

.facet-wrapper .button{
    cursor: pointer;
}

.facet-wrapper .disabled:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
}
/***********************************************************************************************
* Opacity
*/
.link-wrapper:hover{
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

.link-wrapper .icon-document{
    width: 14px;
}

.link-wrapper .icon-lien{
    width: 17px;
}
/***********************************************************************************************
* color
*/
body{
	background-color: #FDFDFD;
}

body, a, .blue, a:hover, a.blue, .fs-label-wrap .fs-label, .facetwp-type-fselect .fs-option .fs-option-label,
.fs-search input, .fs-no-results, .fs-search input::placeholder{
    color: #37576C;
}

svg .stroke{
    stroke: #37576C;
    stroke-width: 1.7 !important;
}

.white svg .stroke{
    stroke: #ffffff;
}

.orange{
    color: #F2A170;
}

.white, .white a, .white a:hover, a.white:hover{
    color: white;
}

.bg-gray{
    background-color: #EFEFEF;
}

.bg-orange, .ab-query-term{
    background-color: #F2A170;
}

.bg-yellow {
    background-color: #FFDA79;
}

.bg-green{
    background-color: #9ED3B7;
}

.bg-sand{
    background-color: #D8C5B5;
}

.bg-blue{
    background-color: #577589;
}

.bg-red{
    background-color: #903430;
}

.bg-img-orange{
    background-color: #F2A170;
    background-image: url(images/H_bulle_araspe.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.bg-img-yellow {
    background-color: #FFDA79;
    background-image: url(images/H_bulle_jeunes.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.bg-img-green{
    background-color: #9ED3B7;
    background-image: url(images/H_bulle_adultes.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.bg-img-sand{
    background-color: #D8C5B5;
    background-image: url(images/H_bulle_familles.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.bg-img-blue{
    background-color: #547185;
    background-image: url(images/H_bulle_seniors-2.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.bg-light-orange{
    background-color: #F8B084;
}

.bg-light-yellow {
    background-color: #FDE9B1;
}

.bg-light-green{
    background-color: #AAD9C0;
}

.bg-light-sand{
    background-color: #E6D2C2;
}

.bg-light-blue{
    background-color: #8FA9BA;
}

.bg-light-red{
    background-color: #B73E38;
}

.bg-lighter-orange{
    background-color: #FCF5F0;
}

.bg-lighter-yellow {
    background-color: #FFFCF4;
}

.bg-lighter-green{
    background-color: #F2FAF6;
}

.bg-lighter-sand{
    background-color: #FDFCFA;
}

.bg-lighter-blue{
    background-color: #F8F9FA;
}

.bg-btn-orange{
    background-color: #E58F5B;
}

.bg-btn-yellow {
    background-color: #EBC153;
}

.bg-btn-green{
    background-color: #77BA98;
}

.bg-btn-sand{
    background-color: #BCA491;
}

.bg-btn-blue{
    background-color: #37576C;
}

.button.bg-orange:hover, .bg-btn-orange:hover, .bg-btn-orange.active-page{
    background-color: #E3864D;
}

.button.bg-yellow:hover, .bg-btn-yellow:hover, .bg-btn-yellow.active-page{
    background-color: #D9B043;
}

.button.bg-green:hover, .bg-btn-green:hover, .bg-btn-green.active-page{
    background-color: #6BA889;
}

.button.bg-sand:hover, .bg-btn-sand:hover, .bg-btn-sand.active-page{
    background-color: #B49780;
}

.button.bg-blue:hover, .bg-btn-blue:hover, .bg-btn-blue.active-page{
    background-color: #2F4F64;
}

.bg-pastille-orange{
    background-image: url(images/pastille_orange.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-pastille-yellow{
    background-image: url(images/pastille_yellow.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-pastille-green{
    background-image: url(images/pastille_green.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-pastille-sand{
    background-image: url(images/pastille_sand.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-pastille-blue{
    background-image: url(images/pastille_blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
}



/***********************************************************************************************
* Border color
*/
.ab-border-top{
    border-top: 1px solid #000;
}

.ab-border-bottom{
    border-bottom: 1px solid #000;
}

.ab-border-blue{
    border-color: #37576C;
}

.ab-border-light-blue{
    border-color: #b6c8d3;
}

.ab-border-orange{
    border-color: #E58F5B;
}

.ab-border-yellow {
    border-color: #EBC153;
}

.ab-border-green{
    border-color: #77BA98;
}

.ab-border-sand{
    border-color: #BCA491;
}

/***********************************************************************************************
* Form
*/
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files{
    background-color: #E58F5B !important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before{
    color: #E58F5B !important;
}

.gform-theme--api, .gform-theme--framework{
    --gf-ctrl-label-color-req: #585e6a !important;
    --gf-ctrl-desc-color-error: red !important;
    --gf-form-validation-heading-color: red !important;
    --gf-form-validation-border-color: red !important;
    --gf-icon-tooltip-error: red !important;
    --gf-ctrl-border-color-error: red !important;
    --gf-ctrl-label-color-tertiary: #585e6a !important;
}

body .gform_wrapper .gform_fileupload_rules{
    display: none !important;
}

body .gform_wrapper .gf_readonly input{
    opacity: 0.85 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)" !important;
    filter: alpha(opacity=85) !important;
    -moz-opacity: 0.85 !important;
    -khtml-opacity: 0.85 !important;
}

body .gform_wrapper .form-control-plaintext, body .gform_wrapper .form-control-plaintext:focus {
  color: #212529;
  background-color: transparent;
  border: solid transparent;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 1px 0;
}

body .gform_wrapper .gfield--input-type-adminonly_hidden{
    display: none;
}
/***********************************************************************************************
* Bg image
*/

.bg-img{
    background-repeat: no-repeat;
    background-position: bottom right;
}

.bg-img-multiple{
    background-repeat: no-repeat;
    background-position: 10% 55%, bottom right;
}
/*
.bg-img-left{
    background-repeat: no-repeat;
    background-position: center left;
} */

/* .bg-img-no-r{
    background-repeat: no-repeat;
} */

.bg-image-square{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
}

.bg-image-square:before{
    content: "";
    display: block;
    padding-top: 100%;
}

/***********************************************************************************************
* Searchform
*/
.searchform{
    margin-right: 46px;
    position: relative;
}

.searchform .s{
    border: none;
    border-bottom: 1px solid #38576B;
    background-color: transparent;
}

.searchsubmit{
    width: 30px;
    height: 25px;
    border: none;
    background: none;
    background-image: url(images/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    bottom: 2px;
}

.search_block p{
    margin-bottom: 0;
}

/***********************************************************************************************
* Paginate
*/
.navigation{margin-top: 30px;}
.wp-paginate {padding:0; margin: auto; text-align: center; font-size: 18px;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background: white; width: 30px; height: 30px; line-height: 30px; display: inline-block; border-radius: 30px;  margin-right:4px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:white;opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
        transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {width: 30px; height: 30px; line-height: 30px;display: inline-block;border-radius: 30px; background:#fff;  margin-right:4px;  opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;}


/************************************************************************************************************
*
* Navigation
*
*/
/* menu-nav */
.menu-main-container{

}

.menu-item{

}

.menu-item a{
	text-decoration: none;
}

.menu-item a:hover, .menu-item:hover a, .current-page-ancestor a, .current-menu-ancestor a, .current-menu-parent a, .current-page-parent a, .current_page_parent a{

}

#menu-item-234 .sub-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

/***********************************************************************************************
* Menu full
*/
.menu-full {
    top: 0px;
    width: 100%;
    height: 100vh;
    z-index: 1000001;
    max-height: 0vh;
    overflow: hidden;
    padding: 0px;
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
    background-color: #FCFCFC;
    background-image: url(images/bulle_menu.svg), url(images/bulle_menu_2.svg);
    background-position: bottom left, right 100px;
    background-repeat: no-repeat;
}

.menu-full .menu-full-inner-wrapper .container-fluid{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.menu-full.opened {
    max-height: 100vh;
}

.menu-full-nav{
    /* background-image: url(images/bulle_menu.svg), url(images/bulle_menu.svg);
    background-position: bottom left, top right;
    background-repeat: no-repeat; */
}

body.menu-full-opened{
    overflow: hidden;
}

.menu-full .bg-pastille{
    height: 120px;
}

/***********************************************************************************************
* Mobile menu
*/

.opaque{
    z-index: 10000;
}

.mm-wrapper_blocking .opaque{
    z-index: 1;
}

.header-mobile .inner-wrapper{
    visibility: hidden;
            transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transform: translate3d(0, -100%, 0);
}

.opaque .inner-wrapper{
    width: 100%;
    background-color: #f4f4f4;
    visibility: visible !important;
    transform: none !important;
}

.header-mobile .inner-wrapper{
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
}

.icon-bar-wrapper{
    cursor: pointer;
}

.icon-bar {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #304F63;
}

.burger:hover .icon-bar:nth-child(2){
    width: 25px;
    margin-left: 0px;
            transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.icon-bar:nth-child(2){
    width: 18px;
    margin-right: 7px;
}

.icon-bar + .icon-bar {
	margin-top: 6px;
}

.boxclose, .boxclose:visited{
	color: #304F63;
	text-decoration: none;
	display: block;
}

.boxclose:hover, .boxclose:focus{
	color: #304F63;
	text-decoration: none;
}

.boxclose i{
	margin-right: 5px;
}


.mm-menu .mm-header {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #FFF;
}

.mm-listview > li.search-label #s{
	padding: 20px;
	margin: 0px;
	border: medium none;
	width: 100%;
	background-color: #EEE;
	font-size: 1em;
	margin-bottom: 20px;
}

.mm-listview > li.Label.search-label{
	padding-top:0;
	padding-left: 0;
	padding-right: 0;
}

.mm-listview > li.Label{
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
}

.mm-menu .mm-listview > li > a.mm-prev::before, .mm-menu .mm-listview > li > a.mm-next::after, .mm-menu .mm-header .mm-btn::before, .mm-menu .mm-header .mm-btn::after {
    border-color: rgba(0, 0, 0, 1);
}

.mm-listview > li.lang-label > a, .mm-listview > li.icon-label > a{
	line-height: 20px;
	padding: 0px;
	margin-right: 20px;
	display: inline-block;
	text-decoration: none;
}

.mm-listview > li.icon-label > a{
	font-size: 1.5em;
	margin-right: 10px;
}

.mm-listview > li > a, .mm-listview > li > a:visited{
	color: #000;
}

.mm-listview > li > a:focus, .mm-listview > li > a:hover, .mm-listview > li > a:active{
	color: #CCC;
	background-color: transparent;
}

.mm-menu .mm-header > a{
	color: #000;
}

.mm-menu {
    background: #FFF;
    color: rgba(0, 0, 0, 1);
}

.mm-listview > li > a.lang-selected, .mm-listview > li > a.lang-selected:visited{
	color: red;
}

#menu-mobile:not(.mm-menu) {
   display: none;
}


/************************************************************************************************************
* Accordeon
*/
.accordion-trigger{
    position: relative;
    padding-right: 30px;
    padding-left: 30px;
    cursor: pointer;
}

.accordion-trigger.accordion-trigger-no-angle{
    padding-right: 0;
    padding-left: 0;
}

.accordion-trigger:not(.accordion-trigger-no-angle):after, .select_list-trigger:after{
    position: absolute;
    content: " ";
    background-image: url(images/right.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 100%;
    right: -20px;
    top: 50%;
    margin-top: -21px;
}

.accordion-active:not(.accordion-trigger-no-angle):after{
    background-image: url(images/down.svg);
}

.accordion-trigger:hover, .select_list-trigger:hover span, .select_list-trigger:hover:after,
.select_list-trigger li li:hover{
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
            transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}



/* .onglet .wysiwig{
    padding-right: 150px;
} */
/***********************************************************************************************
* Spacing
*/
.py-70{
    padding: 70px 0;
}

.pb-70{
    padding-bottom: 70px;
}

.pt-80{
    padding-top: 80px;
}

.pb-80{
    padding-bottom: 80px;
}

.pb-115{
    padding-bottom: 115px;
}

.npt-100{
    margin-top: -100px;
}

.lvl-padding{
    padding: 80px 0 130px;
}

.lvl-padding-small{
    padding: 40px 0 40px;
}

.lvl-padding-chapeau{
    padding: 130px 0 130px;
}

.mb-130{
    margin-bottom: 130px;
}

.mb-100{
    margin-bottom: 100px;
}

.home .chapeau{
    margin-bottom: 0;
}

.mt-n100{
    margin-top: -100px;
}

.mt-n70{
    margin-top: -70px;
}

.section{
    position: relative;
}

.section:before {
    position: absolute;
    top:0;
    left: 0;
    height: 90px;
    content: "";
    display: block;
}

.contact-header{
    width: 50px;
}
/***********************************************************************************************
* Video responsive
*/
/*
.fluid-width-video-wrapper {
   padding: 0;
   position: relative;
   width: 100%;
   padding-top: 50%;
}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
*/


/***********************************************************************************************
* Media Queries Desktop first
*/

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
    .mt-n70{
        margin-top: -20px;
    }


    .home .header-inner-padding, .menu-full .header-inner-padding{
        padding: 30px 60px 0 60px;
    }

    .header-inner-padding, .header-mobile .header-inner-padding{
        padding: 8px 15px 0 15px;
    }


}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
	.mt-n70{
        margin-top: 0;
    }

    .logo-footer{
        max-width: 150px;
    }

    .contact-header{
        width: 40px;
    }

    footer .header-inner-padding{
        text-align: center;
    }

    footer .float-right{
        float: none;
    }

    .header-mobile #searchform{
        display: none;
    }

    .bg-img-multiple{
        background-repeat: no-repeat;
        background-position: 10% 55%, -9999px -9999px;
    }

    .menu-full .menu-full-inner-wrapper {
        height: 100%;
        overflow-y: scroll;
    }

    .menu-full .menu-full-inner-wrapper .container-fluid{
        position: static;
        top: 0;
        left: 0;
        width: 100%;
    }

    .menu-full.opened {
        padding-bottom: 100px;
    }

    .home .header-inner-padding{
        padding: 10px 15px 0 15px;
    }

    h1, .font-1{
        font-size: 30px;
    }

    h2, .chapeau, .font-2{
        font-size: 20px;
        margin-bottom: 40px;
    }

    p, h3, ul, ol{
        margin-bottom: 20px;
    }

    .wysiwig  h3{
        margin-bottom: 20px;
        margin-top: 7px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
    .menu-full .logo img{
        height: 50px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {

}