@charset "UTF-8";
.flexDeplier {
	display: flex;
	align-items: flex-start;
}
.listeDeplier h3,
.listeDeplier h4,
.listeDeplier h5 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.itDeplier p {
	margin:10px 0px;
}
.listeDeplier .item {
	position: relative;
	margin-bottom: 35px;
}
.listeDeplier .itDeplier {
    display: block;
}
.listeDeplier .flexDeplier {
	position: relative;
	flex-wrap:nowrap;
}
.listeDeplier .texte ul,
.listeDeplier .texte ol {
	margin-left:0px;
	margin-right: 0px;
}
.listeDeplier .itDeplier .textBox {
	position: relative;
	padding-bottom: 40px;
}
.intDeplier {
	position: relative;
}
.listeDeplier .bDeplier.actif .icOpen,
.listeDeplier .bDeplier .icFermer {
	display: none;
}
.listeDeplier .bDeplier.actif .icFermer {
	display: block;
}
.listeDeplier .zDeplier {
	background: #F2F2F2;
	left: 0;
bottom: 0px;
margin: 20px 0px;
width: 100%;
position: absolute;
}
.itDeplier .videoBloc {
    padding-top:0 !important;
}
.listeDeplier .zDeplier .bouton {
	margin:0px 0px 10px 0px;
}
.listeDeplier .ls1 .zDeplier {
	position: relative;
}
.listeDeplier .ls1 .eleHauteur .textBox,
.listeDeplier .ls1 .eleHauteur .textBox .textBox > .int {
	height:auto;
}
.listeDeplier .zDeplier .pad {
	padding:10px 40px;
}
.listeDeplier .btAction {
	box-shadow: 5px 4px 0px rgba(0,10,50,0.12);
	border-radius:60px;
	border:1px solid #ccc;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.listeDeplier .bDeplier .icOpen {
	position: absolute;
	bottom:0px;
	left:0px;
	background: url('../../images/icons/fleche_down.svg') no-repeat center;
	background-size:21px auto; 
	width:26px;
	height: 26px;
	z-index: 60;
}
.listeDeplier .ls1 .bDeplier .icFermer,
.listeDeplier .ls1 .bDeplier .icOpen {
	left:auto;
	right:25px;
	top:auto !important;
}
.listeDeplier .ls1.flexDeplier .zDeplier {
	position: relative;
}
.listeDeplier .ls1.flexDeplier {
	display: block;
	height: auto !important;
}
.listeDeplier .ls1.flexDeplier .itDeplier {
	border-bottom:1px solid #ccc;
}
.listeDeplier .bDeplier .icOpen.withTextDeplier {
	padding-left:30px;
	padding-right: 10px;
	background-position: 5px center;
	width:auto;
}
.listeDeplier .bDeplier .icFermer {
	position: absolute;
	background: url('../../images/icons/fleche_up.svg') no-repeat center;
	background-size: auto 100%;
	width:80px;
	height: 31px;
	bottom:0px;
}
.listeDeplier .bDeplier .icFermer:hover {
	cursor: pointer;
	background-size:45px auto;
}
@media all and (max-width:1200px) {
.paraListeDeplie .ls1 .textBox {
    padding-bottom:35px !important;
}
}
@media all and (max-width: 1150px) {
	.listeDeplier .media {
    min-height: 170px;
}
}
@media all and (max-width:989px) {
		.listeDeplier .flexDeplier .textBox {
    padding-bottom:35px !important;
}
	.listeDeplier .flexDeplier .item {
    width: 100% !important;
		max-width: 450px;
		margin:35px auto !important;
}
	.listeDeplier .bDeplier .icFermer,
.listeDeplier .bDeplier .icOpen {
	left:auto;
	top:auto !important;
}
.listeDeplier .flexDeplier .zDeplier {
	position: relative;
}
.listeDeplier .flexDeplier {
	display: block;
	height: auto !important;
	flex-wrap: wrap;
}
.listeDeplier .avecSep .ls1 .item {
		max-width: 600px;
}
	/* fin 989 */
}
@media all and (max-width:767px) {
	
	/* fin 767 */
}
@media all and (max-width:639px) {
	.listeDeplier .zDeplier {
    position:relative;
}
	.listeDeplier .eleHauteur .textBox,
	.eleHauteur .textBox .textBox > .int {
    height: auto;
}
	.listeDeplier .zDeplier .pad {
    padding: 10px 30px;
}
	.listeDeplier .zDeplier {
		margin:0px -4% 25px -4%;
		width:108%;
}
	/* fin 639 */
}
/* fin css */