/*
Theme Name: PELERINAGELOURDES-THEME
Theme URI: Url du thème
Description: PELERINAGELOURDES_DESIGN_STARTER
Version: 1
Author: COUGIL L.
2019
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

    0. CSS Reset
    1. Document Setup
    2. Element Base
    3. Navigation Menu
    3. Media Queries
    ----------------------------------------------------------------------------- */






/* -------------------------------------------------------------------------- */

/*      0. CSS Reset
/* -------------------------------------------------------------------------- */

/* IMPORT DE LA FEUILLE DE RÉINITIALISATION DES STYLES */
@import url(assets/css/reset.css);
@import url(css/michael.css);
@import url(css/jeremy.css);
@import url(css/module-temoignages.css);
@import url(css/page404.css);
@import url(css/inscriptions.css);
@import url(css/chorale_style.css);

/* Box Model */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}


.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* -------------------------------------------------------------------------- */
/*      1. Document Setup
/* -------------------------------------------------------------------------- */



html {
	font-size: 62.5%;
	/* 1rem = 10px */
}

body {
	background: #fff;
	color: #707070;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 1.8rem;
	letter-spacing: ;
	text-align: left;
	overflow-x: hidden;
}


html.open,
body.open {
	position: relative;
	overflow: hidden;
}

.site-cache.open {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: rgba(0, 0, 0, 0.7);
	-o-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	z-index: 900;
	visibility: visible;
	opacity: 1;
	overflow: hidden;
	cursor: pointer;
}

/* Widgetkit */
#presentation-galeries {}

.uk-modal {

	z-index: 100000 !important;
}

.uk-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
}

/* -------------------------------------------------------------------------- */

/*      2. Elements de Base
/* -------------------------------------------------------------------------- */




h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;

}

h1 {
	font-size: 2rem;
	color: #fff;

}

#h1-bandeau {
	margin: 10px 0px;
	margin-left: 60px;
}

#h1-bandeau-mobile {
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
	color: #707070;
}

h2 {
	font-size: 3.2rem;
	color: #E6B95B;
	/*font-weight: 400;*/

}

h2.sub-site-title {
	margin: 10px 0px;
	margin-left: 138px;
}

h2.bg-dark {
	color: #fff;
}

h2.citation-style {
	font-weight: 300;
	font-style: italic;
}

h3 {
	font-size: 2.5rem;
	color: #E6B95B;
}

h3.bg-dark {

	color: #ffffff;
}

/* accordeon widgetkit */
.uk-accordion-title {
	position: relative;
	-webkit-transition: 0.4s all;
	-o-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;
}

.uk-accordion-title:hover {
	border-bottom: 1px solid #6f5235;
}

.uk-accordion-title:after,
.uk-accordion-title.uk-active:after {
	content: "\f107";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #707070;
	font-size: 18px;
	padding-right: 0.5em;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12PX;
}

.uk-accordion-title.uk-active {
	border-bottom: 1px solid #6f5235;
	background: #6f5235;
	color: #FFF;
}

.uk-accordion-title.uk-active:after {
	content: "\f106";
	color: #FFF;
}

.uk-accordion-title:hover:after {
	color: #707070;
}

/* End  accordeon widgetkit */

h4 {
	font-size: 2rem;
	text-transform: initial;
	color: #E6B95B;

}

h4.footer-title,
h4.doc-title {
	color: #fff;
}

h4.titleNews {
	padding: 0px 19px;
}

.actualites h4 {
	margin-bottom: 10px;
}

h5 {
	font-size: 2.1rem;
}

h6 {
	font-size: 1.6rem;

}


.wrap-title {
	margin: 0px 0 20px 0;
}
#inscription .wrap-pub img {
	width: 100%;
    margin-top: 15px;
}

.wrap-texte-mid,
.wrap-title-mid {
	margin: 0px auto 20px auto;
	text-align: center;
	padding: 0 8.5%;
	max-width: 900px;
}

.wrap-title-header-img {
	text-align: center;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 19px;
	width: 100%;
	max-width: 800px;
}


.wrap-title-header-img h2 {
	margin-bottom: 30px;
}


.date-style {
	font-weight: 600;
	font-size: 1.3rem;
}

.file-name-style {
	font-weight: 300;
	font-size: 1.3rem;
	font-style: italic;
}


p {
	margin-top: 25px;
	line-height: 2rem;

}

.frm_form_field p {
	margin-top: 1.1rem;
}

.frm_form_field .frm_checkbox,
.frm_form_field .frm_checkbox+.frm_checkbox,
.frm_form_field .frm_radio,
.frm_form_field .frm_radio+.frm_radio {
	margin-bottom: 2px !important;
}

p.bg-dark {
	color: #fff;
}

em {
	font-weight: 600;
	font-style: italic;
	font-size: 1.5rem;

}




b,
strong {
	font-weight: 600;
	/* font-style: italic;
	font-size: 1.5rem; */
}

strong.footer-nom-contact {
	display: inline-block;
	font-weight: 600;
	font-size: 1.7rem;
	color: #E6B95B;
	/*height: 40px;*/
	margin-bottom: 5px;
}




a {
	cursor: pointer !important;
	color: inherit;
	text-decoration: none;
}

.frm_forms a {
	color: blue;
}

a.page-numbers {
	color: #707070;
}

span.page-numbers.current {
	font-weight: 600;
	color: #6F5234;
}

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

hr {
	margin: 40px 0px;
}

main {}

section#communique .bg-dark a,
section#communique h1,
section#communique h2,
section#communique h3,
section#communique h4,
section#communique p,
section#communique span {
	color: #6f5235;
}

section#communique a {
	font-size: 18px;
}

section#communique h2 {
	margin-top: 30px;
	margin-bottom: 50px;
}

section#communique p {
	margin: 20px 0px;
}

section#communique img {
	-webkit-transition: -webkit-box-shadow .25s;
	transition: -webkit-box-shadow .25s;
	-o-transition: box-shadow .25s;
	-moz-transition: box-shadow .25s, -moz-box-shadow .25s;
	transition: box-shadow .25s;
	transition: box-shadow .25s, -webkit-box-shadow .25s, -moz-box-shadow .25s;
	-webkit-box-shadow: 0px 0px 8px -3px rgba(145, 145, 145, 0.7);
	-moz-box-shadow: 0px 0px 8px -3px rgba(145, 145, 145, 0.7);
	box-shadow: 0px 0px 8px -3px rgba(145, 145, 145, 0.7);
}

