/*
Theme Name: CLEAN-THEME
Theme URI: Url du thème
Description: CLEAN_THEME_STARTER
Version: 1
Author: COUGIL L.
2020
*/
/* -------------------------------------------------------------------------- */
/*      0. IMPORTS CSS
/* -------------------------------------------------------------------------- */
@import url(assets/css/reset.css);
@import url(assets/css/gridSysteme.css);
@import url(assets/css/flex.css);
@import url(assets/css/generalSetup.css);
@import url(assets/css/appartements.css);
@import url(css/michael.css);
@import url(css/jeremy.css);


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


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: 1015;
	visibility: visible;
	opacity: 1;
	overflow: hidden;
	cursor: pointer;
}

/* Widgetkit */

.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;
}







/* -------------------------------------------------------------------------- */
/*      0. widgets
/* -------------------------------------------------------------------------- */

div#nav-widget-area-left{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;
}

.wpml-ls-legacy-dropdown {
    width: auto;
    max-width: 100%;
}
.wpml-ls-legacy-dropdown a{
	background: none;
	border: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    display: block;
		background: #2e2d2c;
		color: #B2B2B2;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a {

		color: #B2B2B2;
}

a.js-wpml-ls-item-toggle.wpml-ls-item-toggle{
	color: #B2B2B2;
}

.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a > span.wpml-ls-native,
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:hover a {
    color: #6BC0AD;
    background: #2e2d2c;
}

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


#photoDirectrice,
.photo-chorale img,
img#photoAgenda,
img#affiche-pelerinage{
	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
/* -------------------------------------------------------------------------- */




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


.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;
}






.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;
	}


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

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

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

	/* -------------------------------------------------------------------------- */
/*      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;
	height: 150px;
}
.block-bg-color{
	background: #E6B95B;
}


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

/*icon burger*/


a#nav-icon-burger {
	display: none;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	     -moz-box-pack: justify;
	     justify-content: space-between;
	position: relative;
	padding: 0px 2rem;
	text-decoration: none;
	height: 80px;
	width: 80px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;
	-webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
	/*background: #2e2d2c;*/
	/*-webkit-box-shadow: 0px 0px 2px 1px rgba(101, 101, 101,0.7);
	   -moz-box-shadow: 0px 0px 2px 1px rgba(101, 101, 101,0.7);
	        box-shadow: 0px 0px 2px 1px rgba(101, 101, 101,0.7);
  */
}

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:#717171;
	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:#717171;
	-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,
a#nav-icon-burger:hover span.burger::before,
a#nav-icon-burger:hover span.burger::after {
	background: #669998;
}

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);
}

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);
}

/*end icon burger*/


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

}
.menu-menu-principal-container {
    background: transparent;
		-webkit-border-radius: 40px;
		   -moz-border-radius: 40px;
		        border-radius: 40px;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
}

.all-nav-container{
	width: 100%;
	height: 100%;
	max-width: 163.6rem;
	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;
}





.menu-menu-principal-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.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;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
	border-top:none;
}


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



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


.stickMenu .wpml-ls-current-language a,
.stickMenu .menu.menu-desktop > .current-menu-item > a:hover{
	color: #b2b2b2
}
.stickMenu .menu.menu-desktop > .current-menu-item > a{
	color: #669998
}

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: -1rem;
	height: 2px;
	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;
	left: 50%;
	width: 0%;

}
.all-nav-container ul > li.current-menu-item > a::before{
	background-color: #669998;
	left: 20%;
	width: 60%;
}
.stickMenu .all-nav-container .menu-desktop > li.current-menu-item > a::before{
	background-color: #669998;
	left: 20%;
	width: 60%;
}

.all-nav-container .menu-desktop > li > a:hover::before,
.all-nav-container .menu-mobile > li > a:hover::before
{
	left: 20%;
  width: 60%;
	background: #669998;
}

.stickMenu .all-nav-container .menu-desktop > li > a:hover::before
{
	left: 20%;
  width: 60%;
	background: #6cc0ad;
}

.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;
}




/* -------------------------------------------------------------------------- */
/*      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: 1040;
    font-size: 3em;
    height: 50px;
    width: 50px;
    bottom: 20%;
    right: 19px;
    background: #669998;
    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{
	overflow: hidden;
}

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

#logo img {
	height: 50px;
	width: 50px;
	object-fit: cover;
}

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

    /*
    * 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;
}
.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: 82px;
    padding: 15px 19px;
}


a.link-news{
	color: #E6B95B;
}
/* -------------------------------------------------------------------------- */
/*      6. front-page.php
/* -------------------------------------------------------------------------- */

section#16-youchronia{
	padding: 0rem 0rem;
}



