@charset "UTF-8";
/* controls */
.paraDText .jDiaporama_status {
	display: none !important;
}
.paraDText .jDiaporama_controls {
	display: flex !important;
	justify-content: space-between;
	height:72px;
	width:31px;
	margin-left:0px;
	flex-direction: column;
	bottom:auto;
	left:auto;
	top:0px;
}
.paraDText .jDiaporama_controls .play {
	display: none !important;
}
.paraDText .jDiaporama_controls a {
	background:rgba(215,215,215,0.7) url('../../images/icons/player_prev.png') no-repeat center;
	background-size: 85% auto;
	height: 31px;
	width:31px;
	opacity: 1 !important;
	margin:0px;
	z-index: 3;
	border-radius:60px;
	box-shadow:none;
	transition: 0.2s;
}
.paraDText .jDiaporama_controls a.next {
	background-image: url('../../images/icons/player_next.png');
	left:auto;
	right: 2px;
}
.paraDText .jDiaporama_controls a:hover {
	cursor: pointer;
	filter: invert(1);
}
/* fin controls */
.paraDText .flexCarousel {
	display: flex;
	margin:0px;
	justify-content: space-between;
	align-items: flex-start;
}
.paraDText .jDiaporama li {
   text-align: left;
	width:100%;
	margin: 0px auto;
}
.paraDText .bShowOverlay {
    align-items: flex-start;
	margin:0px;
}
.paraDText .textesCarousel {
	margin-right: 4.5%;
overflow: auto;
padding-right: 1.5%;
}
.paraDText .imgCarousel {
	flex-shrink: 0;
}
.paraDText .flexCarousel img {
	height: auto;
	width:auto;
	max-width: 100%;
	max-height: 100%;
}
.paraDText .flexCarousel .texte {
	line-height: 1.5em;
}
.paraDText .flexNumberTitre {
	display: flex;
}
.paraDText .tdLegende {
	padding-top:7px;
}
.paraDText .tdNumber {
	width: 80px;
	height: 60px;
}
.paraDText .desc {
	display: none !important;
}
.paraDText .videoBloc {
    min-height:0 !important;
    height: auto !important;
}
.paraDText .numberCarousel span {
	font-weight: 700;
	z-index: 25;
	line-height: 1em;
display: flex;
align-items: center;
justify-content: center;
	font-size: 1.7em;
	padding-right: 10px;
	color:#3C6BA4;
}
.paraDText .itMedia {
	height: 100%;
} 
.paraDText .media {
	min-height: 0px !important;
	display: flex;
	align-items: flex-start;
	height: 100%;
} 
.paraDText .docBloc {
    background-position: center;
}
.paraDText.hauteurSmall .jDiaporama_controls {
	right:32%;
}
.paraDText.hauteurSmall .flexCarousel .imgCarousel {
    width: 31%;
}
.paraDText.hauteurMedium .jDiaporama_controls {
	right:49%;
}
.paraDText.hauteurMedium .flexCarousel .imgCarousel  {
    width: 48%;
}
.paraDText.hauteurLarge .jDiaporama_controls {
	right:66%;
}
.paraDText.hauteurLarge .flexCarousel .imgCarousel  {
    width: 65%;
}
.paraDText.hauteurSmall .textesCarousel,
.paraDText.hauteurSmall .jDiaporama, 
.paraDText.hauteurSmall .jDiaporama ul {
    height: 280px !important;
}
.paraDText.hauteurMedium .textesCarousel,
.paraDText.hauteurMedium .jDiaporama, 
.paraDText.hauteurMedium .jDiaporama ul {
    height: 350px !important;
}
.paraDText.hauteurLarge .textesCarousel,
.paraDText.hauteurLarge .jDiaporama, 
.paraDText.hauteurLarge .jDiaporama ul {
    height: 520px !important;
}
.paraDText.hauteurSmall img {
	max-height: 280px;
}
.paraDText.hauteurMedium img {
	max-height:350px;
}
.paraDText.hauteurLarge img {
	max-height: 520px;
}
.paraDText .imgBalise.imgBloc {
    min-height: 0px;
    height: 100%;
    display: flex;
    align-items:flex-start;
}
@media all and (max-width:989px) {
.paraDText.hauteurSmall .textesCarousel,
.paraDText.hauteurSmall .jDiaporama, 
.paraDText.hauteurSmall .jDiaporama ul {
    height: 200px !important;
}
.paraDText.hauteurMedium .textesCarousel,
.paraDText.hauteurMedium .jDiaporama, 
.paraDText.hauteurMedium .jDiaporama ul {
    height: 290px !important;
}
.paraDText.hauteurLarge .textesCarousel,
.paraDText.hauteurLarge .jDiaporama, 
.paraDText.hauteurLarge .jDiaporama ul {
    height: 350px !important;
}
.paraDText.hauteuLSmall img {
	max-height: 200px;
}
.paraDText.hauteurMedium img {
	max-height:290px;
}
.paraDText.hauteurLarge img {
	max-height: 350px;
}
	.paraDText.hauteurSmall .jDiaporama_controls {
	right:33%;
}
.paraDText.hauteurSmall .flexCarousel .imgCarousel {
    width: 32%;
}
.paraDText.hauteurMedium .jDiaporama_controls {
	right:46%;
}
.paraDText.hauteurMedium .flexCarousel .imgCarousel  {
    width: 45%;
}
.paraDText.hauteurLarge .jDiaporama_controls {
	right:51%;
}
.paraDText.hauteurLarge .flexCarousel .imgCarousel  {
    width: 50%;
}
	/* fin 989 */
}
@media all and (max-width:767px) {
.paraDText .flexCarousel {
		flex-direction: column;
	}
	.paraDText .jDiaporama_controls {
		right:-1% !important;
}
.paraDText.hauteurSmall .jDiaporama, 
.paraDText.hauteurSmall .jDiaporama ul,
.paraDText.hauteurMedium .jDiaporama, 
.paraDText.hauteurMedium .jDiaporama ul,
.paraDText.hauteurLarge .jDiaporama, 
.paraDText.hauteurLarge .jDiaporama ul {
    height: 460px !important;
}
	.paraDText.hauteurSmall .textesCarousel,
.paraDText.hauteurMedium .textesCarousel,
.paraDText.hauteurLarge .textesCarousel {
    height: 200px !important;
}
.paraDText.hauteuLSmall img,
.paraDText.hauteurMedium img,
.paraDText.hauteurLarge img {
	max-height: 250px;
}
	.paraDText .textesCarousel {
    margin-right: 30px;
		margin-bottom: 15px;
		padding-right: 5px;
}
	.paraDText .imgCarousel {
    width:450px !important;
		margin:0 auto;
}
	/* fin 767 */
}
@media all and (max-width:639px) {
	.paraDText.hauteurSmall .jDiaporama, 
.paraDText.hauteurSmall .jDiaporama ul,
.paraDText.hauteurMedium .jDiaporama, 
.paraDText.hauteurMedium .jDiaporama ul,
.paraDText.hauteurLarge .jDiaporama, 
.paraDText.hauteurLarge .jDiaporama ul {
    height: 360px !important;
}
	.paraDText.hauteurSmall .textesCarousel,
.paraDText.hauteurMedium .textesCarousel,
.paraDText.hauteurLarge .textesCarousel {
    height: 150px !important;
}
.paraDText.hauteuLSmall img,
.paraDText.hauteurMedium img,
.paraDText.hauteurLarge img {
	max-height: 200px;
}
	.paraDText .imgCarousel {
    width:335px !important;
}
	/* fin 639 */
}
@media all and (max-width:359px) {
	.paraDText .imgCarousel {
    width:100% !important;
}
}
/* fin css */