section#communique a:hover>img {
	-webkit-box-shadow: 0px 0px 20px 2px rgba(145, 145, 145, 0.8);
	-moz-box-shadow: 0px 0px 20px 2px rgba(145, 145, 145, 0.8);
	box-shadow: 0px 0px 20px 2px rgba(145, 145, 145, 0.8);
}

/******************************* STYLING INPUTS *******************************************/


fieldset {}

legend {}

label {}

label.inline,
input[type="checkbox"]+label {}

input,
textarea,
button,
{}



input,
textarea {}

code,
input[type="url"],
input[type="email"],
input[type="tel"] {}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {}


select {}

textarea {}

input::-webkit-input-placeholder {
	line-height: normal;
}

input:-ms-input-placeholder {
	line-height: normal;
}

input::-moz-placeholder {
	line-height: normal;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {}


/*  INPUTS FOCUS  */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: none;
}



/* modifier couleur du text dans les input placholder par defaut*/
::-webkit-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #3d3d3d;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #3d3d3d;
	opacity: 1;
	/* Firefox */
}

::-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #3d3d3d;
	opacity: 1;
	/* Firefox */
}

::-moz-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #3d3d3d;
	opacity: 1;
	/* Firefox */
}

:-moz-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #3d3d3d;
	opacity: 1;
	/* Firefox */
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #3d3d3d;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #3d3d3d;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #3d3d3d;
}



input#search-form-1 {}


/* Désactiver inscription pélerin + chorale

#frm_radio_98-1 > label,
#frm_radio_98-2 > label,
#frm_radio_7-1 > label{
    display: none !important;
}
*/

.no-show,
.no-after::after,
.no-before::before {
	display: none !important;
}

.no-shadow img,
.no-shadow {
	box-shadow: none !important;
}

/* Fin Désactiver inscription pélerin + chorale */

.btn-bg-light-wp a.wp-block-file__button,
button,
.btn-bg-light,
button.frm_button_submit.frm_final_submit {
	display: inline-block;
	margin: 10px 0px !important;
	text-decoration: none !important;
	padding: 15px 15px !important;
	background: #e6b95b;
	color: #fff !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border: initial !important;
	-webkit-transition: 0.4s all;
	-o-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
}

button:hover,
.btn-bg-light:hover,
button.frm_button_submit.frm_final_submit:hover {
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2) !important;
}

a.wp-block-file__button,
.btn-bg-dark {
	display: inline-block;
	margin: 10px 10px !important;
	text-decoration: none !important;
	padding: 15px 15px !important;
	background: transparent !important;
	color: #fff !important;
	border: 2px solid #fff;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-transition: 0.4s all;
	-o-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;
}

a.btn-bg-dark.btn-inscriptions {
	background: #fff !important;
	color: #6f5235 !important;
}

.btn-bg-dark.btn-inscriptions .color-svg {
	fill: #6f5235 !important;
}

a.wp-block-file__button {
	margin-left: 10px !important;
}

a.wp-block-file__button:hover,
.btn-bg-dark:hover {
	background: #fff !important;
	color: #6f5235 !important;
}

.btn-bg-dark:hover .color-svg {
	fill: #6f5235 !important;
}


.btn-doc-bg-dark {
	display: block;
	color: #fff;
	text-decoration: none;
}

.wrap-doc-infos {
	margin-left: 10px;
}

.btn-doc-bg-dark h4 {
	margin-bottom: 10px;
	text-decoration: underline;
}

.li-style {
	line-height: 2.4rem;
}

/* -------------------------------------------------------------------------- */
/*      0. margin, padding
/* -------------------------------------------------------------------------- */
.mb-xs {
	margin-bottom: 10px;
}

.mb-s {
	margin-bottom: 20px;
}


/* -------------------------------------------------------------------------- */
/*      1. Images config
/* -------------------------------------------------------------------------- */


img.alignright {
	float: right;
}

#photoDirectrice,
.photo-chorale img,
img#photoAgenda,
img#affiche-pelerinage {
	width: 100%;
}

.img-default-front-page {
	max-height: 600px;
	overflow: hidden;
}

.img-default-front-page>img {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.affiche-pelerinage-home,
.img-bg-card {
	display: block;
	width: 100%;
	height: auto !important;
}




#site-branding-image {
	display: block;
	max-width: 1620px;
	height: 175px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;

}

.icon-svg-default {
	width: 35px;
	height: auto;
}

.icon-custom {
	margin-left: 10px;
}

.icon-custom-big {
	font-size: 3rem;
	padding-right: 5%;
}

.card-icon-svg {
	width: 100%;
	height: 40px;
}

.icon-square-svg {
	width: 100%;
	margin: 15px 0px;
}

.btn-icon-svg {
	height: 20px;
	margin-left: 10px;
}


.color-svg {
	fill: #fff !important;
}

