@charset "utf-8";
/* CSS Document */

	/*! de-style.css v1.0.5 | MIT License | https://github.com/nicolas-cusan/destyle.css */*
{
	box-sizing:border-box
}
	:after,:before
{
	box-sizing:inherit
}
	html
{
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:transparent;
	line-height:1.15
}
	body
{
	margin:0
}
	main
{
	display:block
}
	address,blockquote,dl,figure,form,iframe,p,pre,table
{
	margin:0
}
	h1,h2,h3,h4,h5,h6
{
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit;
	margin:0
}
	ol,ul
{
	list-style:none;
	margin:0;
	padding:0
}
	dt
{
	font-weight:700
}
	dd
{
	margin-left:0
}
	hr
{
	border:0;
	border-top:1px solid;
	box-sizing:content-box;
	clear:both;
	height:0;
	margin:0;
	overflow:visible
}
	pre
{
	font-family:monospace,monospace;
	font-size:inherit
}
	address
{
	font-style:inherit
}
	a
{
	background-color:transparent;
	color:inherit;
	text-decoration:none
}
	abbr[title]
{
	border-bottom:none;
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
	b,strong
{
	font-weight:bolder
}
	code,kbd,samp
{
	font-family:monospace,monospace;
	font-size:inherit
}
	small
{
	font-size:80%
}
	sub,sup
{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
	sub
{
	bottom:-.25em
}
	sup
{
	top:-.5em
}
	img
{
	border-style:none;
	vertical-align:bottom
}
	embed,iframe,object
{
	border:0;
	vertical-align:bottom
}
	button,input,optgroup,select,textarea
{
	background:transparent;
	border:0;
	color:inherit;
	font:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:middle
}
	select
{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0
}
	button,input
{
	overflow:visible
}
	button,select
{
	text-transform:none
}
	[type=button],[type=reset],[type=submit],button
{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer
}
	[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]
{
	cursor:default
}
	[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner
{
	border-style:none;
	padding:0
}
	[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring
{
	outline:1px dotted ButtonText
}
	fieldset
{
	border:0;
	margin:0;
	min-width:0;
	padding:0
}
	legend
{
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
	progress
{
	vertical-align:baseline
}
	textarea
{
	overflow:auto
}
	[type=checkbox],[type=radio]
{
	box-sizing:border-box;
	padding:0
}
	[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button
{
	height:auto
}
	[type=search]
{
	-webkit-appearance:textfield;
	outline-offset:-2px
}
	[type=search]::-webkit-search-decoration
{
	-webkit-appearance:none
}
	::-webkit-file-upload-button
{
	-webkit-appearance:button;
	font:inherit
}
	::-moz-placeholder
{
	font:inherit
}
	::placeholder
{
	font:inherit
}
	label[for]
{
	cursor:pointer
}
	details
{
	display:block
}
	summary
{
	display:list-item
}
	table
{
	border-collapse:collapse;
	border-spacing:0
}
	caption
{
	text-align:left
}
	td,th
{
	vertical-align:top
}
	th
{
	font-weight:700;
	text-align:left
}
	[hidden],template
{
	display:none
}
	*
{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
	img
{
	display:block;
	height:auto;
	max-width:100%
}
	html
{
	font-size:10px;
	scroll-behavior:smooth
}
	body
{
	font-size:100%
}
	svg
{
	fill:currentColor
}
	@font-face
{
	font-display:swap;
	font-family:Binjay;
	font-weight:500;
	src:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Binjay/Binjay.woff) format("woff")
}
	@font-face
{
	font-display:swap;
	font-family:Helvetica;
	font-weight:400;
	src:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Helvetica/HelveticaNeue.woff) format("woff")
}
	@font-face
{
	font-display:swap;
	font-family:Helvetica;
	font-weight:500;
	src:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Helvetica/HelveticaNeue-Medium.woff) format("woff")
}
	@font-face
{
	font-display:swap;
	font-family:Helvetica;
	font-weight:700;
	src:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Helvetica/HelveticaNeue-Bold.woff) format("woff")
}
	@font-face
{
	font-display:swap;
	font-family:HelveticaPro;
	font-weight:800;
	src:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Helvetica/HelveticaNeueLTPro-Blk.woff) format("woff")
}
	@font-face
{
	font-display:swap;
	font-family:HelveticaPro;
	font-weight:900;
	src:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Helvetica/HelveticaNeueLTPro-BlkCnO.woff) format("woff")
}
	@font-face
{
	font-display:block;
	font-family:icomoon;
	font-style:normal;
	font-weight:400;
	src:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Icomoon/fonts/icomoon.eot?ni1n8g);
	src:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Icomoon/fonts/icomoon.eot?ni1n8g#iefix) format("embedded-opentype"),url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Icomoon/fonts/icomoon.ttf?ni1n8g) format("truetype"),url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Icomoon/fonts/icomoon.woff?ni1n8g) format("woff"),url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/fonts/Icomoon/fonts/icomoon.svg?ni1n8g#icomoon) format("svg")
}
	[class*=" icon-"],[class^=icon-]
{
	speak:never;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family:icomoon!important;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:1;
	text-transform:none
}
.icon-sound:before
{
	content:"\e904"
}
.icon-play:before
{
	content:"\e907"
}
.app
{
	color:#1f1611;
	display:flex;
	flex-direction:column;
	font-family:Helvetica;
	margin-top:70px;
	max-width:100%;
	min-height:100vh
}
.app .container
{
	box-sizing:content-box;
	margin:0 auto;
	padding:0 70px
}
.app .container.small--
{
	margin:auto;
	max-width:800px
}
	@media screen and (max-width:991px)
{
.app .container
{
	padding:0 20px
}
.app .no-mobile
{
	display:none
}

}
.app .main-btn
{
	background-color:#b43d32;
	border-radius:23px 23px 0 23px;
	color:#fff;
	display:block;
	font-size:16px;
	font-weight:700;
	padding:13px 37px;
	text-align:center;
	transition:all .2s linear;
	width:-moz-fit-content;
	width:fit-content
}
	@media screen and (max-width:991px)
{
.app .main-btn
{
	font-size:15px;
	padding:12px 24px
}

}
	@media screen and (min-width:992px)
{
.app .main-btn:focus,.app .main-btn:hover
{
	background-color:#d9675c;
	padding:13px 46px;
	transition:all .2s linear
}

}
.app .play-btn
{
	align-items:center;
	border-radius:50%;
	box-shadow:0 0 0 0 #fff;
	color:#442717;
	display:flex;
	font-size:26px;
	height:68px;
	justify-content:center;
	min-width:68px;
	overflow:hidden;
	position:relative;
	transition:all .2s linear;
	width:68px
}
.app .play-btn:focus-visible
{
	outline:5px auto -webkit-focus-ring-color
}
.app .play-btn:after
{
	background-color:#fff;
	border-radius:50%;
	content:"";
	height:100%;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	transition:all .2s linear;
	width:100%;
	z-index:-1
}
.app .play-btn i
{
	margin-left:6px
}
	@media screen and (min-width:992px)
{
.app .play-btn:focus,.app .play-btn:hover
{
	box-shadow:0 0 0 2px #fff;
	font-size:22px;
	transition:all .2s linear
}
.app .play-btn:focus:after,.app .play-btn:hover:after
{
	height:calc(100% - 10px);
	transition:all .2s linear;
	width:calc(100% - 10px)
}

}
.app .anchor-btn
{
	background-color:#1f1611;
	border:1px solid #5a4f45;
	border-radius:5px;
	color:#fff;
	display:block;
	font-size:13px;
	font-weight:700;
	letter-spacing:3px;
	line-height:1.2;
	padding:12px 27px;
	text-align:center;
	text-transform:uppercase;
	transition:background-color .2s linear
}
	@media screen and (max-width:991px)
{
.app .anchor-btn
{
	font-size:11px;
	letter-spacing:2px;
	padding:10px 23px
}

}
.app .anchor-btn:focus,.app .anchor-btn:hover
{
	background-color:#61402e;
	transition:background-color .2s linear
}
.app .anchor-btn.active
{
	background-color:#b57433;
	transition:background-color .2s linear
}
.app .scrollTop-btn
{
	align-items:center;
	background-color:#f1efe8;
	border-radius:50%;
	color:#1f1611;
	display:flex;
	height:53px;
	justify-content:center;
	min-width:53px;
	position:relative;
	width:53px
}
	@media screen and (max-width:991px)
{
.app .scrollTop-btn
{
	height:40px;
	min-width:40px;
	width:40px
}

}
.app .scrollTop-btn .arrow
{
	border:solid #1f1611;
	border-width:0 2px 2px 0;
	display:inline-block;
	margin-top:6px;
	padding:5px;
	transform:rotate(-135deg)
}
	@media screen and (max-width:991px)
{
.app .scrollTop-btn .arrow
{
	margin-top:5px;
	padding:4px
}

}
	@media screen and (min-width:992px)
{
.app .scrollTop-btn:focus:after,.app .scrollTop-btn:hover:after
{
	height:calc(100% + 15px);
	transition:all .2s linear;
	width:calc(100% + 15px)
}

}
.app .scrollTop-btn:after
{
	border:2px solid #f1efe8;
	border-radius:50%;
	content:"";
	height:100%;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	transition:all .2s linear;
	width:100%
}
.app .sound-btn
{
	align-items:center;
	display:flex;
	font-size:15px;
	font-style:normal;
	font-weight:700;
	line-height:22px;
	margin-top:min(30px,3.6vh);
	text-align:left
}
.app .sound-btn:focus-visible
{
	outline:5px auto -webkit-focus-ring-color
}
	@media screen and (max-width:991px)
{
.app .sound-btn
{
	align-items:flex-start;
	flex-direction:column;
	font-size:14px;
	line-height:20px;
	margin-top:20px
}

}
.app .sound-btn.yellow .icon:before
{
	background-color:#d49d30
}
.app .sound-btn.yellow .icon:after
{
	border:1px solid #d49d30
}
.app .sound-btn:focus .icon:before,.app .sound-btn:hover .icon:before
{
	animation:none;
	height:100%;
	transition:width .2s linear,height .2s linear;
	width:100%
}
.app .sound-btn:focus .icon:after,.app .sound-btn:hover .icon:after
{
	animation:none;
	height:140%;
	transition:width .2s linear,height .2s linear;
	width:140%
}
.app .sound-btn .icon
{
	align-items:center;
	display:flex;
	height:45px;
	justify-content:center;
	margin-right:15px;
	position:relative;
	width:45px
}
	@media screen and (max-width:991px)
{
.app .sound-btn .icon
{
	height:35px;
	margin-bottom:5px;
	margin-left:-5px;
	margin-right:0;
	width:35px
}

}
.app .sound-btn .icon:after,.app .sound-btn .icon:before
{
	border-radius:50%;
	content:"";
	height:0;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	transition:width .2s linear,height .2s linear;
	width:0
}
.app .sound-btn .icon:before
{
	animation:pulse 2s ease infinite;
	background-color:#d9675c
}
.app .sound-btn .icon:after
{
	animation:pulseBig 2s ease-out infinite;
	border:1px solid #d9675c
}
.app .sound-btn .icon i
{
	position:relative;
	z-index:1
}
	@keyframes pulse
{
	0%
{
	height:0;
	width:0
}
	50%
{
	height:100%;
	width:100%
}
	to
{
	height:100%;
	opacity:0;
	width:100%
}

}
	@keyframes pulseBig
{
	0%
{
	height:0;
	width:0
}
	50%
{
	height:140%;
	width:140%
}
	to
{
	height:140%;
	opacity:0;
	width:140%
}

}
.c-header
{
	background-color:#fff;
	height:70px;
	padding:10px 0;
	position:fixed;
	top:0;
	z-index:999
}
.c-header,.c-header .container
{
	align-items:center;
	display:flex;
	width:100%
}
.c-header .container
{
	justify-content:space-between
}
.c-header__logo
{
	height:auto;
	max-width:176px;
	display:block;
	width:176px
}
	@media screen and (max-width:991px)
{
.c-header__logo
{
	max-width:140px;
	width:140px
}
.c-header .main-btn
{
	font-size:12px;
	line-height:1.2;
	padding:9px 18px
}

}
.c-header.hide
{
	top:-70px;
	transition:top .2s linear
}
.c-header.hide.visible
{
	top:0;
	transition:top .2s linear
}
.c-footer
{
	background-color:#442717;
	color:#fff;
	font-size:15px;
	font-style:normal;
	font-weight:400;
	line-height:19px;
	margin-top:auto;
	padding:46px 0 56px;
	position:relative
}
.c-footer:before
{
	background-color:#f3e0ba;
	content:"";
	height:2px;
	left:50%;
	opacity:.2;
	position:absolute;
	top:0;
	transform:translateX(-50%);
	width:100%;
	width:calc(100% - 140px)
}
	@media screen and (max-width:991px)
{
.c-footer:before
{
	width:100%
}

}
.c-footer .container
{
	align-items:center;
	display:flex;
	justify-content:space-between
}
	@media screen and (max-width:991px)
{
.c-footer .container
{
	align-items:flex-start;
	flex-direction:column;
	justify-content:flex-start
}

}
.c-footer__left,.c-footer__right
{
	align-items:center;
	display:flex
}
.c-footer__left li:not(:last-child),.c-footer__left p,.c-footer__right li:not(:last-child),.c-footer__right p
{
	margin-right:53px
}
	@media screen and (max-width:991px)
{
.c-footer__left li:not(:last-child),.c-footer__left p,.c-footer__right li:not(:last-child),.c-footer__right p
{
	margin-right:0
}

}
.c-footer__left a,.c-footer__right a
{
	transition:color .1s ease-in
}
.c-footer__left a:hover,.c-footer__right a:hover
{
	color:#b57433;
	transition:color .1s ease-out
}
.c-footer__logo
{
	height:auto;
	max-width:195px
}
	@media screen and (max-width:991px)
{
.c-footer__left
{
	align-items:flex-start;
	flex-direction:column;
	margin-bottom:52px
}
.c-footer__left li
{
	margin-bottom:23px
}
.c-footer__right
{
	align-items:center;
	gap:20px;
	justify-content:space-between;
	width:100%
}
.c-footer__right .c-footer__logo,.c-footer__right p
{
	width:50%
}
.c-footer__right .c-footer__logo
{
	width:100%
}

}
.c-anchors
{
	bottom:-40px;
	left:0;
	margin-bottom:-40px;
	pointer-events:none;
	position:sticky;
	transform:translateY(calc(-100% - 20px));
	z-index:99
}
.c-anchors .container
{
	align-items:center;
	display:flex;
	justify-content:space-between
}
.c-anchors__left,.c-anchors__right
{
	display:flex;
	pointer-events:all
}
.c-anchors__left .anchor-btn
{
	margin-right:28px
}
	@media screen and (max-width:991px)
{
.c-anchors__left .anchor-btn
{
	margin-right:8px
}

}
.c-popupVideo
{
	align-items:center;
	background-color:rgba(0,0,0,.85);
	bottom:0;
	display:none;
	height:100%;
	justify-content:center;
	left:0;
	opacity:0;
	position:fixed;
	right:0;
	top:0;
	width:100%;
	z-index:999999
}
.c-popupVideo.open
{
	animation:fadeIn .3s linear forwards;
	display:flex
}
.c-popupVideo.open .container
{
	animation:fadeIn .4s linear .4s forwards
}
.c-popupVideo .container
{
	box-sizing:border-box;
	height:100%;
	opacity:0;
	overflow-y:scroll;
	padding-top:55px;
	width:100%
}
	@media screen and (max-width:991px)
{
.c-popupVideo .container
{
	padding-top:45px
}

}
.c-popupVideo-btnClose
{
	display:block;
	height:35px;
	position:absolute;
	right:40px;
	top:20px;
	transition:transform .2s linear;
	width:35px;
	z-index:999999
}
.c-popupVideo-btnClose:focus-visible
{
	outline:5px auto -webkit-focus-ring-color
}
	@media screen and (max-width:991px)
{
.c-popupVideo-btnClose
{
	height:30px;
	right:20px;
	top:10px;
	width:30px
}

}
.c-popupVideo-btnClose:hover
{
	transform:rotate(90deg);
	transition:transform .3s linear
}
.c-popupVideo-btnClose:after,.c-popupVideo-btnClose:before
{
	background-color:#fff;
	content:"";
	display:block;
	height:2px;
	left:50%;
	position:absolute;
	top:50%;
	width:100%
}
.c-popupVideo-btnClose:before
{
	transform:translate(-50%,-50%) rotate(45deg)
}
.c-popupVideo-btnClose:after
{
	transform:translate(-50%,-50%) rotate(-45deg)
}
.c-popupVideo__iframe
{
	height:0;
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative
}
.c-popupVideo__iframe iframe
{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.c-popupVideo__transcription
{
	display:flex;
	flex-direction:column;
	margin:22px auto
}
.c-popupVideo__transcription-btn
{
	align-items:center;
	align-self:flex-end;
	background-color:#b43d32;
	border-radius:5px;
	color:#fff;
	display:flex;
	font-size:13px;
	font-weight:700;
	letter-spacing:3px;
	padding:12px 27px;
	text-transform:uppercase;
	transition:background-color .2s linear
}
.c-popupVideo__transcription-btn:focus-visible
{
	outline:5px auto -webkit-focus-ring-color
}
.c-popupVideo__transcription-btn:focus-visible,.c-popupVideo__transcription-btn:hover,.c-popupVideo__transcription-btn[aria-expanded=true]
{
	background-color:#d9675c;
	transition:background-color .2s linear
}
.c-popupVideo__transcription-btn:focus-visible span,.c-popupVideo__transcription-btn:hover span,.c-popupVideo__transcription-btn[aria-expanded=true] span
{
	height:11px;
	margin-left:20px;
	transition:all .2s linear;
	width:11px
}
.c-popupVideo__transcription-btn[aria-expanded=true] span
{
	transform:rotate(45deg)
}
.c-popupVideo__transcription-btn span
{
	display:inline-block;
	height:0;
	overflow:hidden;
	position:relative;
	transition:all .2s linear;
	width:0
}
.c-popupVideo__transcription-btn span:after,.c-popupVideo__transcription-btn span:before
{
	background-color:#fff;
	content:"";
	height:2px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%
}
.c-popupVideo__transcription-btn span:after
{
	transform:translate(-50%,-50%) rotate(90deg)
}
	@media screen and (max-width:991px)
{
.c-popupVideo__transcription-btn
{
	font-size:12px;
	padding:10px 25px
}

}
.c-popupVideo__transcription-wrapper
{
	background-color:#fff;
	border-radius:10px;
	color:#1f1611;
	height:0;
	margin-top:22px;
	overflow:hidden
}
.c-popupVideo__transcription-wrapper.visible
{
	height:auto
}
.c-popupVideo__transcription-wrapper .bottom,.c-popupVideo__transcription-wrapper .top
{
	font-size:17px;
	font-weight:500;
	line-height:26px;
	margin:0 auto;
	padding:30px 0;
	width:80%
}
	@media screen and (max-width:991px)
{
.c-popupVideo__transcription-wrapper .bottom,.c-popupVideo__transcription-wrapper .top
{
	font-size:15px;
	line-height:24px;
	padding:30px 20px 20px;
	width:100%
}

}
.c-popupVideo__transcription-wrapper .top
{
	position:relative
}
.c-popupVideo__transcription-wrapper .top:after
{
	background-color:#f1efe8;
	bottom:0;
	content:"";
	display:block;
	height:1px;
	position:absolute;
	width:100%
}
.c-popupVideo__transcription-wrapper .transcription-title
{
	font-size:25px;
	font-weight:700;
	line-height:30px;
	margin-bottom:10px
}
	@media screen and (max-width:991px)
{
.c-popupVideo__transcription-wrapper .transcription-title
{
	font-size:21px;
	line-height:26px
}

}
.c-popupVideo__transcription-wrapper .transcription-subtitle
{
	color:#5a4f45;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	margin-bottom:18px
}
	@media screen and (max-width:991px)
{
.c-popupVideo__transcription-wrapper .transcription-subtitle
{
	font-size:15px;
	line-height:20px;
	margin-bottom:10px
}

}
.transcription--hidden
{
	display:none
}
.c-popupAudio
{
	align-items:center;
	background-color:rgba(0,0,0,.85);
	bottom:0;
	display:none;
	height:100%;
	justify-content:center;
	left:0;
	opacity:0;
	position:fixed;
	right:0;
	top:0;
	width:100%;
	z-index:999999
}
.c-popupAudio.open
{
	animation:fadeIn .3s linear forwards;
	display:flex
}
.c-popupAudio.open .container
{
	animation:fadeIn .4s linear .4s forwards
}
.c-popupAudio .container
{
	box-sizing:border-box;
	height:100%;
	opacity:0;
	overflow-y:scroll;
	padding-top:55px;
	width:100%
}
	@media screen and (max-width:991px)
{
.c-popupAudio .container
{
	padding-top:45px
}

}
.c-popupAudio-btnClose
{
	display:block;
	height:35px;
	position:absolute;
	right:40px;
	top:20px;
	transition:transform .2s linear;
	width:35px;
	z-index:999999
}
.c-popupAudio-btnClose:focus-visible
{
	outline:5px auto -webkit-focus-ring-color
}
	@media screen and (max-width:991px)
{
.c-popupAudio-btnClose
{
	height:30px;
	right:20px;
	top:10px;
	width:30px
}

}
.c-popupAudio-btnClose:hover
{
	transform:rotate(90deg);
	transition:transform .3s linear
}
.c-popupAudio-btnClose:after,.c-popupAudio-btnClose:before
{
	background-color:#fff;
	content:"";
	display:block;
	height:2px;
	left:50%;
	position:absolute;
	top:50%;
	width:100%
}
.c-popupAudio-btnClose:before
{
	transform:translate(-50%,-50%) rotate(45deg)
}
.c-popupAudio-btnClose:after
{
	transform:translate(-50%,-50%) rotate(-45deg)
}
	@keyframes fadeIn
{
	0%
{
	opacity:0
}
	to
{
	opacity:1
}

}
.c-intro
{
	background-image:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/images/intros/visuel-intro-lg.webp);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	height:calc(100vh - 70px);
	line-height:1.2;
	width:100%
}
	@media screen and (max-width:1199px)
{
.c-intro
{
	background-image:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/images/intros/visuel-intro-d.webp)
}

}
	@media screen and (max-width:991px)
{
.c-intro
{
	background-image:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/images/intros/visuel-intro-t.webp)
}

}
	@media screen and (max-width:767px)
{
.c-intro
{
	background-image:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/images/intros/visuel-intro-m.webp)
}

}
.c-intro .container
{
	align-items:center;
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:flex-start;
	padding-top:max(90px,min(20vw,180px));
	position:relative;
	text-align:center;
	transition:translate 1s linear;
	z-index:2
}
.c-intro__title
{
	font-family:Helvetica;
	font-size:32px;
	font-weight:700;
	margin-bottom:16px
}
	@media screen and (max-width:991px)
{
.c-intro__title
{
	font-size:20px;
	font-size:max(20px,min(6vw,32px));
	margin-bottom:13px
}

}
.c-intro__subtitle
{
	font-family:Binjay;
	font-size:56px;
	font-style:normal;
	font-weight:400
}
	@media screen and (max-width:991px)
{
.c-intro__subtitle
{
	font-size:max(40px,min(10vw,80px))
}

}
.c-intro__btn
{
	font-size:18px;
	font-style:normal;
	font-weight:500;
	margin-top:125px;
	width:-moz-fit-content;
	width:fit-content
}
	@media screen and (max-width:991px)
{
.c-intro__btn
{
	margin-top:90px
}

}
	@media screen and (max-width:414px)
{
.c-intro__btn
{
	margin-top:50px
}

}
	@media screen and (min-width:992px)
{
.c-intro__btn:focus .btn-arrow,.c-intro__btn:hover .btn-arrow
{
	transition:all .2s linear
}
.c-intro__btn:focus .btn-arrow:before,.c-intro__btn:hover .btn-arrow:before
{
	animation:none;
	height:100%;
	transition:all .2s linear;
	width:100%
}
.c-intro__btn:focus .btn-arrow:after,.c-intro__btn:hover .btn-arrow:after
{
	animation:none;
	height:calc(100% + 15px);
	transition:all .2s linear;
	width:calc(100% + 15px)
}
.c-intro__btn:focus .btn-arrow .arrow,.c-intro__btn:hover .btn-arrow .arrow
{
	height:30%;
	transition:height .2s linear
}
.c-intro__btn:focus .btn-arrow .arrow:after,.c-intro__btn:hover .btn-arrow .arrow:after
{
	padding:6px;
	transition:padding .2s linear
}

}
	@keyframes pulseBtn
{
	0%
{
	height:0;
	opacity:1;
	width:0
}
	50%
{
	height:80%;
	width:80%
}
	to
{
	height:0;
	opacity:0;
	width:0
}

}
.c-intro__btn .btn-arrow
{
	border-radius:50%;
	display:block;
	height:64px;
	margin:18px auto;
	position:relative;
	transition:all .2s linear;
	width:64px
}
	@media screen and (max-width:991px)
{
.c-intro__btn .btn-arrow
{
	height:53px;
	margin:0 auto;
	width:53px
}

}
.c-intro__btn .btn-arrow:after,.c-intro__btn .btn-arrow:before
{
	border-radius:50%;
	content:"";
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);

	transition:all .2s linear
}
.c-intro__btn .btn-arrow:before
{
	animation:pulseBtn 2s infinite;
	background-color:#b57433;
	height:0;
	width:0
}
.c-intro__btn .btn-arrow:after
{
	border:2px solid #b57433;
	height:100%;
	width:100%
}
.c-intro__btn .btn-arrow .arrow
{
	align-items:center;
	display:flex;
	height:40%;
	justify-content:center;
	left:50%;
	position:relative;
	top:50%;
	transform:translate(-50%,-50%);
	transition:height .2s linear;
	width:40%
}
.c-intro__btn .btn-arrow .arrow:after,.c-intro__btn .btn-arrow .arrow:before
{
	content:"";
	position:absolute
}
.c-intro__btn .btn-arrow .arrow:before
{
	background-color:#fff;
	height:100%;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:2px
}
	@media screen and (max-width:991px)
{
.c-intro__btn .btn-arrow .arrow:before
{
	height:19px
}

}
.c-intro__btn .btn-arrow .arrow:after
{
	border:solid #fff;
	border-width:0 2px 2px 0;
	bottom:-7px;
	display:inline-block;
	left:50%;
	padding:7px;
	transform:translate(-50%,-50%) rotate(45deg);
	transition:bottom .2s linear,padding .2s linear
}
	@media screen and (max-width:991px)
{
.c-intro__btn .btn-arrow .arrow:after
{
	bottom:-6px;
	padding:6px
}

}
.c-portrait
{
	background-color:transparent;
	color:#fff;
	display:flex;
	flex-direction:column;
	height:100vh;
	justify-content:flex-end;
	line-height:1.2;
	margin-top:-80vh
}
.c-portrait__title
{
	box-sizing:content-box;
	font-family:Binjay;
	font-size:62px;
	font-weight:400;
	margin:auto 70px 0;
	max-width:0;
	overflow:hidden;
	transform:rotate(-12.589deg);
	transition:max-width .5s ease-in-out;
	white-space:nowrap;
	width:auto;
	z-index:2
}
.c-portrait__title.visible
{
	max-width:700px;
	transition:max-width .8s ease-in-out
}
	@media screen and (max-width:991px)
{
.c-portrait__title
{
	font-size:max(30px,min(8vw,50px));
	margin:0 20px 30px
}

}
.c-portrait .container,.c-portrait__slider
{
	max-width:100%;
	overflow:hidden
}
.c-portrait__slider
{
	height:50%
}
	@media screen and (max-width:991px)
{
.c-portrait__slider
{
	height:55%
}

}
.c-portrait__list
{
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:10%;
	height:100%;
	justify-content:flex-end;
	overflow:hidden;
	padding:0 30% 0 10%;
	width:150%
}
	@media screen and (max-width:1199px)
{
.c-portrait__list
{
	padding:0 15% 0 0;
	width:180%
}

}
	@media screen and (max-width:991px)
{
.c-portrait__list
{
	gap:0;
	justify-content:center;
	padding:0;
	width:200%
}

}
.c-portrait__list-item
{
	align-items:flex-start;
	align-self:stretch;
	display:flex;
	justify-content:flex-end;
	position:relative;
	width:100%
}
	@media screen and (max-width:991px)
{
.c-portrait__list-item
{
	justify-content:center
}

}
.c-portrait__list-item:first-child
{
	z-index:1
}
.c-portrait__list-item:last-child .item-opacity
{
	transform:translateX(-15%)
}
.c-portrait__list-item:last-child .item-content
{
	background-color:#f3e0ba;
	color:#1f1611
}
	@media screen and (max-width:414px)
{
.c-portrait__list-item:last-child .item-content
{
	padding:80px 20vw 0 40px
}
.c-portrait__list-item:last-child .item-content .sound-btn
{
	max-width:150px
}

}
.c-portrait__list-item:last-child .c-portrait__img
{
	bottom:-12%
}
	@media screen and (max-width:414px)
{
.c-portrait__list-item:last-child .c-portrait__img
{
	right:10%
}

}
.c-portrait__list-item .item-content
{
	align-items:flex-start;
	background-color:#442717;
	border-radius:300px 300px 0 0;
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:center;
	padding:min(100px,12vh) 130px min(100px,4vh) 100px
}
	@media screen and (min-width:992px)
{
.c-portrait__list-item .item-content
{
	justify-content:flex-end
}

}
	@media screen and (max-width:991px)
{
.c-portrait__list-item .item-content
{
	max-width:600px;
	padding:30px 15vw 30px 5vw;
	width:80%
}

}
	@media screen and (max-width:414px)
{
.c-portrait__list-item .item-content
{
	padding:20px 20vw 20px 30px;
	width:calc(100% - 40px)
}

}
.c-portrait__list-item .item-content .item-opacity
{
	opacity:0
}
.c-portrait__list-item .item-content p
{
	font-family:HelveticaPro;
	font-size:30px;
	font-weight:900;
	line-height:1.3;
	max-width:400px;
	text-transform:uppercase
}
	@media screen and (max-width:991px)
{
.c-portrait__list-item .item-content p
{
	font-size:max(18px,min(4vw,30px));
	max-width:100%
}

}
.c-portrait__list-item img
{
	align-self:end;
	bottom:0;
	height:100%;
	max-height:600px;
	position:absolute;
	right:0;
	transform:translateX(50%);
	width:auto
}
	@media screen and (max-width:991px)
{
.c-portrait__list-item img
{
	height:auto;
	right:15%
}

}
.c-player
{
	background-color:#f1efe8;
	padding-top:60px
}
.c-player .container
{
	text-align:center
}
.c-player__title
{
	color:#90430f;
	font-size:22px;
	font-weight:700;
	line-height:31px;
	margin-bottom:11px
}
	@media screen and (max-width:991px)
{
.c-player__title
{
	font-size:16px;
	line-height:21px;
	margin-bottom:37px
}

}
.c-player__credit
{
	font-size:15px;
	font-weight:500;
	line-height:22px
}
	@media screen and (max-width:991px)
{
.c-player__credit
{
	font-size:14px;
	line-height:21px
}

}
.c-player__subtitle
{
	color:#b57433;
	font-family:Binjay;
	font-size:70px;
	line-height:1.1;
	margin-bottom:-10px;
	margin-top:160px;
	position:relative;
	transform:rotate(-10deg);
	z-index:1
}
	@media screen and (max-width:991px)
{
.c-player__subtitle
{
	font-size:31px;
	margin-bottom:40px;
	margin-top:40px
}

}
.c-player__subtitle-img
{
	/*margin-bottom:-30px;
	*/margin-top:90px;
	position:relative;
	z-index:1
}
	@media screen and (max-width:991px)
{
.c-player__subtitle-img
{
	margin-bottom:-10px;
	margin-top:10px
}

}
.c-player__video
{
	position:relative
}
.c-player__video:after
{
	background:linear-gradient(180deg,transparent,#000);
	bottom:0;
	content:"";
	height:40%;
	left:0;
	position:absolute;
	right:0;
	width:100%
}
	@media screen and (max-width:991px)
{
.c-player__video:after
{
	display:none
}

}
.c-player__video-poster
{
	width:100%
}
.c-player__video-btn
{
	align-items:center;
	bottom:60px;
	color:#fff;
	display:flex;
	font-size:16px;
	font-size:max(16px,min(1vw,20px));
	font-weight:500;
	justify-content:flex-start;
	line-height:27px;
	padding:0 70px;
	position:absolute;
	width:100%;
	z-index:1
}
	@media screen and (max-width:991px)
{
.c-player__video-btn
{
	align-items:flex-start;
	background:#1f1611;
	flex-direction:column;
	font-size:15px;
	justify-content:flex-start;
	margin-top:-34px;
	padding:0 20px 60px;
	position:static
}

}
.c-player__video-btn .play-btn
{
	margin-right:54px
}
	@media screen and (max-width:991px)
{
.c-player__video-btn .play-btn
{
	background-color:#f1efe8;
	margin-bottom:54px;
	margin-right:0
}

}
.c-player__video-btn p
{
	max-width:900px
}
.c-mosaic
{
	background-image:url(/partage/fr/CNCM/assets/articles/landing-boulangere/dist/assets/images/mosaic/bg-wood.webp),linear-gradient(270deg,#1f1611 40%,#442717);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	height:100%;
	overflow:hidden
}
.c-mosaic__list
{
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:10%;
	justify-content:flex-start;
	margin:90px auto;
	width:150%
}
	@media screen and (max-width:991px)
{
.c-mosaic__list
{
	margin:40px auto;
	width:200%
}

}
.c-mosaic__list.left
{
	transform:translateX(-40%)
}
	@media screen and (max-width:991px)
{
.c-mosaic__list.left
{
	transform:translateX(-50%)
}

}
.c-mosaic__list.right
{
	transform:translateX(30%)
}
	@media screen and (max-width:991px)
{
.c-mosaic__list.right
{
	transform:translateX(10%)
}

}
.c-mosaic__list-item
{
	border-radius:200px 200px 0 0;
	height:auto;
	max-width:400px;
	overflow:hidden;
	width:15%
}
	@media screen and (max-width:991px)
{
.c-mosaic__list-item
{
	width:40%

}

}
.c-mosaic__list-item img
{
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%
}
.c-mosaic__content
{
	margin-top:200px
}
	@media screen and (max-width:991px)
{
.c-mosaic__content
{
	margin-top:60px
}

}
.c-mosaic__content-title
{
	color:#d9675c;
	font-family:Binjay;
	font-size:12vw;
	line-height:1;
	text-align:center;
	transform:rotate(-17.329deg)
}
	@media screen and (max-width:991px)
{
.c-mosaic__content-title
{
	margin-bottom:80px
}

}
.c-mosaic__content-title span
{
	display:flex;
	flex-direction:column;
	text-align:right
}
.c-mosaic__content-title span:nth-child(odd)
{
	text-align:left
}
.c-mosaic__content-right
{
	color:#fff;
	margin-bottom:40px;
	margin-left:auto;
	max-width:600px;
	width:50%
}
	@media screen and (max-width:991px)
{
.c-mosaic__content-right
{
	max-width:450px;
	width:100%
}

}
.c-mosaic__content-right p
{
	font-size:18px;
	font-style:normal;
	font-weight:500;
	line-height:31px
}
.c-mosaic__content-right p:not(:last-child)
{
	margin-bottom:20px
}
	@media screen and (max-width:991px)
{
.c-mosaic__content-right p:not(:last-child)
{
	margin-bottom:10px
}
.c-mosaic__content-right p
{
	font-size:15px;
	line-height:25px
}

}
.c-mosaic__content-subtitle
{
	font-size:18px;
	font-style:normal;
	font-weight:700;
	letter-spacing:1.8px;
	line-height:31px;
	margin-bottom:20px;
	text-transform:uppercase
}
	@media screen and (max-width:991px)
{
.c-mosaic__content-subtitle
{
	font-size:15px;
	letter-spacing:1.5px;
	line-height:25px
}

}
.c-mosaic__visual-bottom
{
	margin-bottom:35px;
	margin-top:70px;
	position:relative;
	z-index:1
}
	@media screen and (max-width:991px)
{
.c-mosaic__visual-bottom
{
	margin-top:50px
}

}
.c-mosaic__visual-bottom img
{
	width:100%
}
.c-contact
{
	margin:110px auto
}
	@media screen and (max-width:991px)
{
.c-contact
{
	margin:60px auto
}

}
.c-contact .container
{
	align-items:flex-end;
	display:flex;
	justify-content:space-between
}
	@media screen and (max-width:991px)
{
.c-contact .container
{
	align-items:flex-start;
	flex-direction:column;
	justify-content:center
}

}
.c-contact__title
{
	color:#b57433;
	font-family:HelveticaPro;
	font-size:40px;
	font-weight:900;
	line-height:1;
	max-width:500px;
	text-transform:uppercase;
	width:40%
}
	@media screen and (max-width:991px)
{
.c-contact__title
{
	font-size:26px;
	line-height:31px;
	margin-bottom:12px;
	max-width:100%;
	width:100%
}

}
.c-contact__button
{
	display:flex;
	justify-content:flex-end;
	min-width:270px
}
	@media screen and (max-width:991px)
{
.c-contact__button
{
	justify-content:flex-start;
	min-width:auto
}

}
.c-contact p
{
	font-size:16px;
	font-style:normal;
	font-weight:500;
	line-height:26px;
	margin:0 50px;
	max-width:300px;
	width:30%
}
	@media screen and (max-width:991px)
{
.c-contact p
{
	font-size:15px;
	margin:0 0 24px;
	max-width:100%;
	width:100%
}

}
.c-newsletter
{
	background-color:#442717;
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:25px;
	max-width:100%;
	overflow:hidden;
	padding:135px 0;
	position:relative;
	z-index:1
}
	@media screen and (max-width:991px)
{
.c-newsletter
{
	font-size:14px;
	line-height:23px;
	padding:140px 0 60px
}

}
.c-newsletter .container
{
	align-items:center;
	display:flex;
	justify-content:flex-end;
	margin-right:0;
	max-width:60%
}
	@media screen and (max-width:991px)
{
.c-newsletter .container
{
	max-width:100%
}

}
.c-newsletter__text
{
	margin-right:120px;
	max-width:400px
}
	@media screen and (max-width:991px)
{
.c-newsletter__text
{
	margin-right:40px;
	max-width:100%
}

}
	@media screen and (max-width:414px)
{
.c-newsletter__text
{
	margin-right:30px
}

}
.c-newsletter__btn
{
	display:block;
	margin-left:70px;
	margin-right:120px;
	position:relative
}
	@media screen and (max-width:991px)
{
.c-newsletter__btn
{
	margin-left:0;
	margin-right:0
}


}
.c-newsletter__btn:after
{
	background-color:#d9675c;
	border-radius:50%;
	content:"";
	height:0;
	left:-40px;
	position:absolute;
	top:0;
	transform:translate(-50%,-50%);
	transition:all .2s linear;
	width:0
}
.c-newsletter__btn img
{
	left:-70px;
	position:absolute;
	width:40px;
	z-index:1
}
	@media screen and (max-width:991px)
{
.c-newsletter__btn img
{
	left:0;
	top:-40px
}

}
	@media screen and (min-width:992px)
{
.c-newsletter__btn:focus:after,.c-newsletter__btn:hover:after
{
	height:35px;
	transition:all .2s linear;
	width:35px
}
.c-newsletter__btn:focus p,.c-newsletter__btn:hover p
{
	background-size:100% 2px
}

}
.c-newsletter__btn p
{
	background-image:linear-gradient(#d9675c,#d9675c);
	background-position:0 100%;
	background-repeat:no-repeat;
	background-size:0 2px;
	display:inline;
	padding-bottom:4px;
	text-decoration:underline;
	text-decoration-color:hsla(5,62%,61%,.4);
	text-decoration-thickness:2px;
	text-underline-offset:5px;
	transition:background-size .3s ease;
	white-space:nowrap
}
	@media screen and (max-width:991px)
{
.c-newsletter__btn p
{
	text-decoration-color:#d9675c
}

}
.c-newsletter .text-decoration
{
	color:#b57433;
	display:flex;
	flex-direction:column;
	font-family:Binjay;
	font-size:68px;
	left:-80px;
	line-height:1;
	pointer-events:none;
	position:absolute;
	top:10px;
	z-index:-1
}
	@media screen and (max-width:991px)
{
.c-newsletter .text-decoration
{
	font-size:45px;
	height:130px;
	left:-40px;
	overflow:hidden;
	top:-20px
}
.c-newsletter .text-decoration p:last-child
{
	display:none
}

}
.c-newsletter .text-decoration p:nth-child(odd):after
{
	content:"newsletter";
	margin-left:10px;
	opacity:.2
}
.c-newsletter .text-decoration p:nth-child(2n)
{
	align-self:center
}
	@media screen and (max-width:991px)
{
.c-newsletter .text-decoration p:nth-child(2n)
{
	align-self:flex-start;
	margin-left:60px
}

}
.c-episodes
{
	display:flex;
	overflow:hidden;
	position:relative;
	width:100%
}
.c-episodes__nav
{
	background-color:#1f1611;
	border-radius:30px;
	bottom:40px;
	height:35px;
	left:calc(35% + 70px);
	position:absolute;
	width:20%
}
	@media screen and (max-width:991px)
{
.c-episodes__nav
{
	bottom:65px;
	left:20px;
	max-width:400px;
	width:calc(100% - 40px)
}

}
.c-episodes__nav-cursor
{
	background-color:#b57433;
	border-radius:30px;
	height:calc(100% - 10px);
	left:17%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:calc(33.33% - 10px);
	z-index:0
}
.c-episodes__nav-list
{
	height:100%;
	position:relative;
	width:100%;
	z-index:1
}
.c-episodes__nav-list,.c-episodes__nav-list li
{
	align-items:center;
	display:flex;
	justify-content:center
}
.c-episodes__nav-list li
{
	color:#fff;
	cursor:pointer;
	font-size:max(16px,min(1vw,20px));
	font-style:normal;
	font-weight:500;
	height:calc(100% - 8px);
	line-height:1;
	text-align:center;
	width:33.33%
}
.c-episodes__nav-list li button
{
	transition:background-color .2s linear
}
.c-episodes__nav-list li:focus-within button,.c-episodes__nav-list li:hover button
{
	background-color:rgba(181,116,51,.2);
	border-radius:30px;
	height:100%;
	transition:background-color .2s linear;
	width:calc(100% - 8px)
}
.c-episodes__nav-list li:focus-within button:focus-visible,.c-episodes__nav-list li:hover button:focus-visible
{
	outline:5px auto -webkit-focus-ring-color
}
.c-episodes__slide
{
	align-items:flex-start;
	background-color:#442717;
	color:#fff;
	display:flex;
	font-size:max(16px,min(1vw,20px));
	font-weight:500;
	height:100vh;
	justify-content:center;
	line-height:1.5;
	min-width:100%
}
	@media screen and (max-width:991px)
{
.c-episodes__slide
{
	flex-direction:column;
	font-size:max(15px,min(3vw,20px));
	line-height:1.3
}

}
.c-episodes__slide:first-child
{
	box-shadow:1px 0 1px 1px #442717
}
.c-episodes__slide:first-child .c-episodes__slide-left
{
	background-color:#f1efe8;
	color:#1f1611
}
.c-episodes__slide:nth-child(2)
{
	background-color:#7b3d19;
	box-shadow:1px 0 1px 1px #7b3d19
}
.c-episodes__slide:nth-child(2) .c-episodes__slide-left,.c-episodes__slide:nth-child(2) .comment__item-img:before
{
	background-color:#442717
}
.c-episodes__slide:nth-child(3) .c-episodes__slide-left,.c-episodes__slide:nth-child(3) .comment__item-img:before
{
	background-color:#7b3d19
}
.c-episodes__slide-left,.c-episodes__slide-right
{
	align-items:flex-start;
	display:flex;
	height:100%;
	padding:10vh 70px
}
	@media screen and (max-width:991px)
{
.c-episodes__slide-left,.c-episodes__slide-right
{
	height:50%;
	padding:35px 20px 110px
}

}
.c-episodes__slide-left
{
	flex-direction:column;
	justify-content:flex-start;
	width:35%
}
	@media screen and (max-width:991px)
{
.c-episodes__slide-left
{
	width:100%
}

}
.c-episodes__slide-right
{
	flex-direction:row;
	justify-content:space-between;
	width:65%
}
	@media screen and (max-width:991px)
{
.c-episodes__slide-right
{
	width:100%
}

}
.c-episodes__slide-title
{
	font-family:HelveticaPro;
	font-size:40px;
	font-size:max(26px,min(3.5vw,90px));
	font-weight:900;
	line-height:1.2;
	margin-bottom:20px;
	text-transform:uppercase
}
	@media screen and (max-width:991px)
{
.c-episodes__slide-title
{
	font-size:max(26px,min(5vw,50px));
	margin-bottom:15px
}

}
.c-episodes__slide-comments
{
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:space-between;
	line-height:1.2;
	margin:0 auto;
	max-width:500px;
	padding-bottom:70px;
	text-align:center;
	width:calc(50% - 40px)
}
	@media screen and (max-width:991px)
{
.c-episodes__slide-comments
{
	display:none
}

}
.c-episodes__slide-comments .comment__item
{
	margin-bottom:50px;
	padding:0 40px
}
.c-episodes__slide-comments .comment__item:nth-child(2n) .comment__item-img
{
	margin-left:auto
}
.c-episodes__slide-comments .comment__item:nth-child(2n) .comment__item-img:before
{
	left:-30px;
	transform:rotate(-45deg)
}
.c-episodes__slide-comments .comment__item-text
{
	margin-bottom:25px
}
.c-episodes__slide-comments .comment__item-img
{
	display:flex;
	position:relative;
	width:-moz-fit-content;
	width:fit-content
}
.c-episodes__slide-comments .comment__item-img:before
{
	background-color:#f1efe8;
	content:"";
	height:30px;
	left:calc(100% + 30px);
	position:absolute;
	top:-4px;
	transform:rotate(45deg);
	width:2px
}
.c-episodes__slide-comments .comment__item-img__container
{
	border-radius:50%;
	height:75px;
	height:max(75px,min(6vw,115px));
	overflow:hidden;
	width:75px;
	width:max(75px,min(6vw,115px))
}
.c-episodes__slide-comments .comment__item-img img
{
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%
}
.c-episodes__slide-video
{
	border-radius:315px 315px 0 0;
	height:calc(100% - 35px);
	max-width:600px;
	overflow:hidden;
	position:relative;
	width:50%
}
	@media screen and (max-width:991px)
{
.c-episodes__slide-video
{
	height:calc(50vh - 20px);
	margin-left:auto;
	margin-right:auto;
	margin-top:calc(-25vh + 40px);
	width:100%
}

}
.c-episodes__slide-video img
{
	height:100%;
	min-width:150%;
	-o-object-fit:cover;
	object-fit:cover;
	transform:translateX(-17%);
	width:100%
}
	@media screen and (max-width:414px)
{
.c-episodes__slide-video img
{
	min-width:170%
}

}
.c-episodes__slide-video .play-btn
{
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,50%)
}
	@media screen and (max-width:991px)
{
.c-episodes__slide-video .play-btn
{
	transform:translate(-50%,-50%)
}

}


		.c-popupAudio .audio-container .infos-podcast ul li {
			color:white;
		}
		.c-popupAudio .cc .audio-container .audio-player {
			border-radius: 20px;
    		margin-bottom: 20px;
			margin-top: 10px;
		}
		.c-popupAudio .cc.clara .audio-container .audio-player {
			background-color: #eddabc;
		}
		.c-popupAudio .cc.benjamin .audio-container .audio-player {
			background-color: #723a28;
		}
		.c-popupAudio .cc .audio-container .audio-player {
			padding: 15px;
		}
		.c-popupAudio .cc img {
		}
		.c-popupAudio .cc .audio-container .audio-player, .c-popupAudio .cc .audio-container .infos-podcast, .c-popupAudio .cc img {
			max-width: 600px;
			width:100%;			
			margin-left: auto;
    		margin-right: auto;
		}
		.c-popupAudio .cc img {
			margin-bottom: 10px;
		}
		.c-popupAudio .cc .audio-container .infos-podcast {
			padding-left: 10px;
		}
		.c-popupAudio .cc.clara .audio-container .audio-player .controls .move-play .toggle-play.play, .c-popupAudio .cc.clara .audio-container .audio-player .controls .move-play .toggle-play.pause {
			background: #7d3010;
		}
		.c-popupAudio .cc.benjamin .audio-container .audio-player .controls .move-play .toggle-play.play, .c-popupAudio .cc.benjamin .audio-container .audio-player .controls .move-play .toggle-play.pause {
			background: #f3e0b9;
		}
		.c-popupAudio .cc.clara .audio-player .controls .move-play .toggle-play.play:after {
			border-left-color:#f3e0b9;
		}
		.c-popupAudio .cc.benjamin .audio-player .controls .move-play .toggle-play.play:after {
			border-left-color:#442718;
		}
		.c-popupAudio .cc.clara .audio-container .audio-player .controls .move-time .time {
			color: #7d3010;
		}
		.c-popupAudio .cc.benjamin .audio-container .audio-player .controls .move-time .time {
			color: #f3e0b9;
		}
		.c-popupAudio .cc .audio-container .audio-player .controls .move-time .time {
			font-size: 15px;
		}
		.c-popupAudio .cc .audio-container .infos-podcast div ul li {
			font-size: 15px;
			color: white;
		}
		
		.c-popupAudio .cc .audio-container .infos-podcast div ul li.audiotime:before {
			content: url("/partage/fr/CNCM/styles/player-audio/icons/boulangere/clara/ico-micro-white.svg");
			width: 22px;
			height: 22px;
			display: inline-block;
		}
		.c-popupAudio .cc.clara .audio-player .controls .move-time .timeline .progress {
			background: #e2b377;
		}
		.c-popupAudio .cc.benjamin .audio-player .controls .move-time .timeline .progress {
			background: #d19833;
		}
		.c-popupAudio .cc .audio-player .partage-audio a.ico-download img {
			width: 15px;
			height: auto;
		}
		.c-popupAudio .cc .audio-player .controls .move-play {
			width: 10%;
		}
		.c-popupAudio .cc .audio-player .controls .move-time {
			width:90%;
		}
		.c-popupAudio .cc .infos-podcast div ul {
			text-align: center;
		}
		@media screen and (max-width: 1400px) {
			.c-popupAudio .cc .audio-player {
				padding: 15px;
			}
		}
	/*# sourceMappingURL=app.css.map*/