/***** SECTION #SERVICES *****/
a.link-custom {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.container-card {
	position: relative;
    background: #F5F5F5;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    width: auto;
    height: 441px;
		padding: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
               -moz-box-pack: start;
                    justify-content: flex-start;
						-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
						-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
										box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
						-webkit-transition: all 0.5s ease;
						-o-transition: all 0.5s ease;
						-moz-transition: all 0.5s ease;
						transition: all 0.5s ease;
}
.container-card:hover{
	-webkit-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2);
					box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2);
}

.bg-icon-card{
	background-color: #2E2D2C;
	width: 133px;
	height: 133px;
	-webkit-border-radius: 66.5px;
	   -moz-border-radius: 66.5px;
	        border-radius: 66.5px;
					display: -webkit-box;
					display: -webkit-flex;
					display: -moz-box;
					display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
   -moz-box-align: center;
        align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
   -moz-box-pack: center;
        justify-content: center;
}



/***** FIN SECTION #SERVICES *****/

/***** SECTION #YOUCHRONIA *****/

.youchronia-sect{
	margin-bottom: 0px;
}

.section-youchronia-home .ct-col-pad-right {
	padding-right: 0rem;
}

.section-youchronia-home .wp-block-column.ct-col-bg-dark{
	position: relative;
}
.section-youchronia-home .wp-block-column.ct-col-bg-dark:before{
	display: none;
    content: '';
    position: absolute;
    bottom: 50%;
		margin-bottom: -66.5px;
    left: -66.5px;
    z-index: -1;
    width: 133px;
    height: 133px;
		-webkit-border-radius: 66.5px;
		   -moz-border-radius: 66.5px;
		        border-radius: 66.5px;
    background-color: #2E2D2C;
}
.section-youchronia-home .wp-block-column.ct-col-bg-dark svg {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -18px;
	margin-left: -12.362px;
}

@media (max-width: 781px) and (min-width: 600px){




.section-youchronia-home .wp-block-column {
	    -webkit-flex-basis: -webkit-calc(100% - 0px)!important;
	            flex-basis: -moz-calc(100% - 0px)!important;
	            flex-basis: calc(100% - 0px)!important;
	    -webkit-box-flex: 0;
	    -webkit-flex-grow: 0;
	       -moz-box-flex: 0;
	            flex-grow: 0;
	}

.section-youchronia-home .wp-block-column:nth-child(2n) {
    margin-left: 0px;
	}




}


@media (min-width: 782px){

	.section-youchronia-home .ct-col-pad-right {
		padding-right: 5.4rem;
	}

	.section-youchronia-home .wp-block-column.ct-col-bg-dark:before{
			display: block;

	}
	.section-youchronia-home .wp-block-column.ct-col-bg-dark svg {
		display: block;

	}

}

@media (min-width: 1000px){

	.section-youchronia-home .ct-col-pad-right {
		padding-right: 11.8rem;
	}



}


/***** FIN SECTION #YOUCHRONIA *****/

/***** 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;
    color: #707070;
}

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

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

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

/* -------------------------------------------------------------------------- */
/*      7. Footer.php template-parts/footer/footer',
/* -------------------------------------------------------------------------- */



#main-footer{
	position: relative;
	width: 100%;
	background: #2e2d2c;
	padding-top: 8rem;

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

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

/*.calendrier{
	position: relative;
}
.timify-button{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;

}*/

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;
}

div#wrapper-credits{
    display: block;
    width: 100%;
		margin-bottom: 4rem;

}

#credits{
	width: 100%;
    height: 100%;
    max-width: 85em;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
  	-webkit-box-pack: end;
  	-webkit-justify-content: flex-end;
  	   -moz-box-pack: end;
  	        justify-content: flex-end;
						-webkit-box-align: center;
						-webkit-align-items: center;
						   -moz-box-align: center;
						        align-items: center;
}

#credits > p {
	font-size: 1.4rem !important;
	text-align: right;
		padding: 2rem 2rem 2rem 4rem;
    background: #669997;
		-webkit-border-radius: 40px 0 0 40px;
       -moz-border-radius: 40px 0 0 40px;
            border-radius: 40px 0 0 40px;
}
#credits p, #credits  span, #credits  a{
	color: #fff !important;
}


.wp-block-columns.credits-footer {
    margin: 0px !important;
}



.social-icons div{
	margin-left: 32px;
}

.social-icons div:hover svg g path{
	fill: #fff;
}
.social-icons div:hover svg g{
	fill: #6cc0ad !important;
}
.social-icons >.wp-block-column{
	position: relative;
	max-width: 50px;
	width: 50px;
}
svg#illustration_calendrier{
	width: 100%;
}
#footer-bottom{
	width: 100%;
	background: #2e2d2c;
}


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