.icon-footer-svg {
	width: 35px;
	height: auto;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* -------------------------------------------------------------------------- */

/*      2. Effects styles
/* -------------------------------------------------------------------------- */
.shadow-effect {
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
}

.transitionEffect {
	-webkit-transition: 0.4s all;
	-o-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;
}


/* -------------------------------------------------------------------------- */

/*      3. Flex classes
/* -------------------------------------------------------------------------- */
.alignfull {
	margin-top: 5rem;
	margin-right: auto;
	margin-bottom: 5rem;
	margin-left: auto;
	max-width: 100vw;
	position: relative;
	width: 100%;
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.container-flex,
.wraper-flex-box {
	width: 100%;
	max-width: 1620px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;

}

.grid-row {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	-moz-box-pack: start;
	justify-content: flex-start;
}

.grid-row-v2 {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

}


.col,
.col-v3 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 0;
	-ms-flex: 0 1 0px;
	-moz-box-flex: 0;
	flex: 0 1 0;
}

.col-v3 {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 -webkit-calc(50% - 38px);
	-ms-flex: 1 1 calc(50% - 38px);
	-moz-box-flex: 1;
	flex: 1 1 calc(50% - 38px);
}

.col {
	margin: 19px;
}

.sub-col {
	margin-right: 19px;
}

.uk-accordion-content {
	padding: 0px !important;
}

.comite-accordeon .wrap-content-accordeon {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.comite-accordeon .wrap-content-accordeon .col-v3.portrait-comite {
	max-width: 100%;
	margin: unset;
}
.col-v3.portrait-comite {
	max-width: 25%;
	margin: 2%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 -webkit-calc(25% - 4%);
	-ms-flex: 1 1 calc(25% - 4%);
	-moz-box-flex: 1;
	flex: 1 1 calc(25% - 4%);
}

.portrait-comite>img {
	width: 100%
}

.portrait-comite a {
	font-size: 1.25rem;
}

/*.col-v3{
flex: 1 1 calc(25% - 4%);
}*/

.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {}

.col-1 {
	-webkit-flex-basis: -webkit-calc(8.3333% - 38px);
	-ms-flex-preferred-size: calc(8.3333% - 38px);
	flex-basis: -moz-calc(8.3333% - 38px);
	flex-basis: calc(8.3333% - 38px);
}

.sub-col-1 {
	-webkit-flex-basis: -webkit-calc(8.3333% - 19px);
	-ms-flex-preferred-size: calc(8.3333% - 19px);
	flex-basis: -moz-calc(8.3333% - 19px);
	flex-basis: calc(8.3333% - 19px);
}


.col-2 {
	-webkit-flex-basis: -webkit-calc(16.6666% - 38px);
	-ms-flex-preferred-size: calc(16.6666% - 38px);
	flex-basis: -moz-calc(16.6666% - 38px);
	flex-basis: calc(16.6666% - 38px);
}

.sub-col-2 {
	-webkit-flex-basis: -webkit-calc(16.6666% - 19px);
	-ms-flex-preferred-size: calc(16.6666% - 19px);
	flex-basis: -moz-calc(16.6666% - 19px);
	flex-basis: calc(16.6666% - 19px);
}



.col-3 {
	-webkit-flex-basis: -webkit-calc(25% - 38px);
	-ms-flex-preferred-size: calc(25% - 38px);
	flex-basis: -moz-calc(25% - 38px);
	flex-basis: calc(25% - 38px);
}

.sub-col-3 {
	-webkit-flex-basis: -webkit-calc(25% - 19px);
	-ms-flex-preferred-size: calc(25% - 19px);
	flex-basis: -moz-calc(25% - 19px);
	flex-basis: calc(25% - 19px);
}


.col-4 {
	-webkit-flex-basis: -webkit-calc(33.3333% - 38px);
	-ms-flex-preferred-size: calc(33.3333% - 38px);
	flex-basis: -moz-calc(33.3333% - 38px);
	flex-basis: calc(33.3333% - 38px);
}


.sub-col-4 {
	-webkit-flex-basis: -webkit-calc(33.3333% - 19px);
	-ms-flex-preferred-size: calc(33.3333% - 19px);
	flex-basis: -moz-calc(33.3333% - 19px);
	flex-basis: calc(33.3333% - 19px);
}



.col-5 {
	-webkit-flex-basis: -webkit-calc(41.6666% - 38px);
	-ms-flex-preferred-size: calc(41.6666% - 38px);
	flex-basis: -moz-calc(41.6666% - 38px);
	flex-basis: calc(41.6666% - 38px);
}

.sub-col-5 {
	-webkit-flex-basis: -webkit-calc(41.6666% - 19px);
	-ms-flex-preferred-size: calc(41.6666% - 19px);
	flex-basis: -moz-calc(41.6666% - 19px);
	flex-basis: calc(41.6666% - 19px);
}


.col-6 {
	-webkit-flex-basis: -webkit-calc(50% - 38px);
	-ms-flex-preferred-size: calc(50% - 38px);
	flex-basis: -moz-calc(50% - 38px);
	flex-basis: calc(50% - 38px);
}

.sub-col-6 {
	-webkit-flex-basis: -webkit-calc(50% - 19px);
	-ms-flex-preferred-size: calc(50% - 19px);
	flex-basis: -moz-calc(50% - 19px);
	flex-basis: calc(50% - 19px);
}



.col-7 {
	-webkit-flex-basis: -webkit-calc(58.3333% - 38px);
	-ms-flex-preferred-size: calc(58.3333% - 38px);
	flex-basis: -moz-calc(58.3333% - 38px);
	flex-basis: calc(58.3333% - 38px);
}

.sub-col-7 {
	-webkit-flex-basis: -webkit-calc(58.3333% - 19px);
	-ms-flex-preferred-size: calc(58.3333% - 19px);
	flex-basis: -moz-calc(58.3333% - 19px);
	flex-basis: calc(58.3333% - 19px);
}



.col-8 {
	-webkit-flex-basis: -webkit-calc(66.6666% - 38px);
	-ms-flex-preferred-size: calc(66.6666% - 38px);
	flex-basis: -moz-calc(66.6666% - 38px);
	flex-basis: calc(66.6666% - 38px);
}

.sub-col-8 {
	-webkit-flex-basis: -webkit-calc(66.6666% - 19px);
	-ms-flex-preferred-size: calc(66.6666% - 19px);
	flex-basis: -moz-calc(66.6666% - 19px);
	flex-basis: calc(66.6666% - 19px);
}


.col-9 {
	-webkit-flex-basis: -webkit-calc(75% - 38px);
	-ms-flex-preferred-size: calc(75% - 38px);
	flex-basis: -moz-calc(75% - 38px);
	flex-basis: calc(75% - 38px);
}

.sub-col-9 {
	-webkit-flex-basis: -webkit-calc(75% - 19px);
	-ms-flex-preferred-size: calc(75% - 19px);
	flex-basis: -moz-calc(75% - 19px);
	flex-basis: calc(75% - 19px);
}


.col-10 {
	-webkit-flex-basis: -webkit-calc(83.3333% - 38px);
	-ms-flex-preferred-size: calc(83.3333% - 38px);
	flex-basis: -moz-calc(83.3333% - 38px);
	flex-basis: calc(83.3333% - 38px);
}

.sub-col-10 {
	-webkit-flex-basis: -webkit-calc(83.3333% - 19px);
	-ms-flex-preferred-size: calc(83.3333% - 19px);
	flex-basis: -moz-calc(83.3333% - 19px);
	flex-basis: calc(83.3333% - 19px);
}

.col-11 {
	-webkit-flex-basis: -webkit-calc(91.6666% - 38px);
	-ms-flex-preferred-size: calc(91.6666% - 38px);
	flex-basis: -moz-calc(91.6666% - 38px);
	flex-basis: calc(91.6666% - 38px);
}

.sub-col-11 {
	-webkit-flex-basis: -webkit-calc(91.6666% - 19px);
	-ms-flex-preferred-size: calc(91.6666% - 19px);
	flex-basis: -moz-calc(91.6666% - 19px);
	flex-basis: calc(91.6666% - 19px);
}

.col-12 {
	-webkit-flex-basis: -webkit-calc(100% - 38px);
	-ms-flex-preferred-size: calc(100% - 38px);
	flex-basis: -moz-calc(100% - 38px);
	flex-basis: calc(100% - 38px);
}

.sub-col-12 {
	-webkit-flex-basis: -webkit-calc(100% - 19px);
	-ms-flex-preferred-size: calc(100% - 19px);
	flex-basis: -moz-calc(100% - 19px);
	flex-basis: calc(100% - 19px);
}

.sub-col-12,
.sub-col-11,
.sub-col-10,
.sub-col-9,
.sub-col-8,
.sub-col-7,
.sub-col-6,
.sub-col-5,
.sub-col-4,
.sub-col-3,
.sub-col-2,
.sub-col-1 {}





.gut-2-offset {
	padding-right: 4%;
}

/*.col-1-offset{

	margin-right: 8.5%;
}

.gut-1-offset{
	margin-right: 2%;
}



.col-et-gut-offset{
	margin-right: 8.5%;
	}*/


.flex-c-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
}

.flex-c-c-sb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	-moz-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
}

