:root {
	--mstch: #08a076;
	--mstch-op: hsla(56, 100%, 51%, 0.8);
	--dark-grey: #303028;
}


#center_column .container {
	padding: 0;
}

.hp-prime a {
	color: var(--dark-grey);
}

.hp-prime .cta {
	width: 100%;
	margin: 0;
}

.hp-prime .cta a:not(.him) {
	display: inline-block;
	width: 67%;
	padding: 15px 30px;
	text-align: center;
	max-width: 250px;
	background-color: white;
	border: 1px solid var(--mstch);
	color: var(--mstch);
	font-weight: bold;
	transition: all 150ms ease-out;
}


.desktop {
	display: block;
}

.mobile {
	display: none !important;
}

@media all and (max-width: 991px) {

	.desktop {
		display: none !important;
	}

	.mobile {
		display: block;
	}

}


.hp-prime .semi-bold {
	font-weight: 600;
}

.hp-prime .light {
	font-weight: 300;
}

.hp-prime .caps {
	text-transform: uppercase;
}

.hp-prime .cta {
	width: 100%;
	margin: 0;
}

.hp-prime a.cta {
	display: inline-block;
	width: 67%;
	padding: 15px 30px;
	text-align: center;
	max-width: 250px;
	background-color: var(--dark-grey);
	color: white;
	transition: all 150ms ease-out;
}

.hp-prime img {
	width: 100%;
}

.hp-prime .cover {
	margin: 0 0;
	padding: 15px;
	background-image: url('https://www.cyclable.com/wp-content/uploads/2020/08/kiffy.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-size: auto 75vh;
	position: relative;
}

.hp-prime .cover .leader {
	position: relative;
	width: 90%;
	//background-color: rgba(0,0,0,0.35);
	border: 3px solid white;
	text-shadow: 2px 2px 13px rgba(0, 0, 0, 0.6);
	color: white;
	text-align: center;
	margin: 0 auto;
	margin-top: 30%;
	margin-bottom: 65px;
	padding: 5% 5% 5% 5%;
	font-size: 45px;
	letter-spacing: 3px;
	line-height: 55px;
	text-transform: uppercase;

}

.hp-prime .cover .leader H1 {
	font-size: 45px;
	font-weight: bold;

}

.hp-prime .cover .leader H1+span {
	font-size: 30px;
	line-height: 45px !important;
	display: block;
	text-transform: initial;
}

.hp-prime .cover .leader img {
	width: 250px;
	display: block;
	margin: auto;
	margin-top: 10px;
}

.hp-prime .cover .leader .upper {
	text-transform: uppercase;
	font-weight: bold;
}

.hp-prime .cover .leader .lower {
	font-size: 35px !important;
	font-weight: bold;
	display: block;
}


.hp-prime .intro .headline {
	position: absolute;
	width: 90%;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	text-align: center;
	color: white;
	background-color: black;
	padding: 5px 10px;
	text-transform: uppercase;

}

.hp-prime .intro {
	position: relative;
	background-color: #08a076;
	color: white;
	padding: 65px 25px 30px 25px;
	margin-bottom: 80px;
	text-transform: uppercase;


}

.hp-prime .pagenav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0;
	margin-top: 25px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 80px !important;
}

.hp-prime .pagenav>li {
	position: relative;
	width: 45%;
}

.hp-prime .pagenav>li .vtitle {
	justify-content: center;
	font-size: 40px;
	color: #08a076;
}


.hp-prime .pagenav>li img {
	width: 100%;
}

.hp-prime .pagenav>li a {
	color: inherit;
	margin-bottom: 10px;
}

.hp-prime .pagenav>li a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
}

.hp-prime .pagenav>li>div {
	display: flex;
	flex-direction: column;
}

.hp-prime .cover .price {
	order: 2;
}

.hp-prime .cover .price span {
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
	z-index: 2;
}

.hp-prime .cover .price>span:after {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-color: var(--mstch);
	z-index: -1;
}

.hp-prime .cover .price span:nth-of-type(2) {
	font-size: 12px;
	border: none;
	margin: 0
}

.hp-prime .cover {
	text-align: center;
}

.hp-prime .prod {
	position: relative;
	display: flex;
	flex-direction: column;
	padding-bottom: 90px;
	padding-left: 15px;
	padding-right: 15px;

}

.hp-prime section:nth-of-type(odd):after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 75%;
	height: 3px;
	background-color: var(--mstch);
	z-index: 2;
}


