/*
Theme Name: La Rochère
Description: Theme enfant du thème WP Made Simple de Adéo Informatique
Author: Hervé - Publigo
Author URI: https://www.adeoinformatique.com/
Template: wpms-theme 
Version: 1.0
Text Domain: la-rochere
*/

/*

Fonts : ********************************* 
font-family: 'Tenor Sans', sans-serif;   Defaut
font-family: 'Bellota Text', cursive;

les couleurs : ********************************* 
Rose : cc7368
Beige : f5f2ee
Bleu titre : 143c6b
Bleu (fond footer) : 003c4e
Bleu (fond newsletter ) : 00748d
Bleu btn boutique : 92b7bd
Gris btn Pro CHR : a9a8ab
Noir btn Pro architectes : 2d2d2d
Gris texte : 7d7a76

*/

html, 
body {
	height: 100%;
}
body {
	font-family: 'Tenor Sans', sans-serif;
	font-size: 1.125rem;
	color: #7d7a76;
}

a {
	color: #143c6b;
}

.navigation-top > .container,
#content > .container,
.bloc-01,
.bloc-02,
.bloc-03,
.bloc-04,
.bloc-05,
.bottom_footer,
.menu-footer,
.logo-certifications,
.mentions-navigation {
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
}

html.menu-opened,
html.menu-opened body {
	overflow: hidden;
}

.site-main p {
	line-height: 1.3;
}

@media screen and (min-width: 48em) {
	.site-main p {
		line-height: 1.4;
	}
}


@media screen and (min-width: 62em) {
	.magic-display[style] {
		opacity: 0;
	}

	.navigation-top > .container,
	#content > .container,
	.bloc-01,
	.bloc-02,
	.bloc-03,
	.bloc-04,
	.bloc-05,
	.bottom_footer,
	.menu-footer,
	.logo-certifications,
	.mentions-navigation {
		width: 84%;
		min-width: 977px;
	}
}


/* ############################################################################################## */
/* ################### Header  #################################################################################### */

body.admin-bar .navigation-principal { padding-top: 32px; }

.navigation-principal > .container > .row > div > svg path#txt1475,
body:not(.home) #logo svg path {
	fill: #144270;
}

.navigation-principal > .container > .row > div > svg path,
body:not(.home) #logo path#txt1475 {
	fill: #fff;
	stroke: white;
    stroke-width: 0.05rem;
}
.navigation-principal > .container > .row > div > svg path#txt1475 {
	stroke: #144270;
    stroke-width: 0.04em;
}

#top-menu > li:first-child > a > .menu-image-title {
	display: none;
}

#site-navigation-bis #top-menu {
	border-top: none;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#site-navigation-bis #top-menu > li:first-child > a > .menu-image-title {
	display: inline-block;
	margin-left: 0.75rem;
}
#site-navigation-bis #top-menu > li > a {
	border-bottom: 1px solid #143c6b;
	padding-left: 0.5rem;
}

#top-menu > li:first-child > a > .menu-image-hover-wrapper img + img {
	margin-left: -14px;
}

#lang-private-navigation {
	margin-right: auto;
    margin-left: 0;
    margin-bottom: auto;
}

#lang-private-navigation ul.menu {
	list-style: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

#lang-private-navigation ul ul {
	background-color: transparent;
}

#lang-private-navigation ul.menu > li:not(:first-child) > a {
	margin-left: 0.5rem;
}

#top-menu a,
#lang-private-navigation a {
	font-family: 'Bellota Text', cursive;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #143c6b;
	padding: 0.5em 0.25em;
}
#top-menu a:hover,
#top-menu a:focus {
	background-color: #143c6b;
	color: #fff;
}
#lang-private-navigation a {
	background-color: #f5f2ee;
	color: #a29b91;
}

#lang-private-navigation li:not(.login) a:hover,
#lang-private-navigation li:not(.login) a:focus {
	background-color: #143c6b;
	color: #fff;
}

#lang-private-navigation li.login a {
	background-color: #143c6b;
	color: #fff;
}

#lang-private-navigation li.login a:hover,
#lang-private-navigation li.login a:focus {
	background-color: #f5f2ee;
	box-shadow: 0px 0px 1px 1px #143c6b inset;
	color: #143c6b;
}

#site-navigation .menu-toggle {
	color: #143c6b;
	font-family: 'Bellota Text', cursive;
	font-style: italic;
	font-size: 0.875rem;
	text-transform: uppercase;
	margin-top: 0;
}

.dropdown-toggle {
	color: #fff;
}


.navigation-principal {
	position: fixed; 
	top: -100%; left: 0; right: 0; bottom: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	background-color: #143c6b;
	z-index: 5;
	overflow-y: auto;
}

.navigation-principal.toggled-on {
	top: 0%; bottom: 0%;
}


.navigation-principal > .container > .row {
	min-height: 100%;
}

.navigation-principal > .container > .row > div {
	padding-bottom: 2.5rem;
}

.navigation-principal > .container > .row > div:first-child {
	margin-left: auto;
	max-width: 680px;
}

.navigation-principal > .container > .row > div + div {
	background-color: #fff;
	display: none;
}

#main-menu {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	background: none;
	border-top: none;
}

#main-menu a {
	color: #fff;
	font-family: 'Bellota Text', cursive;
	font-size: 1.375rem;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 0.5em .5em;
	font-weight: 700;
}

#main-menu .sub-menu {
	background: none;
}

#main-menu .sub-menu .sub-menu {
	display: none;
}

#main-menu .sub-menu a {
	/*padding: 0;*/
	position: relative;
}

#main-menu .sub-menu a .menu-image-title {
	background-color: rgba(20,60,107,1);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: calc(100%);
	padding: 0.5em;
	font-size: 1.25rem;
	line-height: 1;
}

#main-menu .sub-menu a img + .menu-image-title {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 3;
}

#main-menu .sub-menu a:after {
	content: ''; display: block;
	position: absolute;
	top: 0; bottom: -1px;
	left: 0; right: 0;
	background-color: #fff;
	opacity: 0;
}

#main-menu .sub-menu .current-menu-item a:after,
#main-menu .sub-menu a:hover:after,
#main-menu .sub-menu a:focus:after {
	opacity: 0.7;
}

#main-menu .sub-menu .current-menu-item a .menu-image-title,
#main-menu .sub-menu a:hover .menu-image-title,
#main-menu .sub-menu a:focus .menu-image-title {
	color: #143c6b;
	background-color: rgba(20,60,107,0);
}