.flex-c-c-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
}


.flex-s-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;

}

.flex-s-s-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
}

.wrapflex {
	flex-wrap: wrap;
}


/* -------------------------------------------------------------------------- */
/*      3. padding main .grid-row
/* -------------------------------------------------------------------------- */
.pub-content-inscription {
	padding: 0px 17%;
}

.wrap-padding {
	padding: 20px 8.5%;
}

.wrap-padding-1-col {
	padding: 20px 17%;
}

.plr {
	padding-left: 2rem;
	padding-right: 2rem;
}

/* -------------------------------------------------------------------------- */
/*      4. sections config
/* -------------------------------------------------------------------------- */

section#activite-en-chiffres {
	margin: 40px auto;
}

.section-config,
section#comite,
section#block-bienvenue,
.wrap-all-news-section,
section#video,
section#inscription {
	position: relative;
	margin-top: 50px;
	margin-bottom: 40px;
}

section#photos-chorale {
	padding-left: 19px;
	padding-right: 19px;
}

section#count-down {
	height: auto;
}

.wrap-count-down {
	padding: 40px 0px;
}


.container-max-width {
	max-width: 1200px;
	margin: 50px auto;
}

.doc-utile {
	background: #E6B95B;
}

.block-bg-color {
	background: #E6B95B;
}


/* -------------------------------------------------------------------------- */
/*      5. Navigation Menu
/* -------------------------------------------------------------------------- */

/*icon burger*/

a#nav-icon-burger {
	display: none;
	width: 56px;
}

a#nav-icon-burger.open {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	stroke-dashoffset: 0;
}

a#nav-icon-burger.open span,
a#nav-icon-burger.open:hover span.burger {
	background: transparent;
}

span.burger {
	position: absolute;
	z-index: 1;
	height: 2px;
	width: 22px;
	background: #707070;
	right: 50%;
	top: 50%;
	-webkit-transform: translateX(50%) translateY(-50%);
	-ms-transform: translateX(50%) translateY(-50%);
	-moz-transform: translateX(50%) translateY(-50%);
	-o-transform: translateX(50%) translateY(-50%);
	transform: translateX(50%) translateY(-50%);
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	-moz-transition: background 0.5s;
	transition: background 0.5s;
}

span.burger::before,
span.burger::after {
	content: '';
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
	display: block;
	width: 22px;
	height: 2px;
	background: #707070;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

span.burger::after {
	-webkit-transform: translateY(6px) rotate(0deg);
	-ms-transform: translateY(6px) rotate(0deg);
	-moz-transform: translateY(6px) rotate(0deg);
	-o-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
}

a#nav-icon-burger.open span::before {
	-webkit-transform: rotate(45deg) !important;
	-ms-transform: rotate(45deg) !important;
	-moz-transform: rotate(45deg) !important;
	-o-transform: rotate(45deg) !important;
	transform: rotate(45deg) !important;
}

a#nav-icon-burger.open span::after {
	-webkit-transform: rotate(-45deg) !important;
	-ms-transform: rotate(-45deg) !important;
	-moz-transform: rotate(-45deg) !important;
	-o-transform: rotate(-45deg) !important;
	transform: rotate(-45deg) !important;
}


a#nav-icon-burger:hover span.burger {
	background: #E6B95B;
}

a#nav-icon-burger:hover span.burger::before {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	transform: translateY(-8px);
	background: #E6B95B;
}

a#nav-icon-burger:hover span.burger::after {
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	-moz-transform: translateY(8px);
	-o-transform: translateY(8px);
	transform: translateY(8px);
	background: #E6B95B;
}

/*end icon burger*/


.top-navigation {
	position: absolute;
	/*à changer en fixed lors du scroll*/
	display: block;
	width: 100%;
	top: 177px;
	height: 56px;
	background: #fff;
	z-index: 1000;

}

.stickMenu {
	position: fixed;
	top: 0px;
	z-index: 1000;
}


.all-nav-container {
	width: 100%;
	max-width: 1620px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between;

}

.wrap-menu-mobile {
	display: none;
}

.wrap-menu-mobile ul.sub-menu {
	position: relative;
	display: none;
	top: 0px;
	width: 100%;
	-webkit-box-shadow: initial;
	-moz-box-shadow: initial;
	box-shadow: initial;
	background: #fff;
}

.wrap-menu-desktop {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between;
}


.all-nav-container ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;

}