.hp-prime section:nth-of-type(even):before {
	content: "";
	position: absolute;
	top: 0;
	left: -15px;
	transform: translateY(-75%);
	width: 35%;
	height: 100px;
	background-color: var(--mstch-op);
	z-index: 1;
	display: none;
}



.hp-prime .prod .extra {
	order: 1;
	margin-left: -15px;
}

.hp-prime .prod .title {
	order: 2;
	z-index: 2;
}

.hp-prime .prod .title p {
	font-size: 22px;
	margin-bottom: 20px;
}

.hp-prime .prod .title>p>strong {
	text-decoration: underline;
}

.hp-prime .prod .pack {
	order: 3;
}

.hp-prime .prod .infos {
	order: 4;
	max-width: 435px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	margin: 0;
	padding: 0 !important;
	right: 0;
	top: 0;
	margin: 0;

}

.hp-prime .prod .infos .offer {
	order: 1;
	border-radius: 100%;
	width: 140px;
	height: 140px;
	font-size: 30px;
	font-weight: bold;
	line-height: 27px;
	text-align: center;
	border: 1px solid var(--mstch);
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	margin-left: auto;
	color: black;

}




.hp-prime section:nth-of-type(odd) .title {
	position: relative;
}



.hp-prime .prod .price {
	order: 2;
	font-size: 20px;
	min-width: 50%;
	margin-bottom: 20px;
}

.hp-prime .prod .price>span {
	display: block;
}

.hp-prime .prod .price span:nth-of-type(2) {
	font-size: 12px;

}

@media screen and (min-height: 600px) {

	.hp-prime .cover {
		background-size: auto 60vh;

	}

}

@media screen and (min-width: 767px) and (max-width: 1510px) {

	.hp-prime .prod .title {
		overflow-x: hidden;
	}

}

@media screen and (min-width: 767px) {



	.hp-prime .cover {
		background-size: contain;
		padding: 80px;
	}

	.hp-prime .intro .scrolldown {
		bottom: -70px;
	}

	.hp-prime .prod {
		padding: 0 80px 125px 80px;
	}

	.hp-prime .prod .extra {
		margin-left: -95px;
	}

	.hp-prime section:nth-of-type(odd) .title {
		position: static;
	}



	.hp-prime .cta {
		max-width: none;
	}

	.hp-prime .cta a:hover:not(.him) {
		color: white;
		background-color: var(--mstch);
	}




}