#main-menu > li > a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#main-menu > li > a:before {
	content: ''; display: block;
	height: 1px; width: 0;
	margin-top: auto; margin-bottom: auto;
	background-color: #fff;
}
ul#main-menu > li.current-menu-item > a:before,
ul#main-menu > li.current-menu-ancestor > a:before,
#main-menu > li > a:hover:before,
#main-menu > li > a:focus:before {
	width: 14%; margin-right: 0.75rem;
}

.js .navigation-principal .menu-toggle {
	color: #fff; float: right;
	font-family: 'Bellota Text', cursive;
	font-style: italic;
	font-size: 0.875rem;
	text-transform: uppercase;
	max-width: 96px;
    text-align: center;
    padding-top: 42px;
    padding-bottom: 10px;
    position: relative;
    line-height: 1.2;
}

.js .navigation-principal .menu-toggle:before,
.js .navigation-principal .menu-toggle > span:before {
	content: ''; display: block;
	position: absolute; top: 20px;
	left: 50%; height: 3px;
	margin-left: -17px;
	width: 34px; background: #fff;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}

.js .navigation-principal .menu-toggle:hover,
.js .navigation-principal .menu-toggle:focus {
	background-color: #fff;
	color: #143c6b;
}

.js .navigation-principal .menu-toggle:hover:before,
.js .navigation-principal .menu-toggle:focus:before,
.js .navigation-principal .menu-toggle:hover > span:before,
.js .navigation-principal .menu-toggle:focus > span:before {
	background-color: #143c6b;
}

.js .navigation-principal .menu-toggle:before {
	-webkit-transform: rotate(34deg);
	-ms-transform: rotate(34deg);
	-o-transform: rotate(34deg);
	transform: rotate(34deg);
}
.js .navigation-principal .menu-toggle > span:before {
	-webkit-transform: rotate(-34deg);
	-ms-transform: rotate(-34deg);
	-o-transform: rotate(-34deg);
	transform: rotate(-34deg);
}


@media screen and (max-width: 47.99em) {
	.navigation-principal .col-12 > svg {
		width: 180px;
		height: 120px;
	    margin-top: 0.5rem;
	}
}

@media screen and (min-width: 30em) {
	#main-menu .sub-menu li {
		width: 50%;
	}
	.js ul#main-menu ul.sub-menu.toggled-on {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 48em) {
	body:not(.home) #logo {
		margin-bottom: -30px;
	}

	.navigation-principal .col-12 > svg { 
		margin-top: 3rem;
	}

	.navigation-principal > .container > .row > div + div {
		display: block;
	}
	.js .navigation-principal .menu-toggle,
	.js #site-navigation .menu-toggle {
		display: block;
	}
	#site-navigation {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#site-navigation .menu-toggle {
		padding-bottom: 7px;
	}
	#site-navigation .menu-toggle > * {
		display: block;
		margin: auto;
	}
	#site-navigation .menu-toggle > span {
		padding-top: 10px;
	}

	#site-navigation .menu-toggle:hover,
	#site-navigation .menu-toggle:focus {
		background-color: #143c6b;
		color: #fff;
	}
	#site-navigation .menu-toggle:hover svg rect,
	#site-navigation .menu-toggle:focus svg rect {
		fill: #fff;
	}

	#main-menu {
		margin-top: 5rem;
	}
	ul#main-menu li {
		position: static;
	}

	.js ul#main-menu ul.sub-menu {
		display: none;
		background: #fff;
	    top: -500%;
	    left: calc(100%);
	    right: auto; 
	    border: none;
	    padding-left: 9px;
	    padding-right: 9px;
	    width: calc(100%);
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	    max-height: calc(100% - 20px);
	}

	ul#main-menu li.current-menu-item > ul.sub-menu,
	ul#main-menu li.current-menu-ancestor > ul.sub-menu {
	    top: 10px;
    	overflow: auto;
	}

	ul#main-menu li.current-menu-item ~ li.current-menu-ancestor > ul.sub-menu, 
	ul#main-menu li.current-menu-item ~ li.current-menu-ancestor > ul.sub-menu {
	    top: -200%;
	}

	#main-menu .sub-menu a {
		padding: 0;
	    margin: 0 0.675rem 0.675rem 0;
	}
	.home #lang-private-navigation li:not(.login) a {
		background-color: rgba(255,255,255,.42);
		color: #fff;
	}
}
@media screen and (min-width: 62em) {
	body:not(.home) #logo {
		padding-top: 1rem;
	}
	body.home #logo {
		position: absolute;
		top: 110px; left: 50%; 
		margin-left: -27%;
	    width: 27%; max-height: 335px;
	}
	body.home #logo svg {
		width: 100%; height: auto;
	}
	body.home #site-navigation .menu-toggle {
		color: #fff;
	}
	body.home #site-navigation .menu-toggle svg rect {
		fill: #fff;
	}
	body.home .navigation-top {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
	}
	body.home #top-menu li.current-menu-ancestor a.menu-image-hovered img:not(.hovered-image),
	body.home #top-menu li.current-menu-item a.menu-image-hovered img:not(.hovered-image) {
		opacity: 0;
	}
	body.home #top-menu li.current-menu-ancestor a.menu-image-hovered img.hovered-image,
	body.home #top-menu li.current-menu-item a.menu-image-hovered img.hovered-image {
		opacity: 1;
	}
	body.home #top-menu a {
		color: #fff;
	}

	#site-navigation {
		margin-left: auto; margin-right: 0;
		margin-bottom: auto;
		width: calc(50% + 30px);
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#main-menu .sub-menu a .menu-image-title:after {
		content: url(assets/images/fleche.svg);
		padding-left: 1rem;
	    margin-left: auto;
	    padding-right: 2rem;
	    margin-top: auto;
	    margin-bottom: auto;
	}

	#main-menu .sub-menu a:hover .menu-image-title:after,
	#main-menu .sub-menu a:focus .menu-image-title:after {
		content: url(assets/images/fleche-hover.svg);
	}
}


@media screen and (min-width: 48em) {
	#site-navigation-bis {
		display: none;
	}
}
@media screen and (min-width: 82em) {
	#top-menu a,
	#lang-private-navigation a {
		font-size: 1.125rem;
	}
}

