body {
	font-family: 'Lato', sans-serif;
}
a, a:visited { color: #000 }
.container-fluid {
    padding-left: 35px;
    padding-right: 35px;
}
#mc_embed_signup {
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0
}
#mc_embed_signup span {
	display: inline-block;
	margin-right: 15px
}
#navbar {
	margin-top: unset
}
.navbar {
	min-height: auto;
	margin-bottom: unset;
	padding: 0 0 25px;
	border: unset;
	position: sticky;
    top: 0;
    z-index: 10000;
    background: #FFF
}
.navbar-header a.navbar-brand {
    font: unset;
    text-transform: uppercase;
	letter-spacing: -.025em;
    color: #000;
	font-size: 4.5rem;
	font-weight: 300;
    padding-top: inherit;
    padding-bottom: inherit;
    margin: 0 30px 0 0;
    display: inherit;
    height: auto;
    overflow-y: visible
}
.navbar-nav {
    margin: unset;
    width: auto;
	display: inherit;
	border: none!important
}
.navbar-nav li {
    display: inherit;
    text-align: unset;
	display: inline-block;
	margin-left: .5em;
	margin-right: .5em
}
#navbar li a {
	font: unset;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 24px;
    color: #000;
    padding: unset;
    margin: 1.5em 0 0;
	padding-bottom: 4px;
    background: none!important
}
#navbar li:last-child a {
	font-weight: 500
}
#navbar ul li a:hover,
#navbar ul li a.active {
	border-bottom: solid 1px #000
}
#navbar ul ul li a:hover {
	border-bottom: solid 1px transparent
}
#navbar .dropdown.journal li:last-child {
    padding-left: 15px
}
#navbar li:last-child
#navbar .navbar-right li,
#navbar .navbar-right li a {
	margin: 0
}
#navbar .navbar-right li {
	margin-left: .3rem;
	margin-right: .3rem
}
#navbar .navbar-right li a .fa {
	line-height: 64px;
    font-size: 1.7rem;
    color: #666
}
#navbar .navbar-right li a .fa.fa-user-o,
#navbar .navbar-right li a .fa.fa-shopping-bag {
	font-size: 1.5rem
}
#navbar .navbar-right li:nth-child(4) {
	padding-left: 1rem;
    margin-left: .5rem
}
#navbar .navbar-right li:nth-child(4):before {
	content: "|";
	position: absolute;
	left: 0;
	line-height: 64px;
	font-size: 1.1rem;
    color: rgba(0,0,0,.25)
}
#navbar .navbar-right li a:hover .fa, #navbar .navbar-right li:hover a .fa {
	color: #000
}
#navbar .navbar-right li a:hover::before, #navbar .navbar-right li:hover a:before {
	height: 0
}
#navbar .navbar-right li .badge,
.navbar-header .visible-xs .badge   {
	font-size: 1rem;
    width: 16px;
    height: 16px;
    padding: 0;
    display: inline-block;
    position: absolute;
    bottom: 20px;
    line-height: 16px;
    background-color: #F0F0F0;
    color: #333;
}
.dropdown {
	position: unset!important
}
.dropdown-menu {
    position: absolute;
	top: unset;
	width: 100%;
	padding: 25px 35px;
	background-color: transparent;
	float: none;
    min-width: unset;
    margin: 0;
    border: unset;
    border-radius: unset;
    box-shadow: unset
}
#navbar .dropdown-menu {
	background-color: #FFF;
	padding-bottom: 0
}
.dropdown-menu ul {
	display: table
}
.dropdown-menu li {
	background-color: #FFFF;
	margin-left: -2px!important;
	margin-right: -2px!important;
	display: table-cell;
	vertical-align: top;
	position: relative;
	padding: 15px
}
.dropdown-menu li,
.dropdown-menu li figure img {
	min-height: 250px
}
.robes .dropdown-menu li figure img {
    height: 230px
}
.adresses .dropdown-menu li figure img,
.rendez-vous .dropdown-menu li figure img,
.journal .dropdown-menu li figure img {
	height: 250px
}
#navbar .robes .dropdown-menu li:nth-child(3),
#navbar .robes .dropdown-menu li:nth-child(4),
#navbar .robes .dropdown-menu li:nth-child(5) {
	padding-left: unset
}
.dropdown-menu li figure {
	position: relative;
}
.dropdown-menu li figure img {
	width: 100%;
	object-fit: cover
}


	/* font: unset;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 24px;
    color: #000;
    padding: unset;
    margin: 1.5em 0 0;
	padding-bottom: 4px;
    background: none!important */