@media screen and (min-width: 992px) {

	#center_column>.container {
		max-width: none;
	}



	.hp-prime .cover {
		padding: 300px 15px 00px;
		margin: 0;
		background-size: cover;
		//border-bottom: 0px solid var(--dark-grey);
	}


	.hp-prime .cover .leader {
		display: inline-block;
		width: auto;
		margin-top: 0;
		padding: 30px 30px 30px 30px;
		margin-bottom: 130px;
	}

	.hp-prime .intro {
		max-width: 1100px;
		padding: 90px 65px;
		font-size: 22px;
		margin: 0 auto 0 auto;
		text-align: center;
	}

	.hp-prime .intro p {
		//max-width:1000px;
		margin: 0 auto 0 auto;
	}

	.hp-prime .intro .headline {
		width: auto;
		font-size: 34px;
		padding: 5px 30px;
	}



	.hp-prime .intro .scrolldown {
		bottom: -90px;
	}

	.hp-prime .cover .price {
		font-size: 20px;
	}

	.hp-prime .cover .price span:nth-of-type(2) {
		font-size: 15px;
	}



	.hp-prime .pagenav {
		width: 100%;
		padding: 15px;
		max-width: 1500px;
		margin: 0 auto;
		justify-content: center;
		margin-top: 0px;
	}

	.hp-prime .pagenav>li {
		width: 45%;
		margin: 25px;

	}

	.hp-prime .pagenav>li img {
		width: 100%;
		transition: opacity 150ms ease-out;
	}

	.hp-prime .pagenav>li:hover img {
		opacity: 0.3;
	}

	.hp-prime .pagenav>li:hover a span {
		text-decoration: underline;
	}

	.hp-prime .pagenav>li>div {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.hp-prime .pagenav>li>div>* {
		padding-left: 20px;
		margin: 0;
		border-left: 3px solid var(--dark-grey);

	}

	.hp-prime .pagenav>li .price {
		border-left: 0;
		padding-left: 0px;
		padding-right: 20px;
		text-align: right;
		width: 130px;
		font-size: 30px;

	}

	.hp-prime .pagenav>li a {
		order: 2;
		font-size: 23px;

	}

	.hp-prime .prod {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: 80px 0 130px 0;
	}

	.hp-prime .prod .title {
		width: 45%;
		max-width: 750px;
		padding: 0px 20px 95px 20px;
	}

	.hp-prime .prod .title h2 {
		position: relative;
		padding-right: 150px;
	}

	fi .hp-prime .prod .title h2:hover {
		text-decoration: underline;
	}

	.hp-prime .prod .title h2 .green {
		display: block;
		text-transform: uppercase;
		color: var(--mstch);
		margin: 0 !important;
	}

	.hp-prime .prod .title h2 .green+span {
		text-transform: uppercase;
		font-size: 0.6em;
		display: block;
		margin: 0 !important;

	}

	.hp-prime .prod .extra {
		width: 50%;
		margin: 0;
	}

	.hp-prime .prod .pack:hover {
		opacity: 0.3;
	}

	.hp-prime .prod .infos {
		width: 50%;
		max-width: none;
		text-align: left;
		justify-content: flex-end;
		align-self: center;

	}

	.hp-prime .prod .price,
	.hp-prime .prod .offer {
		font-size: 36px;
	}

	.hp-prime .prod .price {
		min-width: 0;
	}

	.hp-prime .prod .infos .offer {
		width: 140px;
		height: 140px;
		font-size: 30px;
		font-weight: bold;
		line-height: 27px;
	}

	.hp-prime section:nth-of-type(even) .infos {
		padding-left: 80px;
		justify-content: initial;
	}



	.hp-prime .prod .price span:nth-of-type(2) {
		font-size: 16px;
	}


	.hp-prime .prod .pack {
		width: 50%;
		max-width: 750px;
		transition: opacity 150ms ease-out;
	}




	.hp-prime section:nth-of-type(odd):after {
		width: 90%;
		height: 8px;

	}

	.hp-prime section:nth-of-type(odd) .infos {
		order: 3;
		padding-right: 80px;

	}

	.hp-prime section:nth-of-type(odd) .title {
		margin-right: auto;

	}

	.hp-prime section:nth-of-type(odd) .title:after {
		display: none;

	}

	.hp-prime section:nth-of-type(odd) .pack {
		margin-top: -12%;
		margin-right: auto;
	}

	.hp-prime section:nth-of-type(even) {
		max-width: 1500px;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}


	.hp-prime section:nth-of-type(even):before {
		width: 100%;
		left: 0;
		transform: translate(-75%, -75%);
		height: 135px;

	}

	.hp-prime section:nth-of-type(even) .title {
		order: 1;
		padding-bottom: 0;

	}

	.hp-prime section:nth-of-type(even):after {
		display: none;
	}

	.hp-prime section:nth-of-type(even) .extra:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		transform: translate(0%);
		width: 100%;
		height: 195px;
		background-color: var(--mstch-op);
		display: none;
	}


	.hp-prime section:nth-of-type(even) .extra {
		position: relative;
		width: 55%;
		margin-right: auto;
	}

	.hp-prime section:nth-of-type(even) .infos {
		margin-right: auto;

	}






}


@media screen and (min-width: 1200px) {

	.hp-prime .prod .title h2 {
		font-size: 50px;
	}

	.hp-prime .intro .headline {
		white-space: nowrap;
	}

	.hp-prime .intro {
		padding: 50px 30px;
		padding-bottom: 30px;
	}

}

@media screen and (min-width: 1425px) {
	.hp-prime .intro {
		margin-bottom: 100px;
	}


}



@media screen and (min-width: 1500px) {
	.hp-prime .cover {
		padding-left: 0;
		padding-right: 0;

	}

	.hp-prime .intro {
		margin: 0 auto 150px auto;
	}



}

@media screen and (min-width: 1700px) {
	.hp-prime .cover .leader {
		margin-bottom: 300px;
	}

	.hp-prime .intro {
		margin-bottom: 60px;
	}

	.hp-prime section:nth-of-type(odd) .pack {
		margin-top: -20%;
	}


}





.hp-prime p {
	font-size: 20px;
	margin-bottom: 0;
	line-height: 32Px;
	text-align: left;
}

.hp-prime .container p {
	margin-bottom: 25px;
}


.btn-contact {
	line-height: 25px;
}

.btn-contact i {
	display: block;
	font-size: 25px;
	margin-bottom: 10px;
}