@media screen and (max-width: 47.99em) {
	.js .main-navigation.toggled-on > div > ul#top-menu {
		display: none;
	}
	#site-navigation-bis ul {
		display: block!important;
	}
	#site-navigation .menu-toggle {
		margin-right: -0.5rem;
		padding-top: 0.75em;
		padding-bottom: 0.5em;
	}
}
@media screen and (max-width: 61.99em) {
	#top-menu a, 
	#lang-private-navigation a,
	#top-lang-private-menu .dropdown-toggle {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
	#top-lang-private-menu .menu-image-title > span {
		font-size: 0;
	}
	#top-lang-private-menu .menu-image-title > span:before {
		content: attr(lang);
		display: inline-block;
		font-size: 1rem;
	}
	#top-lang-private-menu .dropdown-toggle {
		color: #a29b91;
	}
	#top-lang-private-menu .dropdown-toggle .icon {
		height: 1.75em;
	}
	html #wpadminbar {
		display: none;
	}
	html.js {
	    margin-top: 0 !important;
	}
	#logo {
		position: absolute;
		top: 52px;
		left: 50%;
		margin-left: -90px;
	}
	#logo svg {
		width: 180px; height: auto;
	}
	.navigation-top {
		margin-bottom: 109px;
	}

	#site-navigation .menu-toggle {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	#site-navigation .menu-toggle * {
		margin-top: auto;
		margin-bottom: auto;
	}
	#site-navigation .menu-toggle span {
		display: none;
	}
	.js ul#main-menu ul.sub-menu.toggled-on {
		padding-bottom: 2rem;
		padding-left: 0;
	}
	#top-lang-private-menu li a {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}

	#top-lang-private-menu li.menu-item-has-children a {
		padding-right: 2rem;
	}
}


/* ############################################################################################## */
/* ################### Home - header  #################################################################################### */

body.home .metaslider-wrap .caption-wrap {
	font-family: 'Bellota Text', cursive;
	font-style: italic; font-weight: 700;
	background: rgb(20,60,107); opacity: 1;
	background: linear-gradient(90deg, rgba(20,60,107,1) 0%, rgba(20,60,107,0.7483368347338936) 42%, rgba(20,60,107,0) 100%);
}
body.home .metaslider-wrap .caption-wrap .caption {
	padding: 1rem;
	max-width: 540px;
	line-height: 1;
}

@media screen and (min-width: 48em) {

	.site-header #logo path {
		fill:#fff;
	}

	body.home .site-header #logo path#txt1475 {
		fill:#144270;
	}

}

@media screen and (min-width: 62em) {
	body.home .metaslider-wrap .caption-wrap {
		left: auto;
	    width: 48%;
	    right: 0;
	    bottom: 42%;
	    font-size: 3rem;
	    font-size: 2.5vw;
	}
	body.home .metaslider-wrap .caption-wrap .caption {
		padding: 2rem;
	}
}

/* ############################################################################################## */
/* ################### Home - header  #################################################################################### */

/* ################### Home - commun à tous les blocs  #################################################################################### */

.bloc-01 h2,
.bloc-03 h2,
.bloc-04 h2 {
	color: #143c6b;
	font-size: 2.5rem;
	margin-bottom: 1rem;
	font-weight: 400;
	line-height: 1;
}
.bloc-01:before,
.bloc-03:before,
.bloc-04 h2:before {
	content: ''; display: block;
	margin-left: auto; margin-right: auto;
	height: 42px; width: 0px;
	border-right: 1px solid #e5e3e0;
}

@media screen and (min-width: 48em) {
	.bloc-03 h2,
	.bloc-04 h2 {
		font-size: 3.75rem;
	}
	.bloc-01:before,
	.bloc-03:before,
	.bloc-04 h2:before {
		height: 54px;
	}
}
@media screen and (min-width: 62em) {
	.bloc-01:before,
	.bloc-03:before,
	.bloc-04 h2:before {
		height: 104px;
	}
}

/* ################### Home - Depuis 1475  #################################################################################### */

.bloc-01 .row > div:first-child {
	position: relative; z-index: 2;
}

.bloc-01 h2 {
	line-height: 1.1;
	font-size: 3rem;
	padding-top: 0.5rem;
}
.bloc-01 h2 b {
	font-size: 0.4375em;
	font-weight: 400;
	color: #00748d;
	display: block;
	text-indent: 0.14em;
}

.bloc-01 .content-home-01 {
	text-align: justify;
}

.bloc-01 img {
	display: block;
}

.bloc-01 img:first-child {
	max-width: 90%;
}
.bloc-01 img + img {
	margin-left: auto;
	margin-right: 0;
	margin-top: -54px;
	max-width: 72%;
}

.bloc-01 a.btn-more {
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: 0;
	text-transform: uppercase;
	color: #143c6b;
	font-family: 'Bellota Text', cursive;
	font-weight: bold;
	font-size: 1.125rem;
	max-width: 210px;
	text-align: right;
	padding: 0.5rem;
	padding-right: 0;
}
.bloc-01 a.btn-more svg { margin-left: 0.5rem; }