.dropdown-menu li figure figcaption {
	/*position: absolute;*/
	font:unset;
	margin-top: 10px;
	width: 100%;
	padding: 0 15px;
	text-align: center;
	bottom: 15px;
	left: 0;
	text-transform: uppercase;
	letter-spacing: 0;
    font-size: 1.2em;
	color: #000;
}
#navbar .dropdown-menu li a,
#navbar .dropdown-menu li strong {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.8em;
    color: #222;
	margin: 0;
	display: block
}
#navbar .dropdown-menu li a {
	font-size: 11px;
	line-height: 1.7em
}
#navbar .dropdown-menu li a:hover {
	text-decoration: underline
}
#navbar .eshop .dropdown-menu li a,
#navbar .crea .dropdown-menu li a {
	text-transform: initial
}
#navbar .adresses .rendez-vous .dropdown-menu li figure img {
    max-height: 250px!important
}
#navbar .dropdown-menu li strong {
	text-transform: uppercase;
	position: relative;
	margin-bottom: 20px
}
#navbar .dropdown-menu li strong:after {
	content: '';
    position: absolute;
    width: 35px;
    height: 1px;
    background-color: #000;
    left: 0;
    top: 30px
}
#navbar .dropdown-menu li a + strong {
	margin-top: 10px
}
#navbar .dropdown-menu li .seeall {
	margin-bottom: 15px
}
#navbar .dropdown-menu li a:hover {
	color: #000
}
.dropdown:hover .dropdown-menu {
	display: block
}
#navbar li.mbeau {
	padding-left: 15px;
    margin-left: 15px;
    margin-right: 0
}
#navbar li.mbeau:before {
	content: "|";
    color: rgba(0,0,0,.25);
    position: absolute;
    bottom: 3px;
    left: -7.5px
}
#OlympeMariage {
	margin: 0 0 100px;
	width: 100%;
	height: auto;
	position: relative
}
#OlympeMariage  .carousel-indicators {
    bottom: 0;
    width: auto;
    margin-left: 0;
}
#OlympeMariage  .carousel-indicators li {
    margin: 0 2.5px;
    width: 8px;
	height: 8px;
}	
#OlympeMariage  img,
.olympe_createur img {
	width: 100%;
	height: 85vh;
	object-fit: cover
}
#OlympeMariage  figcaption {
	display: table;
    position: absolute;
	top: 0;
    width: 100%;
    height: 100%
}
#OlympeMariage figcaption h2 {
	display: table-cell;
	vertical-align: top;
	padding-top: 30vh;
    text-align: center;
	font-size: 3rem;
	font-weight: 300;
    text-transform: uppercase;
	color: #000;
	/*text-shadow: 0px 0px 5px rgba(0,0,0,2)*/
}
#OlympeMariage .olympe_presentation {
	position: absolute;
	z-index: 99;
	bottom: 25px;
	right: 25px;
	background-color: rgba(255,255,255,.95);
	padding: 10px;
	max-width: 450px;
	color: #000;
	text-align: center;
}
#OlympeMariage .olympe_presentation h1 {
	font-family: 'Lato', sans-serif;
	font-size: 2rem;
	font-weight: 350;
	text-transform: uppercase;
	margin: 0 0 0 5px;
	color: #000;
	line-height: 2.5;
}