.group-contact {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 50px 0;
}

.group-contact .btn-contact {
	margin: 0px 40px 0 40px;
}






.advice {
	max-width: 365px;
	flex: 1 0 365px;
	position: relative;
	background-color: #f7f5f0;
	margin: 0px 10px !important;
}

.advice .content {
	padding: 15px 13px;
}

.advice img {
	width: 100%;
	//min-height: 206px;
}

.advice .img {
	width: 100%;
	position: relative;
}

.advice .img:before {
	content: '';
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20%20width%3D%2268%22%20height%3D%2248%22%20viewBox%3D%220%200%20107%2076%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%28-247%20-4503%29%22%3E%3Cg%20transform%3D%22translate%28247%204503%29%22%3E%3Cpath%20d%3D%22m105.09%2012.843c-1.308-5.6606-5.9578-9.8323-11.553-10.455-13.252-1.4752-26.664-2.3955-40.019-2.3881-13.355-0.0074318-26.768%200.91287-40.022%202.3881-5.5949%200.62303-10.242%204.7948-11.549%2010.455-1.8592%208.0586-1.8827%2016.854-1.8827%2025.153%200%208.2976%200%2017.093%201.8604%2025.153%201.308%205.6556%205.9554%209.8323%2011.55%2010.452%2013.252%201.4752%2026.664%202.3955%2040.02%202.3893%2013.355%200.0061932%2026.768-0.91288%2040.019-2.3893%205.5962-0.62056%2010.245-4.796%2011.553-10.452%201.8592-8.0598%201.8728-16.855%201.8728-25.153s0.009909-17.094-1.8505-25.153%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20opacity%3D%22.70192%22/%3E%3Cpolygon%20points%3D%2243.327%2021.275%2043.327%2054.744%2070.35%2038.009%22%20fill%3D%22%23fff%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A');
	position: absolute;
	width: 68px;
	height: 48px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.advice .content .titlez {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 18px;
	letter-spacing: 1px;
}

.advice .content a {
	font-size: 26px;
	line-height: 36px;
}

.advice .content a::after {
	content: ' ';
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



.advice .content .btnz {
	display: block;
	visibility: hidden;
	text-align: center;
	border: 1px solid black;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px 10px;
	margin-top: 10px;
	letter-spacing: 1px;
	font-size: 16px;
}

.advice .content .new {
	display: block;
	visibility: visible;
	position: absolute;
	background: #08a076;
	text-transform: uppercase;
	font-size: 19px;
	left: -10px;
	top: 20px;
	padding: 3px 10px;
	color: white;
	letter-spacing: 1px;
	display: none;
}

.advice .content a:hover+.btnz,
.advice .content a:hover~.new {
	visibility: visible;
}



@media (max-width: 1300px) {

	.advice .content .btnz,
	.advice .content .new {
		visibility: visible !important;
	}

	.advice .content .titlez {
		font-size: 16px;
	}

	.advice .content a {
		font-size: 20px;
		line-height: 26px;
	}

	li.liadvice {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.advices {
	background: white;
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	overflow: auto;
	margin-bottom: 50px;
}



.btn-contact-light {
	line-height: 25px;
}

.btn-contact {
	width: 300px;
	max-width: 100%;
}


.btn-contact-light i {
	display: block;
	font-size: 25px;
	margin-bottom: 10px;
}

.group-contact-light {
	max-width: 750px;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 30px 1px;
	grid-template-areas: ". ."". .";
	margin: 50px auto 50px auto;
}

.group-contact-light-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 30px 1px;
	grid-template-areas: ". .";
}


.group-contact-light .btn-contact-light {
	margin: auto;
}

.container-img-bg {
	position: relative;
	margin-bottom: 40px;
}


.container-img-bg a {
	position: absolute;
	top: 40px;
	font-size: 43px;
	letter-spacing: 4px;
	font-weight: bold;
	color: white;
}

.container-img-bg a.left {
	left: 40px;
}

.container-img-bg a.right {
	right: 40px;
}


.container-img-bg img {
	width: 100%;
}

.cf {
	margin-top: 140px;
}

@media (max-width: 1500px) {
	#center_column .container {
		padding: 0 15px 0 15px;
	}

	#center_column>.container {
		padding: 0;
	}

}

@media (max-width: 900px) {
	.hp-prime p {
		//padding: 0 25px 0 25px;
		font-size: 18px;
	}

	.hp-prime .cover .leader {
		margin-top: 10%;
		font-size: 29px;
		line-height: 40px;
	}


	.hp-prime .cover .leader img {
		width: 200px;
		display: block;
		margin: auto;
		margin-top: 10px;
	}

	.hp-prime .cover .leader .upper {
		text-transform: uppercase;
		font-weight: bold;
	}

	.hp-prime .cover .leader .lower {
		font-size: 25px !important;
		font-weight: bold;
		display: block;
	}


	.cf {
		margin-top: 0px;
	}

	.group-contact {
		flex-direction: column;
	}


	.group-contact-light {

		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 20px 1px;
		grid-template-areas: "."".";

	}

	.container-img-bg a {
		top: 25px;
		font-size: 25px;
	}
}

.phrase-bt {
	color: #08a076;
	text-transform: uppercase;
	text-align: center;
	font-size: 25px;
	margin: 0 !important;
	padding: 25px 15px 45px 15px;
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: 3px;
}

.conseils {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 40px 40px;
	grid-template-areas: ". ."". .";
	margin-top: 15px;
	margin-bottom: 55px;
}

.conseil {
	display: grid;
	grid-template-columns: 20% 1fr;
	grid-template-rows: 1fr;
	gap: 30px 25px;
	grid-template-areas: ". .";
}

.c-img {
	width: 100%;
	border-radius: 50%;
	border: 2px solid #08a076;
	margin: auto;
	padding: 20px;
}

.c-text span {
	font-size: 22px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	color: #08a076;
}

.hp-prime .btn-rouge {
	background-color: #08a076;
	text-transform: initial;
	font-weight: bold;
	padding: 12px 20px 12px 20px;
	font-size: 16px;
	letter-spacing: 1px;
	border-radius: 30px;
	border: 3px solid #08a076;
}

.hp-prime .btn-rouge:hover {
	background-color: white;
	color: #08a076 !important;
	border: 3px solid #08a076;
	text-decoration: none !important;
}


.c-text p {
	font-size: 22px;
}

@media (max-width: 900px) {

	.conseil {
		display: grid;
		grid-template-columns: 25% 1fr;
		grid-template-rows: 1fr;
		gap: 30px 25px;
		grid-template-areas: ". .";
	}

	.c-text span,
	.c-text p {
		font-size: 18px;
	}

	.advice {
		max-width: 90%;
	}

	.carousel__nav {
		display: none !important;
	}

	.group-contact .btn-contact:first-of-type {
		margin-bottom: 25px;
	}

	.group-contact .btn-contact {
		margin-left: auto;
		margin-right: auto;
	}

	.conseils {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 30px 15px;
		grid-template-areas: "."".";
	}

	.c-text p {
		padding: 0;
	}

}


.carousel-pliant .carousel__nav {
	display: none;
}

.carousel-pliant .advices {
	justify-content: center;
}

@media (max-width: 800px) {
	.carousel-pliant .carousel__nav {
		display: block;
	}

	.carousel-pliant .advices {
		justify-content: flex-start;
	}
}






.hp-prime ul.redbullet {
	margin-top: 35px;
	text-align: left;
	padding-left: 0;
}

.hp-prime ul.redbullet li {
	margin-bottom: 20px;
	list-style: none;
	padding: 0;
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: normal;
}

.hp-prime ul.redbullet li:last-of-type {
	margin-bottom: 0;
}

.hp-prime ul.redbullet li:before {
	content: url('/themes/cyclable_v4/css/img/svg/Check.svg');
	margin-right: 15px;
}

.hp-prime .pagenav ul.redbullet li:before {
	content: url('/themes/cyclable_v4/css/img/svg/Check.svg');
	margin-right: 15px;
	min-width: 115px;
	display: flex;
	justify-content: center;
}

.hp-prime ul.redbullet li.eclair:before {
	content: url('/themes/cyclable_v4/css/img/svg/cargo-eclair.png');
	margin-right: 15px;
	min-width: 115px;
	display: flex;
	justify-content: center;
	transform: scale(.7);
	margin-bottom: 0px;
}

.hp-prime ul.redbullet li.pack:before {
	content: url('/themes/cyclable_v4/css/img/svg/cargo-pack.png');
	margin-right: 15px;
	min-width: 115px;
	display: flex;
	justify-content: center;
	transform: scale(.7);
	margin-bottom: 0px;

}

.hp-prime ul.redbullet li.plus:before {
	content: url('/themes/cyclable_v4/css/img/svg/cargo-plus.png');
	margin-right: 15px;
	min-width: 115px;
	display: flex;
	justify-content: center;
	transform: scale(.7);
	margin-bottom: 0px;

}

.hp-prime ul.redbullet li.poids:before {
	content: url('/themes/cyclable_v4/css/img/svg/cargo-poids.png');
	margin-right: 15px;
	min-width: 115px;
	display: flex;
	justify-content: center;
	transform: scale(.7);
	margin-bottom: 0px;

}

.hp-prime ul.redbullet li.siegeenfant:before {
	content: url('/themes/cyclable_v4/css/img/svg/cargo-siege-enfant.png');
	margin-right: 15px;
	min-width: 115px;
	display: flex;
	justify-content: center;
	transform: scale(.7);
	margin-bottom: 0px;

}

.conseils-n {
	background-color: var(--mstch);
	color: white;
	width: 85%;
	padding: 25px 30px;
	text-transform: uppercase;
	position: relative;
}

.conseils-n.droite {
	margin-left: auto;

}

.conseils-n.gauche {
	margin-right: auto;

}

.conseils-n h3 {
	position: absolute;
	top: -40px;
	background: black;
	padding: 15px 20px;
}

.conseils-n.gauche h3 {
	right: -30px;

}

.conseils-n.droite h3 {
	left: -30px;

}


.conseils-n ul {
	font-size: 20px;
	text-transform: none;
}

.conseils-n ul li {
	font-size: 22px !important;
	text-transform: none;
}

.marque {
	width: auto !important;
	height: 54px;
	margin-left: 60px;
}

.him:hover img,
.him:active img,
.him:focus img {
	opacity: 0.8;
}

.france {
	display: flex;
	text-align: center;
	font-size: 22px;
	margin: 60px 0;
	align-items: center;
}

.france img {
	width: auto;
	margin-right: 15px;
}

.france>div {
	width: 100%;
}

.france span {
	display: block;
	font-size: 25px;
}

.compact-line {
	position: absolute;
	text-transform: uppercase;
	left: 20%;
	right: 20%;
	top: 25px;
	display: flex;
	justify-content: space-evenly;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 1px;

}

.compact-line a {
	color: white;
	text-shadow: 2px 2px 13px rgba(0, 0, 0, 0.6);
}

.compact-line a:hover,
.compact-line a:hover,
.compact-line a:hover {
	text-decoration: underline !important;
}

.footer {
	margin-top: 100px;
}

@media screen and (max-width: 991px) {
	.hp-prime .cover .leader h1 {
		font-size: 35px;
	}

	.hp-prime .cover .leader H1+span {
		font-size: 20px;
		line-height: 28px !important;
	}

	.hp-prime .intro {
		margin-top: 90px;
		margin-bottom: 20px;
	}

	.hp-prime .intro p {
		font-size: 16px;
	}

	.hp-prime .pagenav {
		flex-direction: column;
		padding-bottom: 0px !important;
	}

	.hp-prime .pagenav>li {
		width: 100%;
		padding: 0 15px;
		margin-bottom: 100px;

	}

	.hp-prime ul.redbullet li {
		font-size: 16px;
	}

	.hp-prime .pagenav ul.redbullet li:before {
		min-width: 100px;
	}

	.hp-prime section:nth-of-type(odd):after {
		top: -50px;
	}

	.hp-prime .prod .title h2 a span {
		margin: 0;
	}

	.hp-prime .prod .infos .offer {
		width: 80px;
		height: 80px;
		font-size: 18px;
		margin-top: 20px;
	}

	.hp-prime .prod .title h2 {
		padding-right: 80px;
	}

	.hp-prime .prod .title p {
		font-size: 16px;
	}

	.france img {
		width: 75px;
	}

	.hp-prime .cta a:not(.him) {
		margin-bottom: 20px;
	}

	.marque {
		margin-left: 0;
		display: block;
	}

	.conseils-n {
		width: 90%;
	}

	.conseils-n h3 {
		font-size: 18px;
	}

	.conseils-n ul li {
		font-size: 18px !important;
	}

	.conseils-n.droite {
		margin-bottom: 40px;
	}

	.france {
		font-size: 18px;
	}

	.france span {
		font-size: 20px;
	}

	.france em {
		font-size: 17px;
	}

	.hp-prime .prod .infos {
		right: 15px;
	}

}

.bottomline {
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
	z-index: 2;
}

.bottomline:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 8px;
	background-color: var(--mstch);
	z-index: -1;
}