#lienFooterBmp{
	margin-left:10px;
}



/* -------------------------------------------------------------------------- */
/*      8. Mes Sevices
/* -------------------------------------------------------------------------- */
hr.wp-block-separator {
    margin-top: 0rem;
}
.ct-style-cols {
    background-color: #2e2d2c;
    padding: 4rem;
		height: 100%;
		min-height: 356px !important;
		-webkit-border-radius: 45px;
		   -moz-border-radius: 45px;
		        border-radius: 45px;
}
.ct-style-cols .wp-block-column:last-child{
	margin-bottom: 0px !important;
}
.ct-style-cols h3 {
	margin-top: 0px !important;
}

.icon-v2{
	position: relative;
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
}
.icon-v2::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	border: 3px solid #6bc0ad;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 100px;
	height: 100px;
	width: 100px;
	z-index: 1;
}




/* -------------------------------------------------------------------------- */
/*      FIN Mes Sevices
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*      8. Contact
/* -------------------------------------------------------------------------- */

p.contact-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
			margin-bottom: 2rem;
}

p.contact-txt span, p.contact-txt a{
    margin-left: 2rem;
}


/* -------------------------------------------------------------------------- */
/*      9. À propos.php
/* -------------------------------------------------------------------------- */

.photo-portrait{
	-webkit-box-shadow: 0px 0px 4px 0.5px #b2b2b2;
	   -moz-box-shadow: 0px 0px 4px 0.5px #b2b2b2;
	        box-shadow: 0px 0px 4px 0.5px #b2b2b2;
}
.photo-portrait > img{
	display: block;
}


/* -------------------------------------------------------------------------- */
/*      10. notre-chorale.php
/* -------------------------------------------------------------------------- */


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

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



/* -------------------------------------------------------------------------- */
/*      11. 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;
}


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

/*      11. Slider Single
/* -------------------------------------------------------------------------- */

/* zero custom styles for photoswipe */

/*==================================
SWIPER - minimal styling
===================================*/
/* semantic HTML - remove bullet and space from the list */
.swiper-wrapper {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Swiper container */
.swiper-container {
	position: relative;
  max-width: 100%;
  overflow: hidden;
}

/* swiper responive image */
.swiper-container img {
  width: 100%;
  height: 400px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.swiper-slide {
  /* Remove this if you want 1 slide perview - than change slidesPerView js-option to 1 -or- 2+ instead of 'auto' */
  width: 100%;
	height: auto;
	max-height: 400px;
	min-height: 400px;
}

/* Swiper custom pagination */
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 0.5s ease, color 0.5s ease;
  -o-transition: background-color 0.5s ease, color 0.5s ease;
  -moz-transition: background-color 0.5s ease, color 0.5s ease;
  transition: background-color 0.5s ease, color 0.5s ease;
}

/* Swiper custom pagination */
.swiper-pagination-bullet:hover {
  -webkit-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  background: rgba(0, 0, 0, 1);
  color: white;
}

/* Swiper custom pagination active state */
.swiper-pagination-bullet-active {
  color: #fff;
  background: black;
}

.swiper-button-next, .swiper-button-prev {
    color: rgba(0, 0, 0, 0.3);
		/*background: rgba(0, 0, 0, 0.3);*/
    font-size: 36px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: rgba(0, 0, 0, 1);
		/*background: rgba(0, 0, 0, 0.3);*/

}



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

/*      12. Media Queries
/* -------------------------------------------------------------------------- */


@media ( max-width: 1400px ) {


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


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




}

@media ( max-width: 1200px ) {

	.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: 960px ) {





	/* 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;
	}


	.menu-menu-principal-container {
			height: 100vh;
	}



	/* menu moblie */

	a#nav-icon-burger {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		z-index: 1100;
		margin-right: 2rem;
	}
	.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: 110px;

	}
	.all-nav-container ul.menu-mobile li {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
	}

	.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) {
	.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);
}



}



@media (max-width: 780px) {

	.intro-image-siprogres{
		padding: 1.5rem;
	}
	.intro-image-siprogres .wp-block-cover__inner-container{
		width: 100%;
	}
	.wp-block-cover.alignfull.has-parallax.intro-image-siprogres .ct-col-bg-light{
		padding: 1.5rem;
		background-color: rgba(255, 255, 255, 1);
	}

	
	.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;
	}


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

	.gutter-sizer { width: 4%; }


	}

@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-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: 480px ) {

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








	.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;
	}

}


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

/*      13. Erreur 404
/* -------------------------------------------------------------------------- */

#bg-white {
    text-align: center;
}

.p-404 {
    margin-bottom: 50px;
	max-width: none;
}

#ul-404 {
    margin-bottom: 50px;
}