a:hover h1
a:hover h2 {
	text-decoration: none!important
}
#OlympeMariage .olympe_presentation p {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2rem;
	margin-top: .5rem
}
#OlympeMariage .olympe_presentation span {
	font-size: 1.35rem;
	font-weight: 600;
	display: inline-block
}
#OlympeMariage + .row {
	margin: 100px auto 0;
}
#OlympeMariage + .row .col-sm-3.text-right {
	padding-left: 4%
}
.text-right h2,
.hidden-xs h2 {
	font-size: 2.2rem;
	font-weight: 500;
    text-transform: uppercase;
	color: #000;
	margin: 3rem 0 0
}
.decouvrir {
	font-size: 1.35rem;
	font-weight: 500;
	color: #000;
	display: inline-block;
    margin: 0 0 1.5rem
}
.decouvrir::before {
	content: '-';
	font-size: 2.5rem;
	font-weight: 400;
	position: relative;
	margin-right: 4px;
	line-height: 1rem;
    vertical-align: text-top
}
.olympe_one + .row .col-sm-3.text-right p,
.olympe_adresses p,
.olympe_adresses a,
.beau p,
.beau a {
	font-size: 1.35rem;
	font-weight: 500;
	color: #000
}
.olympe_createur,
.descProduitOlympe {
	margin: 0 0 100px;
	position: relative;
	font: unset!important
}
.olympe_createur img {
	height: calc((100vw - 130px) / 3.5);
	margin-bottom: 10px
}
.olympe_createur figcaption {
	width: 100%;
	text-align: center;
}
.olympe_createur figcaption strong {
	font-size: 1.3rem;
	font-weight: 500;
    text-transform: uppercase;
	color: #000;
}
.olympe_adresses,
.beau {
	margin: 0 0 100px;
	display: table
}
.olympe_adresses h2,
.beau h2 {
	font-size: 2.2rem;
	font-weight: 500;
    text-transform: uppercase;
	color: #000;
	margin-bottom: 0
}
.olympe_adresses a,
.beau a {
	font-weight: 600
}
.olympe_adresses [class^="col-"],
.beau [class^="col-"] {
  display: table-cell;
  vertical-align: middle;
  float: none
}
.olympe_adresses figure img,
.beau figure img {
	width: 100%
}
.olympe_adresses .text-right {
	padding-left: 5%
}
.beau .text-left {
	padding-right: 5%
} 