.all-nav-container .wpml-ls-legacy-list-horizontal {
	border: none;
	padding: 0px;
	clear: initial;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
}


.all-nav-container a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between;
	position: relative;
	color: #707070;
	padding: 19px;
	text-decoration: none;
	height: 56px;
}

.all-nav-container a:hover,
.current-menu-item.menu-item-65 a:hover {
	color: #E6B95B;
}

.current-menu-item,
.wpml-ls-current-language {
	background: #E6B95B;
}

.menu>.current-menu-item>a,
.wpml-ls-current-language a,
.menu>.current-menu-item>a:hover,
.wpml-ls-current-language a:hover {
	color: #fff;
}


ul.sub-menu .current-menu-item {

	background: #fff;
}


ul.sub-menu .current-menu-item a {
	color: #707070;

}

ul.sub-menu .current-menu-item a:hover {
	color: #E6B95B;

}

/* effect hover main menu top*/
.all-nav-container ul>li>a::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	height: 4px;
	background-color: transparent;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: background-color, border-color, height, right, -webkit-box-shadow;
	transition-property: background-color, border-color, height, right, -webkit-box-shadow;
	-o-transition-property: background-color, border-color, box-shadow, height, right;
	-moz-transition-property: background-color, border-color, box-shadow, height, right, -moz-box-shadow;
	transition-property: background-color, border-color, box-shadow, height, right;
	transition-property: background-color, border-color, box-shadow, height, right, -webkit-box-shadow, -moz-box-shadow;
	transition-property: background-color, border-color, box-shadow, height, right, -webkit-box-shadow;
	left: 0;
	right: 100%;
}

.all-nav-container ul>li>a.hover-menu-effect::before {
	right: 0;
	background-color: #E6B95B;
}

.wrap-menu-desktop ul.sub-menu {
	display: none;
	position: absolute;
	top: 56px;
	z-index: 1;
	width: 350px;
	background: #fff;
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.4s all;
	-o-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;

}

ul.sub-menu.open-sub-menu {
	display: block;


}

ul.sub-menu>li>a {
	margin-bottom: 4px;
}

ul.sub-menu>li:last-child>a {
	margin-bottom: 0px;
}

ul.sub-menu>li>a::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 4px;
	background: #707070;
}

ul.sub-menu>li>a:hover::before {
	background: #E6B95B;
}


ul.sub-menu .currentSubMenu::before {
	background: #E6B95B;
}

/* icon angle down margin */
.all-nav-container ul li a i {
	margin-left: 10px;
}



/*
display: none;
    position: absolute;
    WP-MENU*/

nav {}

nav ul {}

nav li {}

nav ul li a {}

/*WP-SUB-MENU*/
nav li a:hover>,
nav ul ul :hover>a {}

nav ul li:hover>ul {}

nav ul li:hover>ul li a {}

nav ul li.current_page_item>a,
nav ul li.current-menu-ancestor>a,
nav ul li.current-menu-item>a,
nav ul li.current-menu-parent>a {}

* html nav ul li.current_page_item a,
* html nav ul li.current-menu-ancestor a,
* html nav ul li.current-menu-item a,
* html nav ul li.current-menu-parent a,
* html nav ul li a:hover {}


/* -------------------------------------------------------------------------- */
/*      4.a btn up template css
/* -------------------------------------------------------------------------- */

.btn-up {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;
	z-index: 99999999;
	font-size: 3em;
	height: 50px;
	width: 50px;
	bottom: 100px;
	right: 19px;
	background: #E6B95B;
	opacity: 0;
	transition: opacity 0.7s;
	-moz-transition: opacity 0.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
}

.btn-up.fadeInBtn {
	opacity: 0.7;
}

.btn-up.fadeInBtn:hover {
	opacity: 1;
}

.btn-up .btn-icon-svg {
	margin: 0px;
}


/* -------------------------------------------------------------------------- */
/*      5. Header.php template-parts/header/site', 'branding'
/* -------------------------------------------------------------------------- */

.main-top-header {
	width: 100%;
	background: #f1f1f1;
}

#wrap-all-content-header {
	height: 177px;
	overflow: hidden;
	padding-left: 174px;
}

.wrap-site-branding-content {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
}

.bg-img-card,
.bg-img-site-branding {
	position: relative;
	width: 100%;
	background-position: 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;

	/*
    * bg order properties

    background-color
    background-image
    background-position
    background-size
    background-repeat
    background-origin
    background-clip
    background-attachment

    */
}

.bg-img-sections,
.bg-img-top-page {
	position: relative;
	width: 100% !important;
	background-position: center center !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	height: auto;
	padding: 8.8rem 0px 4rem 0px;
}

.bg-img-pos-left-20-center {
	background-position: 20% center !important;
}


.wrap-form-search {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	-moz-box-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-moz-box-align: center;
	align-items: center;

}



p#breadcrumbs {
	margin-top: 56px;
	padding: 15px 19px;
}


a.link-news {
	color: #E6B95B;
}

/* -------------------------------------------------------------------------- */
/*      6. front-page.php
/* -------------------------------------------------------------------------- */

/* Make YouTube videos inserted via WordPress oEmbed full-width */

/* .wp-block-embed-youtube {
	overflow: hidden;
	position: relative;
	max-width: 100%;
	height: auto;
	padding-bottom: 56.25%;
}

.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */


.info-header-image.flex-c-c.mb-s a {
	display: block;
	margin-top: 20px !important;
	max-width: 250px;
	width: 100%;
	margin: 20px auto 0 auto;
	border: 2px solid #fff;
	padding: 10px;
	transition: all 0.3s ease;
}

.info-header-image.flex-c-c.mb-s a:hover {
	background-color: #fff;
	color: #6f5235;
}

#grande-neuvaine>div>div>div>div>a {
	display: block;
}

#grande-neuvaine>div>div>div>div>a>img {
	width: 100%;
}

/***** SECTION #news *****/
.actualites {
	position: relative;
	padding: 15px 15px;

}

.actualites::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 4px;
	background: #707070;
}

/***** FIN SECTION #news *****/


/***** SECTION #pub-inscription *****/
.card-template {
	position: relative;
}

.card-template-video {
	position: relative;
	height: auto;
}


.card-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 68px;
	background: #fff;
}

