/* cmsms stylesheet: Ancoli Foundation modified: mercredi 1 avril 2026 11:41:17 */
@charset "UTF-8";
/*
Correspondance entre les valeurs numériques et les noms
100 : Extra Light (Ultra Light)
200 : Thin (Hairline)
300 : Light
400 : Roman (Normal)
500 : Medium
600 : Semi Bold (Demi Bold)
700 : Bold
800 : Heavy (Extra Bold ou Ultra Bold)
900 : Black
*/


@font-face {
	font-family: 'InriaSans';
	src: url('https://www.ancoli.com/assets/fonts/inriasans-regular.woff2') format('woff2'),
		url('https://www.ancoli.com/assets/fonts/inriasans-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'InriaSans';
	src: url('https://www.ancoli.com/assets/fonts/inriasans-italic.woff2') format('woff2'),
		url('https://www.ancoli.com/assets/fonts/inriasans-italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'InriaSans';
	src: url('https://www.ancoli.com/assets/fonts/inriasans-bold.woff2') format('woff2'),
		url('https://www.ancoli.com/assets/fonts/inriasans-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'InriaSans';
	src: url('https://www.ancoli.com/assets/fonts/inriasans-bolditalic.woff2') format('woff2'),
		url('https://www.ancoli.com/assets/fonts/inriasans-bolditalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'CormorantGaramond';
	src: url('https://www.ancoli.com/assets/fonts/cormorantgaramond-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'CormorantGaramond';
	src: url('https://www.ancoli.com/assets/fonts/cormorantgaramond-semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'CormorantGaramond';
	src: url('https://www.ancoli.com/assets/fonts/cormorantgaramond-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

/*valeurs prédéfinies*/

/*default link styles*/
a, a:link, a:focus, a:active {
	color: #e6b500;
}
a:visited {
	color: #e6b500;
}
a:hover {
	/*text-decoration: none;*/
	color: #ae0827;
}

/*icônes et pictos : mask background permet de changer la couleur du picto */
.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 .2em;
	background: #1b1b1b;
	-webkit-mask-size: cover;
	mask-size: cover;
	vertical-align: -.15em;
}

.social .icon {
	width: 2rem;
	height: 2rem;
	margin: .4rem 0 .4rem 1rem;
	background: #eee;
	vertical-align: 0;
}
.social .icon:hover {
	background: #c23a82;
}

a .icon,
a:link .icon,
a:focus .icon,
a:active .icon {
	background: #e6b500;
}
a:visited .icon {
	color: #e6b500;
}
a:hover .icon {
	background: #ae0827;
}
a.button .icon,
a.button:link .icon,
a.button:focus .icon,
a.button:active .icon,
a.button:visited .icon,
a.button:hover .icon {
	background: white;
}

.icon.chevron {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#chevron3);
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#chevron3);
}
.icon.grid {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#grid-3);
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#grid-3);
}
.icon.exit {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#exit1);
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#exit1);
}
.icon.loupe {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#loupe1);
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#loupe1);
}
.icon.user {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#user1);
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#user1);
}
.icon.sign-in {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#sign-in;
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#sign-in);
}
.icon.sign-out {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#sign-out);
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#sign-out);
}
.icon.trash {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#trash);
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#trash);
}
.icon.facebook {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#facebook);
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#facebook);
}
.icon.youtube {
	-webkit-mask: url(https://www.ancoli.com/assets/images/pictos.svg#youtube);
	mask: url(https://www.ancoli.com/assets/images/pictos.svg#youtube);
}
.r90 {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.r270 {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}


/***** BASE *****/
body {
	/*
	font-family: ProximaNova, "Helvetica Neue", Helvetica, sans-serif;
	color: #333;
	background-color: #1b1b1b;
	*/
	position: relative;
	font-family: InriaSans, sans-serif;

}

body:before {


}
/*
.conteneur {
	max-width: 75rem;
	margin: 0 auto 0 auto;
}
*/
h1, h2, h3, h4, h5, h6 {
	font-family: CormorantGaramond, serif;
	line-height:1;
}
h1, h2 {font-weight: 600;}
h3, h4, h5, h6 {font-weight: 600;}
h2 {font-size: 2.4rem;}
h3 {font-size: 2rem;}
h4 {font-size: 1.6rem;}
h5 {font-size: 1.3rem;}
h6 {font-size: 1.1rem;}

h2, h3, h4, h5, h6 {
	margin: 1em 0 .2em 0;
}
h2 + h3, h3 + h4, h5 + h5, h5 + h6 {
	margin-top: .4em;
}

p, ol, ul, ol ol, ol ul, ul ol, ul ul {
	/*margin-bottom: .6rem;*/
}
table {line-height:1.2;}
.note { font-size: .9rem; color: #666;}
.petit { font-size: .8rem; color: #666;}
strong, b { font-weight: 700; }
.updated { font-size: .8rem; font-style:italic; color: #666; text-align:right; margin-bottom:0; }
.a-droite { float: right; margin: .4rem 0 .4rem 1rem; max-width: 150px; }
.a-gauche { float: left; margin: .4rem 1rem .4rem 0; max-width: 150px; }
.gris { color: #999; }
.jaune { color: #e6b500; }
.rouge { color: #ae0827; }
.plus {color: #e6b500;}
a:hover .plus {color:#930551;}
.masque { display: none; }

/*** Header ***/
header {
	/*background-color: #fff;*/
}
header:before {

	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: -3rem;
	width: 100%;
	height: 100%;

	/*background-image: url('https://www.ancoli.com/assets/images/lignes-bleues.svg');*/

	/*background-position: bottom;*/
	/*background-position: 0 50%;*/

	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 0.6;
	z-index: -100;

	/*filter: blur(.005rem);*/

}
header .fond {
	background-color: rgba(147, 5, 81, 1);
}
header h1 {
	font-family: InriaSans, sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.1;
	/*
	max-width: 90rem;
	margin: .2rem auto .2rem auto;
	line-height: 1;
	*/
}
header h1 a, header h1 a:link, header h1 a:active, header h1 a:visited {
	color: #930551;
}
header h1 a {
	/*margin: 0 0 1rem 0;*/
}
.logo {
	/*width: 202px; height: 47px;*/
	width: 6rem; /*12rem*/
	margin: 0 2rem .7rem 0;
	vertical-align:top;
}
header nav {
	max-width: 75rem;
	margin: 0 auto 0 auto;
	/*font-weight: 400;*/
	/*padding: 0 auto;*/
}
header .menu {
	/*
	max-width: 90rem;
	margin: 0 auto 0 auto;
	*/
}
header .dropdown.menu > li > a {
	padding: 1rem;
}
/*
header .menu a, header .menu a:link, header .menu a:active, header .menu a:visited {
	color: #e6b500;
}
*/
header .menu a:hover,
header .menu .rubactive>a,
.menu .parentactive>a,
.dropdown.menu>li.is-active>a {
	color: white;
	background-color: #930551;
}
.is-dropdown-submenu,
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
	border: unset;
	background: #930551;
}
header .menu > li {
	text-transform: uppercase;
	font-size: 1.2rem;
}
header .menu > li li {
	text-transform: none;
	font-size: 1rem;
}
header .bt-exit {
	display: block;
	padding: .55rem 1rem;
	color: white;
	background-color: #0073bb;
	font-size: 1.8rem;
	text-transform: uppercase;
}
header .bt-exit .icon {
	width: .7em;
	height: .7em;
	background: white;
	vertical-align: baseline;
}
header .bt-exit:hover {
	color: #e6b500;
}
header .bt-exit:hover .icon {
	background: #e6b500;
}
header .nav2 {
	font-size: 1.2rem;
	/*font-weight: bold;*/
}
header .nav2 .shrink {
	padding: .5rem 1rem;
}

/* à supprimer
header .flash2 {
	background-color: #930551;
	margin-top:2rem;
	padding:2rem;
	text-align:center;
	color:white;
}
header .flash2 h2 {
	margin: 0;
}
header .flash2 p:last-child {
	margin-bottom: 0;
}
header .flash2 .exergue {
	font-size:2rem;
	letter-spacing: .2rem;
	font-weight:bold;
	color:#e6b500;
}
header .flash2 .rouge {
	color:#e6b500;
}
header .flash2 .date {
	font-size:2rem;
	color:#ecd8e2;
}
*/

/*** Main ***/
main {
	margin-bottom: 2rem;
}
main a, .reveal a {font-weight: bold;}
main a[href$='.pdf'] {
	background: transparent url(https://www.ancoli.com/assets/images/pictos.svg#pdf) no-repeat center right;
	background-size: auto 1.1em;
	padding: 0 1.4em 0 0;
}
main a[href$='.xlsx'] {
	background: transparent url(https://www.ancoli.com/assets/images/pictos.svg#xlsx) no-repeat center right;
	background-size: auto 1.2em;
	padding: 0 1.4em 0 0;
}

/*main a[href*="//"]:not([href*="metals-toolbox.com"]):after {*/ /* à résoudre ** external link styles, use :before or :after if you want! */
/*
main a:not([href*='metals-toolbox.com']):not([href^='#']):not([href^='/']):after {
	background: transparent url(https://www.ancoli.com/assets/images/links/external-link.svg) no-repeat center right;
	background-size: auto 1rem;
	padding: 0 2rem 0 0;
}
*/
main a[href*="//"]:not([href*="ancoli.com"],.button) { /* à résoudre */
/*main a:not([href*='metals-toolbox.com']):not([href^='#']):not([href^='/']) {*/
	background: transparent url(https://www.ancoli.com/assets/images/pictos.svg#ext-link2) no-repeat center right .1em;
	background-size: auto 1em;
	padding: 0 1.5em 0 0;
	color: #e6b500;
}
/*
main a.button[href*="//"]:not([href*="ancoli.com"]) {
	background: #e6b500 url(https://www.ancoli.com/assets/images/pictos.svg#ext-link2) no-repeat center right .1em;
	background-size: auto 1em;
	padding-right: 1.5em;
}
*/
main a.button[href*="//"]:not([href*="ancoli.com"]):after {
	/*
	content: url('https://www.ancoli.com/assets/images/pictos.svg#ext-link2');
	display:block;
	width:1rem;
	height:1rem;
	*/
	/*padding:0 1rem;*/
}
main a[href^="https://checkout.stripe.com"]) { /* à résoudre */
/*
	background: none;
	background-color:#e6b500;
	color: #1b1b1b;
	padding: 0;
*/
}
main h2, main h3, main h4, main h5, main h6 {
	color: #930551;
}
main p {
	margin-bottom: .4em;
}
blockquote {
	/*font-family: 'Montserrat', sans-serif;*/
	font-size: 1.2rem;
	font-weight: 300;
	font-style: italic;
	/*text-align: right;
	border: unset;*/
	color: #999;
	margin: 1rem 0 1rem 2rem;
	padding-top:0;
}
blockquote p {
	line-height: 1.3;
	margin-bottom: .2em;
	color: #999;
}
blockquote .auteur {
	font-size: 1rem;
	font-style: normal;
	margin-top: .5em;
}
blockquote .auteur::before {
	content: "— ";
}
main .slides aside {
	background-color: #ecd8e2;
}
main aside h2 {
	margin-top: 0;
	font-size: 1.7rem;
}
main aside a {
	display:block;
}
main .slides aside a {
	padding: 1rem;
}
main .slides aside .grid-y {
	flex-direction: column;
	justify-content: space-around;
}
main .grid-y>.small-4 {
	height:auto;
}
main .slides .grid-y>.small-4:hover {
	background-color: #930551;
}
main .slides aside .grid-y>.small-4:hover h2 {
	color: #e6b500;
}
main .slides aside .grid-y>.small-4:hover div {
	color: white;
}
main aside a div {
	font-weight: normal;
	color: #1b1b1b;
	line-height:1.2;
}
.flash {
	margin-top:2rem;
	padding:2rem;
	color:white;
	background-color: #930551;
	text-align:center;
}
.flash a:hover,
.flash a:hover .jaune {
	color:#ecd8e2;
}
.flash h3 {
	margin: 0;
	font-family: InriaSans, sans-serif;
	color:white;
	letter-spacing: .2rem;
}
.flash h4 {
	font-size:2.4rem;
	font-weight:600;
	color:white;
}
.flash h5 {
	margin-top:.5em;
	font-family: InriaSans, sans-serif;
	font-size:1.8rem;
	color:#ecd8e2;
}
.flash p:last-child {
	margin-bottom: 0;
}
.flash .button {
	margin:1rem 0;
}

/* Contenu */
.slides {margin: 2rem 0 1.5rem 0;}
.orbit-bullets {
	position: absolute;
	bottom: 2%;
	left: 50%;
	transform: translate(-50%, 0);
}
.focus .categorie {
	background-color: rgba(147, 5, 81, 0.8);
	text-transform:uppercase;
	text-align:center;
	font-size:1.4rem;
	letter-spacing: .1rem;
	padding:.3rem;
}
.focus > a {
	margin-bottom:2rem;
}
.focus a:hover .categorie {
	color:#ecd8e2;
}
.focus .cell {
	box-shadow: 0 0 .4rem gray;
}
.focus h3 {
	margin:0;
	padding: .5rem .8rem .2rem .8rem;
	font-size:1.7rem;
	font-weight:600;
}
.focus .accroche {
	padding: 0 .8rem .5rem .8rem;
	font-weight:normal;
}

.articles a.cell {padding-top:.8rem; padding-bottom:.8rem;font-weight: normal;border-radius: .5rem;}
.articles a.cell:hover {background-color:#ecd8e2;}
.articles h3 {font-weight:normal; font-size:1.7rem; margin-top:0;}
.pagination {margin:1.5rem 0 0 0;font-weight:bold;}
.pagination li,
.pagination a {
	border-radius:.5rem
}
.pagination .current {
	background:#930551;
}
.article h2 + img {margin:1rem 0 .4rem 0;}
.article aside .boutons {text-align:center;}
.article aside .boutons .button {display:block; margin-left:0;}
.article aside {margin-top:6rem; background-color:#ecd8e2;}
.article aside .articles a {margin-top:2rem; padding:0;}
.article aside .articles a:hover {background-color:#930551;}
.article aside .articles h4 {margin-top:.4em;padding:0 .5rem;}
.article aside .articles a:hover h4 {color:#e6b500;}
.article aside .articles .description {padding:0 .5rem .5rem .5rem;}
.article aside .articles a:hover .description {color:white;}

time, .date { font-size: .9rem; color:#999; }
.date .cell { padding: .3rem; }
.date .auto { text-align: right; }
.accroche { color: #1b1b1b; }
.accroche p { line-height: 1.4; }

figcaption {
	color:#666;
	font-size: .9rem;
}

.equipe img {margin-top:2rem;}


/*** Footer ***/
footer {
	font-size: .9rem;
	color: #fff;
	background-color: #1b1b1b;
}
footer a, footer a:link, footer a:active, footer a:visited {
	/*color: white;*/
}
footer a:hover {
	/*
	color: #999;
	*/
}
footer p {
	margin-bottom: .4em;
}
.bandeau-newsletter {
	background-color: #930551;
	text-align: center;
}
.bandeau-newsletter .button {
	background-color: #c23a82;
}
.bandeau-newsletter .button:focus,
.bandeau-newsletter .button:hover,
.flash .button:hover {
	background-color: #77003F; /*#54002C;*/
}
.bandeau-newsletter h2 {
	display:inline-block;
	margin:0 0 .4em 0;
	font-size:1.5rem;
}
footer .grid-container {
	padding-top: 1rem;
}
/*
footer .cell {
	align-self: flex-end;
}
*/
footer .cell:nth-child(3) {
	text-align: right;
}

/*** Formulaires ***/
.form_feu,
.form_orders {
	margin-top:1rem;
	max-width: 40rem;
}
.form_feu h3 {
	font-family: InriaSans, sans-serif;
	font-weight: bold;
	margin-bottom:.5em;
	color: #1b1b1b;
}
.form_feu h3 .icon {
	margin-left:0;
}
.reveal h3 {
	font-family: InriaSans, sans-serif;
}
legend {
	font-size: 1.4rem;
}
label {
	font-size: 1rem;
}
input[type='password'],
#feu_input_username,
select[name$="_input_pays"] {
	margin: 0;
}
form small {
	display: block;
	margin: .2rem 0 .5rem 0;
	line-height: 1.2;
}
#loginform + small {
	display: none;
}
.reveal #loginform + small {
	display: block;
}
/*
#loginform button[type="submit"] {
	margin-bottom: .2rem;
}
*/
.cms_submit {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 1rem 0;
	padding: .85em 1em;
	border: 1px solid transparent;
	transition: background-color .25s ease-out,color .25s ease-out;
	font-family: inherit;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}
.button,
.cms_submit {
	font-size: 1rem;
	font-weight: bold;
	background-color: #e6b500;
	border-radius: 3px;
}
.button, .button:link, .button:visited, .button:hover, .button:focus, .button:active,
.cms_submit {
	color:white;
}
.button:focus, .button:hover,
.cms_submit:focus, .cms_submit:hover {
	background-color: #930551;
}
button[type="submit"],
input[type="submit"] {
	margin-top:.5rem;
}
#btn_stripe {
	color: white;
	background-color: #e6b500;
	background-image:none;
	padding: .85em 1em .85em 1em;
}
#btn_stripe:hover {
	background-color: #ae0827;
}
.button + .button {
	margin-left: 1rem;
}
.pid-1 .text-right .button {
	margin: 1rem 0 1rem 1rem;
}

/* formulaire de réservation */
.formbuilderform {
	padding: 1rem 0;
	max-width: 50rem;
	/*background-color: #e6b500;*/
}
.formbuilderform fieldset {
	margin: 2rem 0;
	padding: 0 2rem 2rem 2rem;
	background-color: white;
	border: 2px solid #e6b500;
	/*border-radius: 50% 20% / 10% 40%;*/
	/*border-radius: 25% 10% / 5% 20%;*/
	border-radius: .5rem;
}
.formbuilderform legend {
	padding: 0 .5rem;
}
.formbuilderform .titre label:first-child {
	 font-weight: bold;
}
/* pour mettre en évidence la fin de l'inscription des sopranes et alti */
.formbuilderform [type=checkbox]:disabled+label[for],
.formbuilderform [type=radio]:disabled+label[for] {
	cursor: not-allowed;
	color: grey;
}
/* Pour formulaires Form Builder et SelfRegistration
   ^ indique par quoi l'id doit commencer et $ indique par quoi l'id doit terminer */
.date_naissance select[id^="fbrp_"][id$="_day"],
select[name$="_date_naissanceDay"] {
	width:17%;
}
.date_naissance select[id^="fbrp_"][id$="_month"],
select[name$="_date_naissanceMonth"] {
	width:57%;
}
.date_naissance select[id^="fbrp_"][id$="_year"],
select[name$="_date_naissanceYear"] {
	width:23%;
}
.fb_invalid {
	padding:.5rem;
	background-color: #f7e4e1; /*rouge pale*/
}

/* Autres */
.callout .close-button {
	right: .5rem;
	top: 0;
}
.callout {
	padding-right: 2rem;
}
.has-tip {
	border: unset;
	font-weight: inherit;
}


/***** END BASE *****/


/***** NAVIGATION *****/
/* Menu */

/* Breadcrumbs */



/***** END NAVIGATION *****/


/***** BOUTIQUE *****/
.etapesBoutique {
	margin-left: 1.25rem;
	list-style-type: decimal;
}
.etapesBoutique li {
	margin-right:2.5rem;
}
.prix { margin: .5rem; font-size:1.4rem;}
button.primary { border-radius: 4rem; }
.variante form {
	display: inline;
}
.bt-cart { width: 1.2rem; height: 1.2rem; }
.viewcartform th { text-align: left; }
.commande img {max-width:45px;}

/***** END BOUTIQUE *****/


/***** ESPACE MEMBRE *****/
.documents img {
	margin-bottom:.5rem;
}
/***** END ESPACE MEMBRE *****/


/***** MEDIA QUERIES *****/
@media screen and (min-width: 30em) { /* min-width 480px, smartphone paysage */

}
@media screen and (min-width: 40em) { /* min-width 640px, medium screens */
 .logo {width: 4rem;}
 header .nav2 {padding-right:1rem;}
 header h1 {font-size: 1.1rem;line-height:1.3}
 .focus > a {margin-bottom:1.5rem;}
 .a-droite { max-width: 200px; }
 .a-gauche { max-width: 200px; }
 blockquote {margin-left: 4rem;}
}
@media screen and (min-width: 64em) { /* min-width 1024px, large screens */
 /*h3 {font-size: 1.9375rem;}*/
 header .menu > li {font-size: 1.8rem;}
 header .menu > li li {font-size: 1.4rem;}
 main .slides .grid-y {height:100%;}
 /*main .slides aside a {padding: 0 1rem;}*/
 .focus > a {margin:0;}
 .a-droite { max-width: 300px; }
 .a-gauche { max-width: 300px; }
 .bandeau-newsletter h2 {margin:.4em 0;}
 .bandeau-newsletter .medium-3 {text-align: left;}
}
@media screen and (min-width: 90em) { /* min-width 1440px, xlarge screens */

}
@media screen and (min-width: 120em) { /* min-width 1920px, xxlarge screens */

}
/***** END MEDIA QUERIES *****/