.reffoot .col-sm-4 h2 {
	font-size: 1.25em;
	font-weight: 500;
	color: #000;
}
.row.reffoot .col-sm-4 p {
	font-size: .9em;
    font-weight: 500;
    color: #555;
    margin: 0 0 50px;
    text-align: center;
	line-height: 1.5em;
	padding: 0 1.75em
}
footer {
	position: relative
}
#showrooms:before,
#createur-robe:before,
#creatrice:before,
#createurs:before,
#mots_cles:before,
#formOlympe:before,
#produit:before,
footer:before {
	content: '';
	position: absolute;
	width: calc(100% - 70px);
	height: 1px;
	top: 0;
	left: 35px;
	background-color: rgba(0,0,0,.05)
}
footer .container-fluid {
	padding-top: 50px;
	padding-bottom: 40px
}
footer .colfoot {
	text-align: center;
	color: #666
}
footer .colfoot, footer .colfoot a {
	color: #333
}
footer .colfoot a:hover {
	color: #000
}
footer .colfoot a small {
    font-size: .75em;
	font-weight: 400;
	color: #222
}
footer .colfoot a small::after {
    display: none
}
footer .colfoot a strong {
	font-size: 1em;
	font-weight: 600
}
footer .copyright {
	line-height: initial;
}
footer p.text-center {
	padding: 25px 0 10px
}
footer .copyright {
	padding: 10px 0 25px
}
footer p.text-center,
footer .copyright  {
	margin-top: 0;
	margin-bottom: 0
}
footer p.text-center a,
footer p.text-center strong,
footer .copyright,
footer .copyright a {
	font-size: .9em;
    color: #000
}
footer p.text-center a:hover {
	color: #555
}
footer .copyright a:hover {
	font-weight: 500
}
#showrooms,
#createur-robe,
#creatrice,
#createurs,
#produit,
#mots_cles {
	position: relative;
	padding-top: 75px
}
#showrooms h1,
#createur-robe h1,
#creatrice h1,
#createurs h1,
#produit h1,
#formOlympe h1,
#mots_cles h1 {
	text-transform: uppercase;
	margin-top: 0;
	font-size: 2rem;
	font-weight: 400;
	color: #000!important
}
#creatrice h2 {
	text-transform: uppercase;
	margin: 1rem 0 3rem;
    font-size: 2rem;
	font-weight: 400;
	color: #000
}
#showrooms h1 small,
#createur-robe h1 small,
#creatrice h1 small,
#produit h1 small,
#formOlympe h1 small,
#mots_cles h1 small {
	display: block;
	line-height: 1.75em
}
#createur-robe p,
#creatrice p,
#mots_cles p,
#produit p,
#createurs p {
	margin: 0;
	text-align: center!important;
	line-height: 2.5rem
}
#mots_cles p {
	padding: 0 20%;
	margin-bottom: 50px
}
#createur-robe p:not(.prix):last-child,
#creatrice p:not(.prix):last-child,
#produit p:not(.prix):last-child {
	margin-bottom: 50px;
	line-height: 2.5rem
}
#showrooms p:not(.prix) {
	text-align: center;
	margin-bottom: 0
}
#showrooms p + .row,
#showrooms br + .row,
#produit h1 + .row,
#produit p + .row {
	margin-top: 50px
}
#showrooms a,
#createur-robe a,
#creatrice a,
#createurs a,
#mots_cles a,
#produit a {
	padding-right: 25px;
	padding-left: 25px;
	margin-bottom: 50px
}
#mots_cles p a {
	padding-right: 0;
	padding-left: 0
}
#showrooms a img,
#createur-robe a img,
#creatrice a img,
#createurs a img,
#mots_cles a img,
#produit a img {
	height: calc((((100vw - 240px) / 4) / 3) * 4);
	object-fit: cover;
	margin-bottom: 10px
}
#showrooms a img,
#createur-robe a img,
#creatrice a img,
#createurs a img,
#mots_cles a img,
#formOlympe img,
#produit a img {
	width: 100%
}
#produit .descProduitOlympe a {
	margin-bottom: 20px;
	margin-top: 15px
}
#showrooms a img + h2,
#createur-robe a img + h2,
#creatrice a img + h3,
#createurs a img + h2,
#mots_cles a img + h2 {
	text-align: center;
	font-weight: 500;
	font-size: .95em;
    text-transform: uppercase;
    color: #000;
    margin: 0
}
#createur-robe a img + h2,
#creatrice a img + h3,
#createurs a img + h2,
#mots_cles a img + h2 {
	min-height: 28px
}
#formOlympe #contact-form label {
	width: auto!important;
	float: none;
	line-height: initial;
	font-weight: 500;
	font-family: inherit;
	font-size: inherit
}
#formOlympe #form-container {
	padding: 35px 0
}
#formOlympe .form-control {
	font-family: inherit;
	/*height: 40px;*/
	margin-bottom: 10px;
	line-height: initial;
	box-shadow: none;
    border: 1px solid #e4e4e4;
	padding: 0 20px;
	border-radius: unset;
    color: #000
}
#formOlympe textarea.form-control {
	margin-bottom: 10px;
	height: auto
}
#formOlympe .g-recaptcha {
	display: inline-block;
	margin-bottom: 15px
}
#formOlympe .btn-black {
	border-radius: unset;
    font-weight: 500;
    color: #FFF;
    background-color: #444;
    font-size: 1em;
    letter-spacing: .05em;
    padding: .75em 2em;
    text-transform: uppercase
}
#formOlympe .btn-black:hover,
#formOlympe .alert-olympe {
	background-color: #000
}
#formOlympe .alert-olympe {
	color: #FFF
}

#showroom h1, #showroom h2, #showroom h3 {
    font-family: unset!important;
    font-weight: 500!important;
    margin: 25px 0 15px!important;
	color: #000!important
}
#showroom .col-sm-6 p {
    /*font: unset!important;
    color: #000!important;*/
}
#showroom .btn-default {
    background-color: #F4F4F4!important;
    color: #000!important;
    text-shadow: none!important
}
.lien_mc {
    margin: 10px 0 0!important;
    font-size: 12px!important;
    font-family: unset!important;
    border: none!important;
    border-radius: 0!important;
    padding: 5px!important;
}
#showroom .pourlui p {
    font-family: 'Bodoni',sans-serif!important;
    font-size: 16px!important;
}