.card-header-video {
	height: 68px;
	background: #fff;
	margin-bottom: 0px;
}

.card-header p {
	width: 90%;
	padding: 0px 19px;
}

.card-bg-icon {
	padding: 10px;
	width: 10%;
	max-width: 54px;
	height: 68px;
	background: #E6B95B;
}

.card-bg-icon i {
	font-size: 3rem;
	color: #FFF;
}

.btn-card {
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	margin: 0 !important;
}



/***** FIN SECTION #pub-inscription *****/

/***** SECTION #activite-en-chiffres *****/
.wrap-square {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
	margin: 20px 0px;
}

.square {
	max-width: 200px;
	height: 170px;
	margin: 19px;
	background: #E6B95B;
	padding: 20px;
}

.square-bg-dark {
	position: relative;
	max-width: 100px;
	height: 100px;
	margin: 19px;
	background: rgba(255, 255, 255, 0.4) !important;
	padding: 20px;
	font-weight: 600;
	font-size: 1.5rem;
	text-transform: uppercase
}


.infos-square {
	padding-bottom: 0px;
	color: #fff;
}



/***** FIN SECTION #activite-en-chiffres *****/

/***** SECTION #BMP *****/
a.social-media {
	display: inline-block;
	font-size: 1.8em;
	text-decoration: none;
	margin-right: 0.3rem;
	color: #FFF;
}

a.social-media:hover {
	color: #bbbb95;
}

#bmp a.social-media {
	color: #707070;
}

#bmp a.social-media:hover {
	color: #2F7CAA;
}

#bmp .grid-row-v2 {
	-webkit-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

/***** FIN SECTION #BMP *****/

/* -------------------------------------------------------------------------- */
/*      7. Header.php template-parts/footer/footer', 'top'
/* -------------------------------------------------------------------------- */



#main-footer {
	width: 100%;

}

#footer-top {
	width: 100%;
	background: #4A4A4A;
}

#wrap-all-content-footer-top {
	padding: 40px 0px;
}


.personne-contact .wrap-title {
	/*height: 70px;*/
}

ul.infos-person li {
	padding: 2px 0px;

}


section#dons-compte {
	border-left: 1px solid #E6B95B;
	padding-left: 2%;
}

.wrap-infos-compte {
	padding-top: 0px;
}

.wrap-infos-compte p {
	padding: 0px;
}

.personne-contact,
#copyright,
.wrap-infos-compte {
	color: #fff;
}

#footer-bottom {
	width: 100%;
	background: #E6B95B;
}

#wrap-all-content-footer-bottom {
	padding: 20px 19px;
}

#wrap-all-content-footer-bottom {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	justify-content: center;
}


#copyright p {
	text-align: center;
	margin: 0px;
}

#copyright a {
	color: #fff;
}


#lienFooterBmp {
	margin-left: 10px;
}



/* -------------------------------------------------------------------------- */
/*      8. Pelerinage.php
/* -------------------------------------------------------------------------- */


.wrap-contact-footer {
	padding: 30px 0px;
}




/* -------------------------------------------------------------------------- */
/*      9. Inscriptionphp
/* -------------------------------------------------------------------------- */

section#inscription {
	margin-top: 90px;
	padding-left: 138px;
	padding-right: 138px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
}

.wrap-form-inscription {
	padding: 50px 48px 50px 48px;
	background-color: #ede8e2;

}


/* -------------------------------------------------------------------------- */
/*      10. qui-sommes-nous.php
/* -------------------------------------------------------------------------- */

.portrait-comite p {
	padding: 0px;
}


/* -------------------------------------------------------------------------- */
/*      11. notre-chorale.php
/* -------------------------------------------------------------------------- */


ul.infos-person-chorale {
	margin: 20px 0px;
}

ul.infos-person-chorale li {
	padding: 5px 0px;
}



/* -------------------------------------------------------------------------- */
/*      12. notre-chorale.php /masonry
/* -------------------------------------------------------------------------- */

.grid {
	/*background: red;*/
	width: 100%;
	max-width: 1582px;
	/*- margin-left -19px et margini-right -19px = -38px*/
	margin: 0 auto;
}

/* clear fix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}



/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
	width: 19.5%;
}

.gutter-sizer {
	width: 0.625%;
}

.grid-item {
	float: left;
	background: #fff;
	margin-bottom: 15px;
}

.grid-item img {
	display: block;
	width: 100%;
}

.textUnderPhoto {
	padding: 15px;
}



/* -------------------------------------------------------------------------- */

/*      13. archives.php -> index.php = MAIN BLOG
/* -------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------- */

/*      14. Media Queries
/* -------------------------------------------------------------------------- */


@media (max-width: 1400px) {




	.personne-contact .wrap-title {
		/*height: 60px;*/

	}

	article.personne-contact {
		padding-bottom: 40px;
	}


	.wrap-contact-footer {
		padding: 40px 0px 0px 0px;
	}




}