.bloc-01 a.btn-more svg polygon { fill: #143c6b; }

.bloc-01 a.btn-more:hover, 
.bloc-01 a.btn-more:focus {
	background-color: #143c6b;
	color: #fff;
	text-decoration: none;
	padding-right: 0.5rem;
}
.bloc-01 a.btn-more:hover svg polygon, 
.bloc-01 a.btn-more:focus svg polygon {
	fill: #fff;
}

@media screen and (min-width: 36em) {
	.bloc-01 h2 {
		font-size: 4rem;
	}
}
@media screen and (min-width: 48em) {
	.bloc-01 img + img {
		margin-top: -104px;
	}
	.bloc-01 h2 {
		font-size: 3.25rem;
		padding-top: 2rem;
	}
}

@media screen and (min-width: 62em) {
	.bloc-01 {
		padding-bottom: 3.5rem;
	}
	.bloc-01 h2 {
		font-size: 5rem;
	}
	.bloc-01 .row > div:not(:first-child) img:first-child {
		margin-top: -59px;
	}
	.bloc-01 h2 {
		margin-left: -28.5%;
	}
}

/* ################### Home - accès Univers  #################################################################################### */

.bloc-02 { position: relative; }

.bloc-02:before {
	content: ''; display: block;
	position: absolute; top: 0;
	bottom: 19.5%; right: 14%;
	left: -50%; 
	background-color: #f5f2ee;
}

.bloc-02 a {
	display: inline-block;
	position: relative;
}
.bloc-02 a:before {
	content: ''; display: block;
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	/*background-color: rgba(0,255,0,0.2);*/
}
.bloc-02 .row > div:first-child a:before {
	right: calc(-12.3% - 15px);
	/*background-color: rgba(0,255,255,0.2);*/
}
.bloc-02 .row > div:not(:first-child) a:before {
	left: calc(-58.5% - 15px)
}
.bloc-02 a img {
	display: block;
}

/*.bloc-02 .row > div:first-child a:before {
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}*/

.bloc-02 .row > div:first-child a:hover:before {
	/*right: -38%;*/
	/*-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;*/
}

.bloc-02 a > span {
	font-family: 'Bellota Text', cursive;
	font-size: 2rem;
    font-size: 6vw;
	color: #fff;
	font-weight: 300;
	background-color: #143c6b;
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 1rem 0.5rem;
	padding: 0.375em 0.5rem;
	line-height: 1;
	width: 130%;
	justify-content: space-around;
}
.bloc-02 a > span svg {
	margin: auto 1rem;
}
.bloc-02 a span span {
	margin: auto;
}
.bloc-02 a > span svg polygon {
	fill: #fff;
}

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

.bloc-02 .row > div:first-child {
	position: relative;
	z-index: 2;
}

.bloc-02 .row > div:first-child:before {
	content: ''; display: block;
	position: absolute; 
	right: 0; top: 0;
	width: 1px; height: 242px;
	background-color: #dbd8d4;
}

.bloc-02 .row > div:first-child a {
	width: 88.92%;
}

.bloc-02 .row > div:first-child a > span {
	background-color: #cc7368;
	right: calc(-12.5% - 15px); bottom: 10%;
	/*top: 56%; */
	left: 43%;
	width: auto;
}
.bloc-02 .row > div:not(:first-child) a {
	width: 63%; margin-top: 3rem;
}
.bloc-02 .row > div:not(:first-child) a > span {
	bottom: 15%; left: calc(-58.4% - 15px);
	width: auto; right: 30%; 
	/*top: 69%;*/
}
.bloc-02 .row > div:not(:first-child) a > span svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.bloc-02 .row > div:not(:first-child) {
	text-align: right;
}

.bloc-02 .row > div a:hover > span,
.bloc-02 .row > div a:focus > span {
	left: 0; right: 0; bottom: 0; top: 0;
	max-width: none;
}
.bloc-02 .row > div:first-child a:hover > span,
.bloc-02 .row > div:first-child a:focus > span {
	background-color: rgba(204,115,104,0.7);
}
.bloc-02 .row > div:not(:first-child) a:hover > span,
.bloc-02 .row > div:not(:first-child) a:focus > span {
	background-color: rgba(20,60,107,0.7);
}

@media screen and (min-width: 48em) {
	.bloc-02 {
		padding-top: 4rem;
	}
	.bloc-02 .row > div:not(:first-child) a {
		margin-top: 6rem;
	}
}
@media screen and (min-width: 62em) {
	.bloc-02 a > span {
		font-size: 3.125rem;
	}
}

/* ################### Home - Histoire de verre  #################################################################################### */

.bloc-03 {
	padding-top: 2.5rem;
	padding-bottom: 4rem;
	background: #fff url(assets/images/bkg-histoire-de-verre.jpg) 90% 100% no-repeat;
}

.bloc-03 .carousel-collection-home-container {
	/*max-width: 910px;*/
	max-width: 680px;
}

.bloc-03 .carousel-collection-home {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.bloc-03 .carousel-collection-home .slide-slick {
	width: 100%;
}
.bloc-03 .carousel-collection-home .slide-slick a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-radius: 46%;
	background-color: #f5f2ee;
	color: #003c4e;
	margin: auto;
	width: 190px; height: 194px;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	font-size: 1.25rem;
}
.bloc-03 .carousel-collection-home .slide-slick a svg {
	margin: 0 auto 1em;
    max-width: 100px;
    max-height: 100px;
}

.bloc-03 .carousel-collection-home .slide-slick a:hover,
.bloc-03 .carousel-collection-home .slide-slick a:focus {
	background-color: #143c6b;
	color: #fff; text-decoration: none;
}
.bloc-03 .carousel-collection-home .slide-slick a:hover svg path,
.bloc-03 .carousel-collection-home .slide-slick a:focus svg path {
	fill: #fff;
}

@media screen and (min-width: 48em) {
	.bloc-03 .carousel-collection-home .slide-slick {
		width: 50%;
	}
}
@media screen and (min-width: 62em) {
	.bloc-03 .carousel-collection-home .slide-slick {
		width: 33.33%;
	}
}

/* ################### Home - Professionnels  #################################################################################### */

.bloc-04 {
	padding-top: 2rem;
	padding-bottom: 1.5rem;
}

.bloc-04 ul {
	margin: 0 auto;
	list-style: none;
}

.bloc-04 li {
	text-align: center;
	padding-bottom: 1.5rem;
}

.bloc-04 a:hover,
.bloc-04 a:focus {
	text-decoration: none;
	color: #fff;
}

.bloc-04 a span { text-align: left; }

.bloc-04 a,
.bloc-04 a span {
	display: inline-block;
}
.bloc-04 img {
	display: block;
}

.bloc-04 span.img-pro {
	position: relative;
}

.bloc-04 a span.img-pro span {
	display: inline-block;
	position: relative;
	background-color: #92b7bd;
}
.bloc-04 a span.img-pro span:after {
	content: attr(data-title);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-family: 'Bellota Text', cursive;
	font-size: 1.125rem;
	position: absolute;
	top: 0; text-transform: uppercase;
	height: 100%; width: 100%;
	opacity: 0;
}

.bloc-04 li:nth-child(2) a span.img-pro span { background-color: #a9a8ab; }
.bloc-04 li:nth-child(3) a span.img-pro span { background-color: #2d2d2d; }
.bloc-04 li:nth-child(4) a span.img-pro span { background-color: #00748d; }

.bloc-04 a span + span {
	margin-left: 7%;
	color: #1d3557;
	display: block;
	font-family: 'Bellota Text', cursive;
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 2.5rem;
	line-height: 1;
	font-size: 1rem;
}
.bloc-04 a span.img-pro:before {
	content: ''; display: block;
	position: absolute;
	bottom:-20px; left: 7%;
	width: 16px; height: 114px;
	background-color: #92b7bd;
	z-index: 2;
}
.bloc-04 li.sep {
	width: 1px;
	background-color: #ccc;
}
.bloc-04 li:nth-child(2) a span.img-pro:before { background-color: #a9a8ab; }
.bloc-04 li:nth-child(3) a span.img-pro:before { background-color: #2d2d2d; }
.bloc-04 li:nth-child(4) a span.img-pro:before { background-color: #00748d; }

.bloc-04 li a:hover span.img-pro:before,
.bloc-04 li a:focus span.img-pro:before { background-color: #fff; }
.bloc-04 li a:hover span.img-pro img,
.bloc-04 li a:focus span.img-pro img { opacity: 0; }

.bloc-04 a:hover span.img-pro span:after,
.bloc-04 a:focus span.img-pro span:after {
	opacity: 1;
}

.bloc-04 a:hover span + span,
.bloc-04 a:focus span + span {
	opacity: 0;
}

@media screen and (max-width: 47.99em) {
	.bloc-04 .container,
	.bloc-04 li {
		padding-left: 7px;
		padding-right: 7px;
	}
}
@media screen and (min-width: 48em) {

	.bloc-04 li a:after,
	.bloc-04 li a span.img-pro:after {
		content: ''; display: block;
		position: absolute;
		right: -15px; top: 0; height: 100%;
	}
	/*.bloc-04 li:nth-child(1) a:after,
	.bloc-04 li:nth-child(3) a:after {
		border-right: 1px solid #e5e3e0;
		right: 0px
	}*/
	.bloc-04 li:nth-child(2) a span.img-pro:after {
		border-right: 1px solid #e5e3e0;
	}
}
@media screen and (min-width: 62em) {
	.bloc-04 a span.img-pro span:after {
		font-size: 1.625rem;
	}

	.bloc-04 a span,
	.bloc-04 a,
	.bloc-04 img {
		display: block;
	}
	.bloc-04 a span.img-pro:before {
		left: 22%;
	}
	.bloc-04 a span + span {
		margin-left: 22%;
		font-size: 1.125rem;
	    padding-right: 1rem;
	}

	.bloc-04 li:nth-child(3) span.img-pro,
	.bloc-04 li:nth-child(4) span.img-pro {
		text-align: right;
	}

	/*.bloc-04 li:nth-child(1) a:after,
	.bloc-04 li:nth-child(3) a:after { border-right: none; }*/

	.bloc-04 li:nth-child(2) a span.img-pro:after {
		border-right: 1px solid #e5e3e0;
	}
}


/* ############################################################################################## */
/* ############################################################################################## */
/* ############################################################################################## */
/* ################### Page intérieur  #################################################################################### */

/* ################### Page intérieur  #################################################################################### */

body .site-header {
    background-color: transparent;
}


body:not(.home) .metaslider-wrap img {
	display: block; margin: auto;
}

body .entry-header .breadcrumbs {
	margin: auto; font-style: italic;
	text-transform: uppercase;
	font-family: 'Bellota Text', cursive;
	font-weight: bold; font-size: 1rem;
	color: #a29b91; margin-bottom: 1.5rem;
	margin-top: 1.25rem;
}

body .entry-header .breadcrumbs a { color: #a29b91; }
body .entry-header .breadcrumbs a:hover,
body .entry-header .breadcrumbs a:focus { color: #143c6b; }

body .entry-header .breadcrumbs span.sep {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}
body:not(.page-child) .entry-header .breadcrumbs *,
body .entry-header .breadcrumbs > span.sep:first-child {
	display: none;
}

body:not(.home) .entry-header {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

body.error404 .page-header h1.page-title,
body.search-results .page-header h1.page-title,
body:not(.home) .entry-header h1.entry-title {
	color: #143c6b; 
	font-size: 2.75rem;
	font-weight: 400;
	margin: auto;
	padding: 1.625rem 0.75rem;
	width: 96%;
	max-width: 574px;
	background-color: #f5f2ee;
	text-align: center;
	line-height: 1;
	margin-top: -1rem;
}
body.error404 .page-header h1.page-title:after,
body.search-results .page-header h1.page-title:after,
body:not(.home) .entry-header h1.entry-title:after {
	content: ''; display: block;
	margin: 0.75rem auto -56px;
	width: 1px; height: 56px;
	background-color: #a7a097;
}

body.error404 .search-form {
	position: relative;
}

body.error404 .page-content {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

body.error404 [type="search"] {
	display: inline-block;
}

body.error404 [type="submit"] {
	position: absolute;
	right: 0; top: 0;
	padding: 0.125em 1em;
}

body.search-results .page-header + .content-area,
body.error404 .page-header + .page-content {
	margin-top: 2.75rem;
}

.blog .site-main > article:after,
.archive .site-main > article:after,
.search .site-main > article:after {
	content: ''; display: table;
	clear: both;
}

body:not(.home) .entry-content h2 {
	font-weight: 400;
	font-size: 1.875rem;
	color: #143c6b;
	line-height: 1;
}

body:not(.home) .entry-content h2:first-child {
	margin-bottom: 2rem;
}

.wp-block-image figure {
	margin: 0;
}

.wp-block-media-text {
	margin-bottom: 1.5rem;
}

.wp-block-media-text.has-media-on-the-right figure.wp-block-media-text__media {
	padding-left: 0;
}

.wp-block-media-text:not(.has-media-on-the-right) figure.wp-block-media-text__media {
	padding-right: 0;
}

.wp-block-media-text .wp-block-media-text__content {
	padding-left: 0;
	padding-right: 0;
}

body:not(.home) .bloc-acces-boutique:before {
	content: ''; display: block;
	background: url(assets/images/bkg-page.svg) 69% bottom no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	height: 69px;
}

.entry-content .metaslider > div {
	margin-bottom: 2rem;
}

.entry-content figcaption {
	text-align: center;
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	    padding: 10px 10px 7px;
        line-height: 1.2;
}


/* .has-media-on-the-right */

@media screen and (max-width: 47.99em) {
	.wp-block-media-text__media {
		padding-bottom: 1.5rem;
	}
	.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	.wp-block-media-text:not(.has-media-on-the-right) figure.wp-block-media-text__media {
		padding-right: 0;
	}
}
@media screen and (min-width: 48em) {

	.wp-block-media-text.has-media-on-the-right figure.wp-block-media-text__media {
		padding-left: 1rem;
	}

	.wp-block-media-text:not(.has-media-on-the-right) figure.wp-block-media-text__media {
		padding-right: 1rem;
	}

	.wp-block-media-text .wp-block-media-text__content {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	body:not(.home).page-template-default {
		background:  url(assets/images/bkg-diapo-inner.jpg) left -14px no-repeat;
		background-size: 28.9% auto;
	} 

	body:not(.home).page-template-page-architecture-avec-fond {
		background:  url(assets/images/bkg-diapo-inner-architecture.jpg) left 0px no-repeat;
		background-size: 32.9% auto;
	} 

	body.search-results .page-header h1.page-title,
	body.error404 .page-header h1.page-title,
	body:not(.home) .entry-header h1.entry-title {
		font-size: 3.75rem;
		margin-top: -2rem;
		padding: 1.875rem 0.75rem;
	}
	body:not(.home) .bloc-acces-boutique:before {
		height: 248px;
	}
}

@media screen and (min-width: 62em) {

}

#wppb-loginform,
#wppb-login-wrap p.login-register-lost-password,
form.wpcf7-form {
	max-width: 670px;
	margin-left: auto;
	margin-right: auto;
}
#wppb-login-wrap p.login-register-lost-password {
	text-align: center;
}

.wp-block-embed iframe {
	/*width: 100%;*/
}

/* ################### Page intérieur - page parente  #################################################################################### */

#page-childs {
	padding-top: 2rem;
}

#page-childs ul {
	list-style: none;
	margin-left: 0;
}

.child-thumbnail img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

@media screen and (min-width: 48em) {
	/*#page-childs ul li {
		width: 50%;
	}*/
	.child-thumbnail img {
		width: 100%;
	}
}

/* ################### Page intérieur - liens complémentaires  #################################################################################### */

.liens_complementaires {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 2rem;
	/*padding-bottom: 1rem;*/
}

.liens_complementaires a {
	color: #fff;
	background-color: #143c6b;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	font-family: 'Bellota Text', cursive;
	padding: 3rem 2rem 3rem 3rem;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.375rem;
	margin-bottom: 1.75rem;
	margin-left: 2%;
	width: 100%;
	max-width: 430px;
	line-height: 1;
}

.liens_complementaires a * {
	margin-top: auto;
	margin-bottom: auto;
}

.liens_complementaires a .picto {
	min-width: 46px; height: 44px;
	border-radius: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-left: 1rem;
}

.liens_complementaires a svg {
	margin: auto;
}

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

.liens_complementaires a:hover .picto,
.liens_complementaires a:focus .picto {
	background-color: #fff;
}
.liens_complementaires a:hover svg polygon,
.liens_complementaires a:focus svg polygon {
	fill: #143c6b;
}

@media screen and (min-width: 48em) and (max-width: 61.99em) {
	.liens_complementaires a {
		width: 49%;
	}
	.liens_complementaires a:nth-child(2n+1) {
		margin-left: 0;
	}
}
@media screen and (min-width: 62em) {
	.liens_complementaires a:nth-child(3n+1) {
		margin-left: 0;
	}
	.liens_complementaires a {
		width: 32%;
	}
}

/* ################### Page intérieur - Multi galerie photos filtrable  #################################################################################### */

.les_galeries_photos {
	padding: 2rem 0;
}
.les_galeries_photos .filtres_galeries {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    margin: auto auto 2rem;
    max-width: 60rem;
}
.les_galeries_photos .filtres_galeries span {
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
}
.les_galeries_photos .filtres_galeries a {
	font-family: 'Bellota Text', cursive;
	font-size: 1.25rem;
	font-weight: 700;
	color: #143c6b;
	border-bottom: 4px solid transparent;
	margin-bottom: 10px;
}

.les_galeries_photos .filtres_galeries a:hover,
.les_galeries_photos .filtres_galeries a:focus,
.les_galeries_photos .filtres_galeries a.actif {
	border-bottom: 4px solid #143c6b;
	text-decoration: none;
}
.les_galeries_photos .la_galerie {
	display: none;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	/*justify-content: space-around;*/
}

.les_galeries_photos .la_galerie a {
	font-family: 'Bellota Text', cursive;
	font-size: 1.25rem;
	font-weight: 700;
	color: #fff;
	border: 1px solid #ded8cf;
	position: relative;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
    margin-right: 16px;
}
.les_galeries_photos .la_galerie a img {
	display: block;
}
.les_galeries_photos .la_galerie a > span {
	opacity: 0;
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	vertical-align: middle;
	background-color: rgba(20,60,107,0.69);
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	padding: 0px 0.75rem;
}
.les_galeries_photos .la_galerie a > span span {
	margin: 5px auto;
	text-align: center;
}
.les_galeries_photos .la_galerie a > span span:first-child {
	margin-top: auto;
}
.les_galeries_photos .la_galerie a > span span:last-child {
	margin-bottom: auto;
}
.les_galeries_photos .la_galerie a > span span:first-child,
.les_galeries_photos .la_galerie a > span span:last-child {
	text-transform: none;
    font-size: 0.65em;
}
.les_galeries_photos .la_galerie a:hover > span,
.les_galeries_photos .la_galerie a:focus > span {
	opacity: 1;
}

.les_galeries_photos .la_galerie.active {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
} 

.galerie_vide {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	font-size: 2rem;
	min-height: 320px;
	width: 100%;
}
.galerie_vide span {
	margin: auto;
}

.fancybox-caption__body span {
	margin-right: 7px;
}

.fancybox-caption__body span:not(:first-child):before {
	display: inline-block; content: '-';
	margin-right: 7px;
}

.fancybox-thumbs__list a:before {
	border-color: #144270;
}

/* ############################################################################################## */
/* ############################################################################################## */
/* ############################################################################################## */
/* ################### Footer  #################################################################################### */

/* ################### Footer - Accès Boutique  #################################################################################### */

.bloc-acces-boutique .col-12 {
	position: relative;
}

.bloc-acces-boutique .col-12:before,
.bloc-acces-boutique .col-12:after {
	content: ''; display: block;
	position: absolute; z-index: 7;
	left: 50%; margin-left: -0.4%;
	height: 14%; width: 0.8%;
	background-color: #fff;
}

.bloc-acces-boutique .col-12:before { top: 0; }
.bloc-acces-boutique .col-12:after { bottom: 0; }

.bloc-acces-boutique a {
	display: block;
	position: relative;
	text-align: center;
    min-height: 360px;
}

.bloc-acces-boutique a img {
	opacity: 0;
	position: relative;
	z-index: 1;
	display: block;
}

.bloc-acces-boutique a:before {
	content: ''; display: block;
	position: absolute; 
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url(assets/images/texture-btn-shop.png) center bottom repeat-x;
	-webkit-background-size: auto 36.3%;
	background-size: auto 36.3%;
	z-index: 4;
}

.bloc-acces-boutique a > span {
	position: absolute;
	top: calc(50% - 105px);
	left: calc(50% - 115px);
	background-color: #92b7bd;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Tenor Sans', sans-serif;
	font-size: 2rem;
    display: flex;
    flex-direction: column;
    border-radius: 45%;
    line-height: 1;
    z-index: 3;
    justify-content: center;
    width: 230px;
    height: 210px;
}
.bloc-acces-boutique a span span {
	font-family: 'Bellota Text', cursive;
	display: block;
	line-height: 1.6;
	font-size: 0.625em;
}

.bloc-acces-boutique a:hover > span,
.bloc-acces-boutique a:focus > span {
	top: 0%; left: 0%;
	width: 100%; height: 100%;
	border-radius: 0;
}

@media screen and (min-width: 48em) {
	.bloc-acces-boutique a > span {
		font-size: 2.5rem;
		width: 350px;
		height: 340px;
		top: calc(50% - 170px);
		left: calc(50% - 175px);
	}
}

/* ################### Footer - Visites ateliers  #################################################################################### */

.bloc-05 img {
	display: block;
}

.bloc-05 .magic-left img:first-child {
	width: 75.38%;
}

.bloc-05 > .container > div { position: relative; }

.bloc-05 img + img {
	position: absolute;
    right: 0;
    bottom: 0;
    width: 49.23%;
}

.bloc-05 a {
	font-size: 2.6rem;
	color: #143c6b;
	line-height: 0.8;
	display: block;
}

.bloc-05 a span:not(.photo-visite) {
	font-family: 'Bellota Text', cursive;
	font-size: 0.675em;
	text-transform: uppercase;
	font-weight: 300;
	display: inline-block;
	display: table;
	color: #00748d;
	line-height: 1.2;
	border-bottom: 1px solid #e5e3e0;
	margin-bottom: 0.25em;
}

.bloc-05 a span.photo-visite {
	display: inline-block;
	position: relative;
	margin-top: 1rem;
}

.bloc-05 a:before,
.bloc-05 a span.photo-visite:before,
.bloc-05 a span.photo-visite:after {
	content: ''; display: block;
	position: absolute; 
	z-index: 5;
}

.bloc-05 a span.photo-visite:before {
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,116,141,0);
}
.bloc-05 a:before {
	height: 150%; width: 100%;
	right: 0; top: 0;
}

.bloc-05 a span.photo-visite:after {
	top: 50%; left: 50%;
	width: 56px; height: 56px;
	margin-left: -28px;
	margin-top: -28px;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	background: url(assets/images/loupe.svg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;

}

.bloc-05 a:hover,
.bloc-05 a:focus {
	text-decoration: none;
	color: #00748d;
}

.bloc-05 a:hover span.photo-visite:before,
.bloc-05 a:focus span.photo-visite:before {
	background-color: rgba(0,116,141,1);
}

.bloc-05 a:hover span.photo-visite:after,
.bloc-05 a:focus span.photo-visite:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

@media screen and (max-width: 47.99em) {
	.bloc-05 a span.photo-visite {
   		margin-bottom: 1rem;
   		margin-bottom: -3rem;
	}
	.bloc-05 a img {
		width: 100%;
	}

	.bloc-05 > .container > div div + div img:first-child {
	    width: 75.4%;
        margin-bottom: 2rem;
	}

	.bloc-05 img + img {
	    width: 47.5%;
	}
}

@media screen and (min-width: 36em) {
	.bloc-05 a {
		font-size: 2rem;
	}
}
@media screen and (min-width: 48em) {
	.bloc-05 a {
		/*padding-top: 3rem;*/
		font-size: 2.6rem;
	}
	.bloc-05 a:before {
		height: 100%;
		width: 200%;
	}
}
@media screen and (min-width: 62em) {
	.bloc-05 a {
		font-size: 3.2rem;
	}
}

@media screen and (min-width: 72em) {
	.bloc-05 a {
		/*padding-top: 5rem;*/
	}
}
@media screen and (min-width: 82em) {
	.bloc-05 a {
		font-size: 4rem;
	}

}
.site-footer {
	background-color: #003c4e;
}

.bloc-image-pied-contenu {
	padding-top: 1rem;
}
.bloc-image-pied-contenu img {
	display: block;
}

.points-de-vente {
	max-height: 320px;
	overflow-y: auto;
	font-size: 0.875rem;
	margin-bottom: 1.5rem;
}

.points-de-vente .pdv {
	border: 1px solid #aaa;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	margin-bottom: 20px;
	margin-right: 15px;
}

.points-de-vente .pdv a {
	font-size: 1.125rem;
    margin-top: 0.5rem;
    display: inline-block;
}
.points-de-vente .pdv h3 {
    font-size: 18px;
    font-size: 1.125rem;
}

.filtre_pdv {
	margin-bottom: 1.5rem;
}

.filtre_pdv input[type="text"] {
	width: auto;
	margin-right: 0;
	flex: 1;
}

.filtre_pdv > * {
	margin: 10px 7px auto;
	line-height: 1.8rem;
}

.filtre_pdv span {
	margin-left: 0;
}
.filtre_pdv select {
	height: 35px;
	padding-left: 5px;
}

.recap_pdv span.nbr {
	font-weight: bold;
	color: #143c6b;
}

@media screen and (min-width: 768px) {
	.filtre_pdv {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media screen and (min-height: 460px) {
	.points-de-vente {
		max-height: 440px;
	}
}
@media screen and (min-width: 1280px) {
	.points-de-vente {
		max-height: 540px;
	}
}
@media screen and (min-width: 1420px) {
	.points-de-vente {
		max-height: 580px;
	}
}
/* ################### Footer Newsletter  ################################################ */

.mail_form_php {
	border-top: 1px solid #e5e5e5;
}

.mail_form_php.bottom_footer {
	border-bottom: none;
}

.mail_form_php .newsletter {
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
.mail_form_php h3 {
	color: #00748d;
	font-family: 'Bellota Text', cursive;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
	max-width: 300px;
	line-height: 1;
	padding-top: 0.8em;
}
.mail_form_php .newsletter a {
	background-color: #00748d;
	border-radius: 0;
	font-family: 'Bellota Text', cursive;
	font-style: italic;
	font-size: 1.25rem;
	min-width: 210px; height: 58px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
	padding-left: 1rem;
	padding-right: 1rem;
    padding-top: 0.25rem;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
.mail_form_php .newsletter a:hover,
.mail_form_php .newsletter a:focus {
	background-color: #003c4e;
	text-decoration: none;
}

.mail_form_php .newsletter h3 + .mailpoet_paragraph {
	width: 40%; 
	max-width: 440px;
	min-width: 240px;
}
/*.mail_form_php .newsletter input[type="email"] {
	border-radius: 0;
	background-color: #e5e5e5;
	border: none;
	height: 58px;
	line-height: 56px;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	width: 100% !important;
}*/

/*#newsletter_particuliers,
#newsletter_pros {
	display: none;
}

#newsletter_particuliers iframe,
#newsletter_pros iframe {
	max-width: 800px;
	margin: auto;
	display: block;
}*/

@media screen and (min-width: 48em) {
	.mail_form_php h3 {
		font-size: 1.75rem;
	}
}
@media screen and (min-width: 62em) {
	.mail_form_php h3 {
		margin-right: 2rem;
	}
	.mail_form_php .newsletter {
		padding: 20px 0;
	}
	.mail_form_php .newsletter,
	.mail_form_php .newsletter .mailpoet_paragraph {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 0 !important;
	}
	/*.mail_form_php .newsletter .mailpoet_message {
		width: 100%;
	}
	.mail_form_php .newsletter .mailpoet_paragraph * {
		margin: auto !important;
	}*/
	.mail_form_php .newsletter h3 + a {
		margin-right: 5%;
		margin-left: 7%;
	}
	.mail_form_php .newsletter a + a {
		margin-left: 5%;
	}
}

/* ################### Footer infos  ################################################ */
.bottom_footer {
	border-bottom: 1px solid #3c5f69;
}

.site-info > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: auto;
	margin-bottom: auto;
}

.site-info .logo {
	max-width: 194px;
	max-height: 128px;
}

.site-info .logo svg {
    width: 100%;
    height: auto;
}

.site-info .logo path {
	fill: #fff;
}

.site-info .logo path#txt1475 {
	fill: #003c4e;
}
.site-info a.logo:hover path#txt1475,
.site-info a.logo:focus path#txt1475 {
	fill: #fff;
}
.site-info a.logo:hover path#fond,
.site-info a.logo:focus path#fond {
	fill: #92b7bd;
}

.site-info .coordonnes {
	color: #fff;
}

.site-info .coordonnes p {
	margin-bottom: 0;
}

.site-info .coordonnes p:not(.tel):not(.fax) {
	text-transform: uppercase;
}

.social-network {
	list-style: none;
}

.social-network li {
	padding: 0.25rem;
}

.social-network li:last-child { padding-right: 0; }

.social-network a svg g { display: none; }
.social-network .facebook a svg g.facebook,
.social-network .twitter a svg g.twitter,
.social-network .instagram a svg g.instagram,
.social-network .linkedin a svg g.linkedin,
.social-network .pinterest a svg g.pinterest { display: block; }

.social-network a:hover svg path.white-disc,
.social-network a:focus svg path.white-disc { fill: #92b7bd; }

.social-network a:hover svg *[fill="#003C4E"],
.social-network a:focus svg *[fill="#003C4E"] { fill: #fff; }

/* ################### Menu pied de page  ################################################ */

.menu-footer h3 {
	color: #8ba5ac;
	font-family: 'Bellota Text', cursive;
	font-size: 1rem;
	text-transform: uppercase;
}

.menu-footer ul {
	list-style: none;
	margin: 0;
    line-height: 1.4;
}
.menu-footer ul a {
	color: #fff;
	font-size: 1rem;
}

/* ################### Logo certifications et partenaires  ################################################ */

.logo-certifications {
	margin-top: 2rem;
}

.logo-certifications ul {
	margin: 0; list-style: none;
	color: #fff; text-transform: uppercase;
	font-size: 0.75rem;
}
.logo-certifications ul a {
	color: #fff;
}
.logo-certifications ul li,
.logo-certifications ul a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.logo-certifications ul li *,
.logo-certifications ul a * {
	margin: auto;
}

.logo-certifications ul li img {
	margin-right: 0.75rem;
	max-width: 80px;
}
.logo-certifications ul li span {
	max-width: 130px;
	line-height: 1;
}

/* ################### Menu mentions  ################################################ */
.mentions-legales-links-menu {
	margin: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #3c5f69;
	margin-top: 2rem;
	margin-bottom: 2.25rem;
	padding-top: 1.25rem;
}

.mentions-legales-links-menu li:not(:first-child):before {
	content: '•'; display: inline-block;
	margin-left: 0.5rem; margin-right: 0.5rem;
	color: #fff;
}

.mentions-legales-links-menu a {
	color: #fff;
	font-family: 'Bellota Text', cursive;
	text-transform: uppercase;
	font-size: 0.8125rem;
}

/* ############################################################################################## */
/* ############################################################################################## */
/* ############################################################################################## */
/* ################### Transition  #################################################################################### */

.navigation-principal,
.js ul#main-menu ul.sub-menu {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.les_galeries_photos .la_galerie a > span,
.les_galeries_photos .filtres_galeries a,
.liens_complementaires a .picto,
.liens_complementaires a svg polygon,
#top-menu a,
#main-menu .sub-menu a span,
#main-menu .sub-menu a:after,
#main-menu > li > a:before,
.bloc-01 a.btn-more svg polygon,
.bloc-01 a.btn-more,
.bloc-02 a span,
.bloc-03 .carousel-collection-home .slide-slick a,
.bloc-03 .carousel-collection-home .slide-slick a svg *,
.bloc-04 a span + span,
.bloc-04 a span.img-pro img,
.bloc-04 a span.img-pro:before,
.bloc-04 a span.img-pro span:after,
.bloc-acces-boutique a > span,
.bloc-05 a,
.bloc-05 a span.photo-visite:before,
.bloc-05 a span.photo-visite:after,
.site-info .logo path,
.social-network a svg * {
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

/* ############################################################################################## */
/* ############################################################################################## */

/*.les_galeries_photos .la_galerie:nth-child(1) a > span{
	background-color: #004e6eb0;
}
.les_galeries_photos .la_galerie:nth-child(2) a > span{
	background-color: #004e6eb0;
}
.les_galeries_photos .la_galerie:nth-child(3) a > span{
	background-color: #00798eb0;
}
.les_galeries_photos .la_galerie:nth-child(4) a > span{
	background-color: #93b6b7b0;
}
.les_galeries_photos .la_galerie:nth-child(5) a > span{
	background-color: #000000b0;
}
.les_galeries_photos .la_galerie:nth-child(6) a > span{
	background-color: #b2b4b6b0;
}*/

.hide {
	display: none !important;
}

iframe, .entry-content div {
    max-width: 100%;
}