.reffoot .col-sm-4 h2,
.lbas + .row .col-sm-4 h2,
.row.reffoot .col-sm-4 p,
footer .colfoot,
footer p.text-center a,
footer p.text-center strong,
footer .col-sm-3,
footer .col-sm-3 a,
footer .copyright {
	font-family: unset
}

iframe.lightwidget-widget {
	width: 100%;
	border: 0px;
	overflow: hidden;
	margin-bottom: 100px;
	height: 46px;
}
.lienProduitOlympe {
	display: inline-block;
	padding: 1rem 2.5rem;
	border: solid 1px rgba(0,0,0,.75)
}

.lienProduitOlympe a {
    color: #0000;
    text-decoration: none;
    outline: none;
}

#createurs h1 {
	/*margin-bottom: 4rem*/
}
.menumobile {
	display: none!important
}
#valid_form .container {
	font-size: 1.1em
}
#valid_form .container img {
	margin-bottom: 1.5em
}

#campagne img {
	max-width: 100%;
	max-height: 100%
}
#campagne .container_inner {
	position: relative
}
#campagne .item {
	position: absolute;
	background: #fff;
	display: none
}
#campagne .item img {
	width: 100%;
	display: block
}

@media screen and (max-width: 767px) {
	.navbar {
    	padding: 0 0 15;
	}
	.navbar-nav li {
		display: block;
		margin-left: 0;
		margin-right: 0;
		padding: 0!important;
	}
	#navbar li a {
    	margin: .75em 0 0;
	}
	.navbar-header {
		text-align: center
	}
	.navbar-header a.navbar-brand {
		margin-left: 10px
	}
	.navbar-toggle {
		position: absolute;
		right: 25px;
		padding: 10px;
		margin: 13px 0 0
	}
	.navbar-toggle .icon-bar {
		background-color: #000
	}
	.navbar-header .visible-xs {
		display: inline-block!important;
		position: absolute;
		right: 115px;
		line-height: 64px;
		font-size: 1.7rem;
		color: #666;
		padding: 10px;
		margin: 11px 0 0
	}
	.navbar-header .visible-xs + .visible-xs {
		right: 80px
	}
	#navbar .dropdown:hover .dropdown-menu.menumobile  {
		display: block!important
	}
	#navbar .dropdown-menu.menumobile {
		position: relative;
		padding: 15px 0
	}
	.dropdown-menu.menumobile li {
		min-height: unset
	}
	#navbar .dropdown-menu.menumobile li strong {
		margin-bottom: 0;
		margin-top: 10px
	}
	#navbar li.mbeau {
		margin-left: 0
	}
	#navbar .dropdown-menu.menumobile li strong:after,
	#navbar li.mbeau:before {
		display: none
	}
	.container-fluid {
		padding-left: 25px;
		padding-right: 25px
	}
	.olympe_one {
    	height: 75vh;
		margin-bottom: 40px
	}
	.olympe_one figcaption .olympe_presentation {
		bottom: 25px;
		right: 25px;
		padding: 20px;
		max-width: calc(100% - 50px)
	}
	.olympe_one + .row {
		margin-top: 0
	}
	.olympe_adresses [class^="col-"] {
		display: initial;
		float: left
	}
	.olympe_createur img {
		height: 90vw
	}
	.olympe_createur {
    	margin: 0 0 40px;
	}
	footer .colfoot {
		margin-bottom: 25px
	}
	footer .colfoot:last-child {
    	width: calc(50% - 2px)
	}
	footer .copyright {
		margin: 0
	}
	#OlympeMariage img {
		height: 60vh;
	}
	#OlympeMariage figcaption h2 {
		padding-top: 15vh;
	}
	#OlympeMariage .olympe_presentation {
		bottom: 15px;
		right: 15px;
		padding: 15px
	}
	#OlympeMariage .olympe_presentation h1 {
		font-size: 1.6rem;
		font-weight: 500
	}
	.beau [class^="col-"],
	.beau figure.visible-xs {
		display: initial
	}
	#showrooms a, #createur-robe a, #produit a, #mots_cles a, #creatrice a, #createurs a {
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 30px
	}
	#showrooms a img, #createur-robe a img, #produit a img, #mots_cles a img, #creatrice a img, #createurs a img {
		height: calc(((100vw - 50px) / 3) * 4)
	}
	#showroom h1, #showroom h2, #showroom h3, #showroom .col-sm-6 p {
		text-align: center
	}
	#pagestatique img {
		width: 100%;
		height: auto
	}
	footer .container-fluid {
		padding-top: 40px;
		padding-bottom: 0
	}
	.olympe_adresses, .beau {
		margin: 0 0 40px
	}
	iframe.lightwidget-widget {
		margin-bottom: 40px;
		height: 300px!important
	}
	#valid_form .container img {
		margin-top: 1em
	}
	.descProduitOlympe {
		margin-bottom: 20px
	}
	#produit .row:first-child p:not(.prix):last-child {
		margin-bottom: 0
	}
}
@media screen and (min-width: 768px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    	margin-left: 0
	}
	#produit .row {
		margin: 0
	}
	#produit .row:first-child {
		display: table;
		width: 100%
	}
	#produit .row:first-child [class*="col-"],
	#produit .row:first-child .descProduitOlympe {
		display: table-cell;
    	vertical-align: middle;
		float: none;
		margin: auto!important
	}
	#produit .row:first-child .descProduitOlympe {
		width: calc((100% / 3) * 2);
		max-width: calc((100% / 3) * 2);
		min-width: calc((100% / 3) * 2);
		padding-left: 0;
		padding-right: 15px
	}
	#produit .row:first-child [class*="col-"] + [class*="col-"] {
		padding: 0!important
	}
	#produit .row a.lightbox {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
		display: inline-block;
		float: none
	}
	#produit .row:first-child a.lightbox {
		padding-left: 15px;
	}
	#produit .row:last-child a.lightbox {
		margin-right: 20px;
    	width: calc((100% - 46px) / 3);
    	position: relative
	}
	#produit .row:last-child a.lightbox:nth-child(3n) {
		margin-right: 0
	}
	#produit .row img {
		height: 100%;
		margin-bottom: 23px
	}
	#produit .row:first-child p:not(.prix):last-child {
		margin-bottom: 0
	}
	#produit .row + .row {
		margin-bottom: 27px
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	#navbar {
		padding-left: 0;
		padding-right: 0
	}
	.navbar-nav li {
		margin-left: .3em;
		margin-right: .3em
	}
	#navbar li a {
		font-size: .955em;
		margin: 0
	}
	#navbar li.mbeau {
		padding-left: 5px;
		margin-left: 5px
	}
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
		z-index: 10002
	}
	.navbar-toggle .icon-bar {
		background-color: #000
	}
	.navbar-header .visible-sm {
		display: inline-block!important;
		position: absolute;
		right: 125px;
		line-height: 64px;
		font-size: 1.7rem;
		color: #666;
		padding: 10px;
		margin: 5px 0 0;
		z-index: 10003
	}
	.navbar-header .visible-sm + .visible-sm {
		right: 90px
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	[class^="col-sm-offset"] {
		margin-left: 0
	}
	#showrooms a img, #createur-robe a img, #creatrice a img, #createurs a img, #mots_cles a img, #produit a img {
		height: calc((((100vw + 60px) / 4) / 3) * 4);
	}
	#pagestatique img {
		width: 100%;
		height: auto
	}
	#OlympeMariage {
		margin: 0 0 40px
	}
	.olympe_adresses {
		margin: 40px 0
	}
	.beau {
		margin: 0
	}
	#OlympeMariage + .row {
		margin: 40px auto 0
	}
	iframe.lightwidget-widget {
		margin-bottom: 40px
	}
	.olympe_adresses, .beau,
	.olympe_adresses [class^="col-"], .beau [class^="col-"] {
		display: block
	}
	.olympe_adresses .text-right,
	#OlympeMariage + .row .text-right {
		text-align: left
	}
	#OlympeMariage + .row .text-right {
		margin-bottom: 25px
	}
	.beau [class^="col"], .olympe_adresses [class^="col"] {
		padding: 0!important
	}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	.navbar-nav li {
		margin-left: .45em;
		margin-right: .45em;
	}
	.navbar-header a.navbar-brand {
		font-size: 4rem;
		margin: 0 20px 0 0;
	}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
	#navbar li a {
		line-height: 0
	}
	#navbar .navbar-right li a .fa {
    	line-height: 40px
	}
	#navbar .dropdown-menu li a, #navbar .dropdown-menu li strong {
    	line-height: 1em;
	}
}