@media (max-width: 1200px) {
	.incart_title{
		margin-left: 30px!important;
	}
	.comite-accordeon .wrap-content-accordeon {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.col-v3.portrait-comite {
		max-width: 33%;
		margin: 3%;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 -webkit-calc(33% - 6%);
		-ms-flex: 1 1 calc(33% - 6%);
		-moz-box-flex: 0;
		flex: 0 1 calc(33% - 6%);
	}

	.pub-content-inscription {
		padding: 0px 8.5%;

	}






	.col-8 .col-4 {
		-webkit-flex-basis: -webkit-calc(50% - 38px);
		-ms-flex-preferred-size: calc(50% - 38px);
		flex-basis: -moz-calc(50% - 38px);
		flex-basis: calc(50% - 38px);
	}


	.grid-sizer,
	.grid-item {
		width: 32%;
	}

	.gutter-sizer {
		width: 2%;
	}


}





@media (max-width: 1300px) {
	.link-to-closing-container{
		padding-inline:10%!important;
	}




	/* header */
	.main-top-header {
		display: none;
	}

	.wrap-menu-mobile {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-moz-box-pack: start;
		justify-content: flex-start;
	}

	.wrap-menu-desktop {
		display: none;
	}



	.top-navigation {
		position: fixed;
		top: 0px;
		z-index: 1000;

	}


	/* menu moblie */

	a#nav-icon-burger {
		display: block;
		z-index: 1010;

	}

	.all-nav-container>div:nth-child(4) {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		position: fixed;
		width: 100vw;
		top: 0px;
		left: 0vw;
		bottom: 0px;
		background: #fff;
		z-index: 1000;
		-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
		-webkit-transform: translateX(-100vw);
		-ms-transform: translateX(-100vw);
		-moz-transform: translateX(-100vw);
		-o-transform: translateX(-100vw);
		transform: translateX(-100vw);
		-webkit-transition: 0.4s left;
		-o-transition: 0.4s left;
		-moz-transition: 0.4s left;
		transition: 0.4s left;
	}

	.all-nav-container>div:nth-child(4).open {

		left: 100vw;

	}

	.menu-menu-mobile-container {
		width: 100%;
	}


	.all-nav-container ul.menu-mobile {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-moz-box-align: start;
		align-items: flex-start;
		width: 100%;
		margin-top: 56px;

	}

	.all-nav-container ul.menu-mobile li {
		width: 100%;

	}

	.langue-switcher-mobile {
		margin-top: 15px;
	}


	#h1-bandeau-mobile {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
	}


	/* Formulaire inscription */
	section#inscription {
		padding-left: 15px;
		padding-right: 15px;
	}


	.wrap-padding {
		padding: 20px 2%;
	}

	.wrap-padding-1-col {
		padding: 20px 8%;
	}




	.wrap-contact-footer {
		padding: 15px 0px 30px 0px;
	}

	.personne-contact {
		padding-top: 15px;
	}

	.wrap-infos-compte.grid-row {
		padding: 0px;
	}



	.grid-item-6col {
		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		-ms-flex: auto;
		position: relative;
		padding-right: 4%;
	}


	.grid-item-6col:nth-child(2n) {
		padding-right: 0%;
	}



	article.personne-contact {
		padding-top: 10px;
	}



	.col-v3 {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 -webkit-calc(50% - 38px);
		-ms-flex: 1 1 calc(50% - 38px);
		-moz-box-flex: 1;
		flex: 1 1 calc(50% - 38px);
	}



	.col-v3.portrait-comite {
		max-width: 33%;
		margin: 2%;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 -webkit-calc(33% - 4%);
		-ms-flex: 1 1 calc(33% - 4%);
		-moz-box-flex: 0;
		flex: 0 1 calc(33% - 4%);
	}


	div#wrap-all-content-footer-top {
		-webkit-flex-wrap: wrap-reverse;
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
	}

	.col-8 {
		-webkit-flex-basis: -webkit-calc(100% - 38px);
		-ms-flex-preferred-size: calc(100% - 38px);
		flex-basis: -moz-calc(100% - 38px);
		flex-basis: calc(100% - 38px);
	}

	.col-8 .col-4 {
		-webkit-flex-basis: -webkit-calc(33.3333% - 38px);
		-ms-flex-preferred-size: calc(33.3333% - 38px);
		flex-basis: -moz-calc(33.3333% - 38px);
		flex-basis: calc(33.3333% - 38px);
	}


	section#dons-compte {
		border-left: initial;
		border-bottom: 1px solid #E6B95B;
		padding-left: 0%;
		padding-bottom: 40px;
	}


	section#dons-compte.col-4 {
		-webkit-flex-basis: -webkit-calc(50% - 38px);
		-ms-flex-preferred-size: calc(50% - 38px);
		flex-basis: -moz-calc(50% - 38px);
		flex-basis: calc(50% - 38px);
	}


}


@media (max-width: 880px) {

	.comite-accordeon .wrap-content-accordeon {
		grid-template-columns: 1fr 1fr;
	}


	.square {
		max-width: 50%;
	}

	.portrait-comite a {
		font-size: 1.3rem;
	}


	.pub-content-inscription {
		padding: 0px;

	}


	.col-7 {
		-webkit-flex-basis: -webkit-calc(100% - 38px);
		-ms-flex-preferred-size: calc(100% - 38px);
		flex-basis: -moz-calc(100% - 38px);
		flex-basis: calc(100% - 38px);
	}

	.col-4,
	.col-8 .col-4 {
		-webkit-flex-basis: -webkit-calc(50% - 38px);
		-ms-flex-preferred-size: calc(50% - 38px);
		flex-basis: -moz-calc(50% - 38px);
		flex-basis: calc(50% - 38px);
	}

	.col.col-4.flex-c-c {
		justify-content: flex-start;
	}

}



@media (max-width: 780px) {

	.all-nav-container {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: flex-start;
	}

	.langue-switcher-desktop {
		display: none;
	}





	.card-bg-icon {
		padding: 10px;
		width: 15%;
		max-width: 68px;

	}

	.card-header p {
		width: 85%;
	}

	.square {
		max-width: 100%;
	}





	.portrait-comite a {
		font-size: 1.1rem;
	}

	.col-3 {
		-webkit-flex-basis: -webkit-calc(50% - 38px);
		-ms-flex-preferred-size: calc(50% - 38px);
		flex-basis: -moz-calc(50% - 38px);
		flex-basis: calc(50% - 38px);
	}

	.col-5 {
		-webkit-flex-basis: -webkit-calc(58.3333% - 38px);
		-ms-flex-preferred-size: calc(58.3333% - 38px);
		flex-basis: -moz-calc(58.3333% - 38px);
		flex-basis: calc(58.3333% - 38px);
	}

	.col.col-6 {
		-webkit-flex-basis: -webkit-calc(100% - 38px);
		-ms-flex-preferred-size: calc(100% - 38px);
		flex-basis: -moz-calc(100% - 38px);
		flex-basis: calc(100% - 38px);
	}



	.grid-sizer,
	.grid-item {
		width: 48%;
	}

	.gutter-sizer {
		width: 4%;
	}


}

@media (max-width: 781px) {
	#communique .wp-block-columns.choix-pel:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 45% !important;
	}
}

@media (max-width: 680px) {

	#h1-bandeau-mobile {
		font-size: 1.5rem;
	}

	.portrait-comite a {
		font-size: 0.99rem;
	}



}