.navbar.codepromo {
	display: block;
	color: unset;
	margin: 0
}
.navbar .code_promo {
	display: block;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    font-size: 1.3rem;
    margin: 0;
    color: #FFF;
    background: #333;
    z-index: 10001
}
.navbar a:hover .code_promo {
	text-decoration: underline;
}
.navbar > .container-fluid,
.navbar .codepromo + .container-fluid {
	margin-top: 25px
}
#olympeMenu > .container-fluid {
	margin-top: 0
}

#olympeNews, #olympeNews p {
	font-family: Georgia, Times, "Times New Roman", serif;
}
#olympeNews .modal-content,
#pNewsletter {
	display: flex;
	overflow: hidden;
	position: relative;
	align-items: center
}
#olympeNews .modal-content,
#olympeNews .modal-content .imgNews img {
	height: 400px
}
#olympeNews .modal-content .contentNews {
	padding: 15px;
    min-width: 22vw
}
#olympeNews .modal-content .imgNews img {
	width: auto
}
#olympeNews .modal-content .contentNews a {
	display: block;
	text-align: center
}
#olympeNews .modal-content .contentNews button {
	-webkit-appearance: none;
    font-size: 1em;
    height: 36px;
    color: #FFF;
    background-color: rgb(180, 157, 28);
	margin: 10px auto 0;
    border: none;
    border-radius: 3px;
    padding: 0 25px
}
#pNewsletter {
	background-color: #EFF2F7
}
#pNewsletter figure {
	width: 50vw;
	height: calc(75vh - 119px);
	position: relative
}
#pNewsletter figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
#pNewsletter .contentNewsletter {
	width: 50vw
}
#pNewsletter .contentNewsletter iframe {
	min-width: 540px;
	min-height: 410px;
	width: 100%;
	height: 100%
}

#olympeNews.show {
	display: flex!important;
	align-items: center;
	background-color: rgba(0,0,0,.25);
	z-index: 2147483646
}
#olympeNews .imgNewsletter {
	margin: 0 -29px;
	max-width: unset;
	width: calc(100% + 58px);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
@media screen and (min-width: 768px) {
	#olympeNews .modal-dialog {
		width: calc(22vw + 267px)
	}
}
@media screen and (max-width: 767px) {

	#OlympeMariage {
		margin: 0 0 10px;
		width: 100%;
		height: auto;
		position: relative
	}

	#OlympeMariage + .row {
		margin: 20px auto 0;
	}

	#OlympeMariage .olympe_presentation {
		position: absolute;
		z-index: 99;
		bottom: 25px;
		right: 25px;
		background-color: rgba(255,255,255,.95);
		padding: 25px;
		max-width: 350px;
		color: #000;
		text-align: right
	}

	#OlympeMariage .olympe_presentation h1 {
		font-family: 'Lato', sans-serif;
		font-size: 1.7rem;
		font-weight: 500;
		text-transform: uppercase;
		margin: 1rem 0 0;
		color: #000
	}
	a:hover h1
	a:hover h2 {
		text-decoration: none!important
	}
	#OlympeMariage .olympe_presentation p {
		font-size: 1.35rem;
		font-weight: 500;
		line-height: 1.8rem;
		margin-top: .5rem
	}

	#olympeNews .imgNewsletter {
		margin: 0px -12px;
		width: calc(100% + 24px)
	}
	#olympeNews .modal-content {
		flex-direction: column-reverse
	}
	#olympeNews .modal-content {
		height: auto
	}
	#olympeNews .modal-content .imgNews {
		width: 100%;
		height: 35vh
	}
	#olympeNews .modal-content .imgNews img {
		width: 100%;
		height: 100%;
		object-fit: cover
	}

	#pNewsletter figure {
		display: none
	}
	#pNewsletter .contentNewsletter {
		width: 100vw
	}
	#pNewsletter .contentNewsletter iframe {
		min-width: unset;
		min-height: 460px
	}

	.lienProduitOlympe.fixe {
		background:#ffff;
		position: fixed;
		top:120px;
		z-index:10000;
	}
}