@media (max-width: 580px) {


	h2 {
		font-size: 3rem;
	}

	h3 {
		font-size: 2.5rem;
	}


	h4 {
		font-size: 1.65rem;
	}

	h5 {
		font-size: 2.1rem;
	}

	h6 {
		font-size: 1.6rem;

	}





	.grid-item-6col {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		-ms-flex: auto;
		padding-right: 0%;


	}


	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {

		-webkit-flex-basis: -webkit-calc(100% - 38px);
		-ms-flex-preferred-size: calc(100% - 38px);
		flex-basis: -moz-calc(100% - 38px);
		flex-basis: calc(100% - 38px);
	}

	.col-1-offset {
		padding-right: 0px;
	}


	.col-v3.portrait-comite {
		max-width: 50%;
		margin: 2%;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 -webkit-calc(50% - 4%);
		-ms-flex: 1 1 calc(50% - 4%);
		-moz-box-flex: 0;
		flex: 0 1 calc(50% - 4%);
	}


	section#contact-footer,
	section#dons-compte {
		margin: 19px 0px;
		-webkit-flex-basis: -webkit-calc(100% - 0px);
		-ms-flex-preferred-size: calc(100% - 0px);
		flex-basis: -moz-calc(100% - 0px);
		flex-basis: calc(100% - 0px);
	}

	section#dons-compte.col-4 {
		-webkit-flex-basis: -webkit-calc(100% - 38px);
		-ms-flex-preferred-size: calc(100% - 38px);
		flex-basis: -moz-calc(100% - 38px);
		flex-basis: calc(100% - 38px);
	}

	.portrait-comite a {
		font-size: 1.24rem;
	}


}

@media (max-width: 530px) {
	.comite-accordeon .wrap-content-accordeon {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {

	#communique .wp-block-columns.choix-pel:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 41% !important;
	}

	/* Formulaire inscription */
	.wrap-form-inscription {
		padding: 15px 10px 0px 10px;
	}


	.col-6 {
		-webkit-flex-basis: -webkit-calc(100% - 38px);
		-ms-flex-preferred-size: calc(100% - 38px);
		flex-basis: -moz-calc(100% - 38px);
		flex-basis: calc(100% - 38px);
	}


	.col-v3 {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 -webkit-calc(100% - 38px);
		-ms-flex: 1 1 calc(100% - 38px);
		-moz-box-flex: 1;
		flex: 1 1 calc(100% - 38px);
	}


	.col-v3.portrait-comite {

		max-width: 100%;
		margin: 10px 22%;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 -webkit-calc(100% - 44%);
		-ms-flex: 1 1 calc(100% - 44%);
		-moz-box-flex: 0;
		flex: 0 1 calc(100% - 44%);
	}

	h4 {
		font-size: 1.45rem;
	}

	ul.infos-person {
		font-size: 1.2rem;
	}

	.portrait-comite a {
		font-size: 1.32rem;
	}

	.col-8 .col-4 {
		margin-left: 10px;
		margin-right: 10px;
		-webkit-flex-basis: -webkit-calc(50% - 20px);
		-ms-flex-preferred-size: calc(50% - 20px);
		flex-basis: -moz-calc(50% - 20px);
		flex-basis: calc(50% - 20px);
	}


	.grid-sizer,
	.grid-item {
		width: 100%;
	}

	.gutter-sizer {
		width: 0%;
	}

	.wrap-padding-1-col {
		padding: 0px;
	}

}


@media (max-width: 400px) {

	.col-v3.portrait-comite {

		margin: 10px 10%;
		-webkit-flex: 1 1 -webkit-calc(33% - 20%);
		-ms-flex: 1 1 calc(33% - 20%);
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		flex: 0 1 calc(100% - 20%);
	}




}

@media (max-width: 370px) {
	.col-v3 {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 -webkit-calc(100% - 4%);
		-ms-flex: 1 1 calc(100% - 4%);
		-moz-box-flex: 1;
		flex: 1 1 calc(100% - 4%);
	}


	.col-v3.portrait-comite {

		max-width: 100%;
		margin: 10px 11%;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 -webkit-calc(33% - 22%);
		-ms-flex: 1 1 calc(33% - 22%);
		-moz-box-flex: 0;
		flex: 0 1 calc(100% - 22%);
	}

	h4 {
		font-size: 1.32rem;
	}

	ul.infos-person {
		font-size: 1rem;
	}

}

.wrap-padding-1-col .wp-block-yootheme-widgetkit .uk-scope .incart_title{
	display: flex;
	width: 100%;
	background-color: #6f5235;
	margin-left: 40px;
	padding: .7rem;
	color: white;
	text-align: center;
	justify-content: center;
	font-weight: bolder;
	margin-top: 80px;
}
.wrap-padding-1-col .wp-block-yootheme-widgetkit .uk-scope .incart_title:first-of-type{
	margin-top: .7rem;
}
.wrap-padding-1-col .wp-block-yootheme-widgetkit .uk-scope .incart_title i{
	font-style: italic;
	font-weight: bold;
}
.link-to-closing-container{
	padding-inline:18%;
}
.link-to-closing-container a{
	max-width: fit-content;
}
#photos-2024 .link-to-closing-container, #fotos-2024 .link-to-closing-container{
	max-width: 1620px;
	margin: auto;

	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}
html{
	scroll-behavior: smooth;
}
@media all and (max-width: 640px) {
	.uk-inline-clip{
		margin-inline: auto!important;
	}
	.wp-block-yootheme-widgetkit .uk-scope .uk-panel{
		display: flex;

	}
	.wrap-padding-1-col .wp-block-yootheme-widgetkit .uk-scope .incart_title{
		margin-left: 30px;
	}
	.uk-scope .uk-child-width-1-1 > div{
		max-width: 50%;
		min-width: 200px!important;
	}
}
@media all and (max-width: 410px){
	.uk-scope .uk-child-width-1-1{
		display: flex;
		justify-content: center;
	}
	.uk-scope .uk-child-width-1-1 > div{
		max-width: unset;
		min-width: 200px!important;
	}
}
.uk-panel div, .uk-panel img{
	width: 100%!important;
}
/*
GALLERIE D IMAGES STYLE
 */
.lourdes-photos .uk-panel img{
	max-height: 200px;
	object-fit: cover;
	aspect-ratio: 16 / 10;
}
.btn-bg-light:hover{
	filter: contrast(90%);
}