.container-rendez-vous {
	display: flex;
	width: 100%;
	min-height: 100vh; /* Hauteur minimale basée sur la hauteur de la fenêtre */
	align-items: stretch; /* Étire les enfants pour correspondre à la hauteur du plus grand enfant */
  }

  .container-rendez-vous .content, .images {
	flex: 1; /* Each child will take up equal space */
	display: flex;
	flex-direction: column;
}

  .container-rendez-vous .content {
	  padding: 20px;
  }

  .container-rendez-vous .content h1 {
	  font-size: 24px;
	  margin-bottom: 10px;
  }

  .container-rendez-vous .content p {
	  /*font-size: 16px;*/
	  line-height: 1.5;
	  margin-bottom: 10px;
  }

  .container-rendez-vous form {
	  display: flex;
	  flex-direction: column;
  }

  .container-rendez-vous form input, form textarea {
	  padding: 8px;
	  margin-bottom: 5px;
	  border: 1px solid #ccc;
	  border-radius: 0px;
	  font-size:12px;
	  line-height:14px!important;
  }

  .container-rendez-vous form button {
	  padding: 5px;
	  background-color: #fff;
	  color: #000;
	  border: 1px solid #e4e4e4;
	  cursor: pointer;
	  font-size:14px;
	  width:50%;
  }

  .container-rendez-vous form button:hover {
	  background-color: #fff;
  }

  .container-rendez-vous .images {
	display: block; /* Assure que l'image est un flex container pour mieux contrôler l'image enfant */
	align-items: stretch; /* Étire l'élément image à l'intérieur */
	overflow: hidden; /* Cache tout débordement, au cas où l'image est plus grande que le conteneur */
	margin-top:10px;
  }

  .container-rendez-vous .images img {
	flex: 1; /* Permet à l'image de s'adapter au conteneur flex parent */
	object-fit: cover; /* Couvre l'aire du conteneur sans déformation */
	width: 100%;
	height: auto; /* Hauteur automatique pour maintenir l'aspect ratio */
  }

  @media (max-width: 768px) {
	.container-rendez-vous .images {
		display: none; /* Masque la division des images sur les écrans de taille mobile */
	}
}

.gallery-une {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4 colonnes par défaut */
	margin-bottom:50px;
}

.gallery-une .photo {
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-top: 100%; /* Aspect ratio 1:1 */
}

.gallery-une .photo span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 1.8rem;
	font-weight:600;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.email-signup-box {
	background-color: #ffffff;
	width: 100%;
	margin: 50px auto;
	padding: 20px;
	text-align: center;
}

/*.email-signup-box p {
	font-size: 1.5rem;
	margin: 20px 0;
}*/

.email-signup-box .email-form {
	margin-top: 20px;
}

.email-form label {
	font-size: 14px;
	color: #333;
	display: block;
	margin-bottom: 10px;
}

.email-form input[type="email"] {
	font-size: 10px;
	padding: 5px 10px;
	margin-right: 8px;
	border: 1px solid #000;
	border-radius: 0px;
}

.email-form button {
	padding: 5px 10px;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	cursor: pointer;
	font-size: 10px;
}

.email-form button:hover {
	background-color: #fff;
}


@media (max-width: 1024px) {
/* Pour les tablettes et les écrans plus petits jusqu'aux grands mobiles */
	.gallery-une {
		grid-template-columns: repeat(2, 1fr); /* 2 colonnes pour les écrans jusqu'à 1024px */
	}
}

@media (max-width: 768px) {
	/* Pour les petits écrans mobiles */
	.gallery-une {
		grid-template-columns: repeat(2, 1fr); /* Conserve 2 colonnes pour les écrans très petits */
	}
}

.email-signup-box h1 {
    font-size: 2.2rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    margin: 3rem 0 0;
}