:root {
	/* couleurs */
	--blanc: #ffffff;
	--bleu: #226bce;
	--bleu1: #1e336a;
	--bleu2: #22bfce;
	--bleu3: #263762;
	--bleu4: #22bdcc;
	--gris: #c8c8c8;
	--orange: #ff7045;
	--rouge: #dd1111;
	--rouge1: #ff434e;
	/* weight */
	--fw-light: 300;
	--fw-normal: 400;
	--fw-bold: 700;
	--fw-extrabold: 800;
}

html,
body {
	height: 100%;
	margin: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	display: flex;
	flex-direction: column;
	font-family: 'Barlow', sans-serif;
	font-size: 18px;
	color: var(--bleu3);
}

input.error,
textarea.error,
select.error,
input[type='checkbox'].error,
input.error-vue,
textarea.error-vue,
select.error-vue,
input[type='checkbox'].error-vue {
	border: 1px solid #f00 !important;
}

.error label.btn,
label.error-label,
.error-vue label.btn {
	outline: 1px solid #f00 !important;
}

.form-check label.error {
	display: none !important;
}

/*label.error {
    display: none !important;
    top: -99999px;
    position: absolute;
}*/

.control-label.cache {
	color: #f00;
	font-size: 13px;
	font-weight: 400;
}

.line-through {
	text-decoration: line-through;
}

.text-justify {
	text-align: justify;
}

.font-weight-light {
	font-weight: var(--fw-light);
}

/* fonts */
.f-barlow {
	font-family: 'Barlow', sans-serif;
}

/* size */
.s12 {
	font-size: 12px !important;
}

.s14 {
	font-size: 14px !important;
}

.s15 {
	font-size: 15px !important;
}

.s16 {
	font-size: 16px !important;
}

.s18 {
	font-size: 18px !important;
}

.s20 {
	font-size: 20px !important;
}

.s24 {
	font-size: 24px !important;
}

.s26 {
	font-size: 26px !important;
}

.s30 {
	font-size: 30px !important;
}

.s32 {
	font-size: 32px !important;
}

.s36 {
	font-size: 36px !important;
}

.s185 {
	font-size: 185px !important;
}

/* couleurs */
.blanc {
	color: var(--blanc) !important;
}

.bleu {
	color: var(--bleu) !important;
}

.bleu1 {
	color: var(--bleu1) !important;
}

.bleu2 {
	color: var(--bleu2) !important;
}

.bleu3 {
	color: var(--bleu3) !important;
}

.bleu4 {
	color: var(--bleu4) !important;
}

.gris {
	color: var(--gris) !important;
}

.orange {
	color: var(--orange) !important;
}

.rouge {
	color: var(--rouge) !important;
}

.rouge1 {
	color: var(--rouge1) !important;
}

.bg-bleu4 {
	background-color: var(--bleu4) !important;
}

.bg-orange {
	background-color: var(--orange) !important;
}

.br-15 {
	border-radius: 15px;
}

a,
a:visited,
a:hover {
	text-decoration: none;
}

/* h* */
h2,
.h2 {
	font-size: 60px;
	font-weight: 800;
	text-align: center;
	color: var(--bleu3);
}

h3 {
	font-size: 40px;
	color: var(--bleu1);
	font-weight: 800;
	text-align: center;
}

h4 {
	font-size: 30px;
	font-weight: var(--fw-normal);
	font-style: italic;
	color: var(--bleu3);
	text-align: center;
}

h5 {
	color: var(--bleu2);
	text-transform: uppercase;
	font-size: 30px;
	font-weight: var(--fw-bold);
}

h6 {
	font-size: 24px;
	color: var(--bleu3);
	font-weight: var(--fw-bold);
	text-align: center;
}

sup {
	font-size: 10px;
}

.border-top-dotted {
	border-top: 1px dotted;
}

.alert a {
	color: inherit !important;
}

.flex-align-center {
	display: flex;
	flex-direction: row;
	/*flex-wrap: nowrap;*/
	align-content: center;
	align-items: center;
	justify-content: center;
}

.flex-space-evenly {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-start;
}

.flex-space-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.flex-space-around {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.flex-align-end {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	justify-content: flex-end;
}

/*focus*/
.placeholder_effect {
	position: relative;
}

.placeholder-input:focus~.placeholder,
.placeholder-input.is-filled~.placeholder,
.placeholder.placeholder-select,
.placeholder_effect .placeholder-datepicker {
	font-size: 12px;
	color: var(--bleu2);
	font-weight: normal;
	top: 0px;
}

textarea.placeholder-input {
	padding-top: 15px;
}

.placeholder,
.placeholder-datepicker {
	font-size: 14px;
	position: absolute;
	top: 8px;
	left: 62px;
	-webkit-transition-duration: 0.15s;
	-webkit-transition-property: font-size, -webkit-transform;
	transition-duration: 0.15s;
	transition-property: font-size, -webkit-transform;
	transition-property: font-size, transform;
	transition-property: font-size, transform, -webkit-transform;
}

/* card */
.card {
	background: transparent;
	border: none;
	text-align: center;
	align-items: center;
	flex-wrap: wrap;
}

.card .card-footer {
	border: none;
	background-color: transparent;
	padding: 0;
}

.card .card-body {
	padding: 0;
}

/* cadre */
.cadre {
	border-radius: 10px;
	filter: drop-shadow(14.474px 17.874px 0px rgba(231, 231, 218, 0.6));
	background-color: var(--blanc);
	border: 2px solid rgba(223, 223, 207, 0.5);
	min-height: 200px;
	min-width: 200px;
	padding: 0;
}

.cadre h6 {
	background-color: var(--bleu4);
	font-size: 18px;
	color: var(--blanc);
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 17px 0;
}

.cadre .cadre-contenu {
	padding: 30px;
}

.cadre .cadre-contenu p {
	margin-bottom: 20px;
}

.ul-fleche-bleu {
	padding: 0 30px;
	position: relative;
}

.ul-fleche-bleu li:before {
	content: '';
	display: block;
	background: url(../images/bouton-fleche-bleu.png) no-repeat;
	height: 12px;
	width: 17px;
	position: absolute;
	left: 0px;
	margin-top: 6px;
}

.ellipse {
	width: 49px;
	height: 49px;
	border-radius: 25px;
	background-color: var(--bleu2);
	color: var(--blanc);
	font-size: 40px;
	line-height: 49px;
	font-weight: var(--fw-bold);
	text-align: center;
	margin: 20px auto;
}

.mentions-cnil {
	height: 120px;
	font-size: 12px;
	font-weight: var(--fw-normal);
	font-style: italic;
	text-align: center;
}

.notes {
	font-size: 11px;
	font-weight: 400;
	text-align: left;
	text-transform: none;
}

.input-help {
	font-weight: 700;
	width: 25px;
	background-color: var(--bleu4);
	color: var(--blanc);
	cursor: help;
	border-radius: 50% !important;
	height: 25px;
	padding: 0 7px;
	position: absolute;
	right: 5px;
	bottom: 7px;
}

.input-help-alma {
	position: relative;
	font-weight: 300;
	width: 20px;
	height: 20px;
	padding: 0;
	font-size: 12px;
	display: inline-block;
	right: 0;
	bottom: 4px;
	background-color: var(--bleu4);
	color: var(--blanc);
	cursor: help;
	border-radius: 50% !important;
}

.input-help .tips,
.input-help-alma .tips {
	display: none;
	background-color: #474747;
	color: #fff;
	position: absolute;
	width: 400px;
	font-size: 0.85rem;
	padding: 5px 10px;
	text-align: justify;
	border-radius: 8px;
	z-index: 10;
}

.input-error {
	font-weight: 700;
	width: 25px;
	background-color: var(--rouge);
	color: var(--blanc);
	cursor: help;
	border-radius: 50% !important;
	height: 25px;
	padding: 0 9px;
	position: absolute;
	right: 5px;
	bottom: 7px;
}

.numero {
	font-weight: 500;
	width: 35px;
	background-color: var(--bleu4);
	color: var(--blanc);
	border-radius: 50% !important;
	height: 35px;
	padding: 2px 11px;
	display: inline-block;
	font-size: 25px;
}

/* form & input */
form [type='text'],
form [type='email'],
form textarea,
form select {
	font-size: 18px;
	width: 318px;
	border-radius: 8px !important;
	background-color: #f7f7f7;
	border: 1px solid var(--bleu1);
}

form [type='text'],
form [type='email'] {
	height: 65px;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef !important;
	opacity: 1;
}

.form_contact {
	margin: 34px auto 75px auto;
	max-width: 500px;
	text-align: center;
}

.form_contact [type='text'],
.form_contact [type='email'],
.form_contact textarea {
	background-color: var(--blanc);
	width: 100%;
	border: 1px solid var(--bleu1);
}

.form_contact button,
.form_contact [type='submit'] {
	width: 173px;
}

label.radio-type-velo {
	font-size: 18px;
	color: var(--bleu3);
	font-weight: var(--fw-bold);
	width: 152px;
	height: 65px;
	border-radius: 8px;
	background-color: #f7f7f7;
	border: 1px solid var(--bleu1);
	line-height: 50px;
}

label.radio-type-velo.focus,
input[type='radio']:checked+label {
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
	filter: drop-shadow(4.243px 4.243px 4px rgba(153, 153, 153, 0.75));
}

.btn.btn-orange {
	font-size: 18px;
	color: var(--blanc);
	font-weight: var(--fw-extrabold);
	width: 420px;
	height: 55px;
	border-radius: 8px;
	background-color: var(--orange);
	line-height: 40px;
	position: relative;
	text-transform: uppercase;
}

.btn.btn-mail {
	font-size: 16px;
	font-weight: var(--fw-normal);
	height: 45px;
	width: 279px;
	border: 3px solid rgba(255, 112, 69, 0.5);
	text-transform: none;
	line-height: 24px;
}

.btn.btn-bleu1 {
	font-size: 16px;
	color: var(--blanc);
	background-color: var(--bleu1);
	font-weight: var(--fw-bold);
	height: 41px;
	text-transform: capitalize;
}

.btn.btn-fleche-blanche:before {
	content: '';
	background: url(../images/bouton-fleche-blanche.png) no-repeat;
	display: block;
	width: 16px;
	height: 13px;
	top: 20px;
	position: absolute;
	left: 20px;
}

.btn.btn-fleche-bleu:before {
	content: '';
	display: block;
	background: url(../images/bouton-fleche-bleu.png) no-repeat;
	height: 12px;
	width: 17px;
	position: absolute;
	left: 15px;
	margin-top: 10px;
}

.btn.btn-fleche-retour:before {
	content: '';
	background: url(../images/bouton-fleche-retour.png) no-repeat;
	display: block;
	width: 16px;
	height: 13px;
	top: 10px;
	position: absolute;
	left: 10px;
}

.btn.btn-mail:before {
	content: '';
	background: url(../images/ico_mail.png) no-repeat;
	display: block;
	width: 24px;
	height: 19px;
	top: 9px;
	position: absolute;
	left: 50px;
}

.input-group-text {
	background-color: transparent;
	border: none;
	border-radius: 0;
	font-weight: var(--fw-bold);
}

form .small {
	display: block;
	text-align: left;
}

.btn-outline-secondary {
	color: var(--bleu1);
	border-color: var(--bleu1);
	border-radius: 8px;
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
	color: #fff;
	background-color: var(--bleu1);
	border-color: var(--bleu1);
}

body .intro {
	margin-top: 70px;
	padding: 80px 0 96px 0;
}

/* header */
header {
	font-size: 22px;
	color: #1e336a;
	font-weight: 500;
	text-align: center;
	position: fixed;
	width: 100%;
	background-color: var(--blanc);
	z-index: 5;
}

header:after {
	content: '';
	width: 100%;
	height: 2px;
	filter: drop-shadow(1.414px 1.414px 4px rgba(0, 0, 0, 0.1));
	background-color: var(--blanc);
	display: block;
}

.index header:after {
	background-color: var(--bleu2);
}

header .nav-item.active .nav-link {
	color: var(--bleu2) !important;
}

.header-plus {
	background: url(../images/header-plus.png) no-repeat center center;
	background-color: var(--jaune);
	border: 1px solid #d69f00;
	border-radius: 0.5rem;
	padding: 1.5rem;
}

/* nav */

/* footer */
footer {
	background-color: var(--bleu1);
	color: var(--blanc);
	font-size: 18px;
}

footer a,
footer a:hover,
footer a:visited {
	color: var(--blanc);
}

footer .credits-haut {
	border-bottom: 1px solid var(--blanc);
}

footer .footer-logos {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

/* index */
body.index {
	color: var(--bleu1);
}

.index .intro {
	margin: 0;
	padding: 110px 0 0 0;
}

.index .slider-titre {
	font-size: 40px;
	color: var(--bleu2);
	font-weight: var(--fw-extrabold);
	text-align: center;
	width: 500px;
	height: 146px;
	border-radius: 8px;
	background-color: var(--blanc);
	border: 10px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	right: 118px;
	top: 68px;
	line-height: 58px;
}

.index h4 {
	margin-bottom: 80px;
}

.index a.bouton {
	color: var(--bleu3);
	font-size: 18px;
	font-weight: var(--fw-bold);
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid var(--bleu1);
	line-height: 55px;
	display: block;
	text-transform: uppercase;
	position: relative;
}

.index a.fleche:before {
	content: '';
	background: url(../images/bouton-fleche-orange.png) no-repeat;
	display: block;
	width: 16px;
	height: 13px;
	top: 21px;
	position: absolute;
	left: 20px;
}

.index a.plus:before {
	content: '';
	background: url(../images/bouton-+.png) no-repeat;
	display: block;
	width: 16px;
	height: 13px;
	top: 21px;
	position: absolute;
	left: 10px;
}

.index .card {
	font-size: 40px;
	font-weight: var(--fw-bold);
}

.index .card .card-footer {
	font-size: 60px;
	font-weight: var(--fw-bold);
}

.slider {
	min-height: 736px;
	position: relative;
	--bs-gutter-x: 0;
	background-image: url(../images/accueil.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.slider form {
	width: 431px;
	min-height: 456px;
	border-radius: 20px;
	background-color: var(--blanc);
	border: 10px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 173px;
	top: 90px;
	padding: 0;
}

.slider form h3:after {
	content: '';
	width: 96px;
	height: 3px;
	background-color: #e5e5e5;
	display: block;
	margin: 12px auto;
}

.slider form button,
.slider submit,
.slider [type='submit'] {
	width: 318px;
	height: 65px;
	border: 0;
	border-radius: 8px;
	background-color: var(--orange);
	font-size: 28px;
	color: var(--blanc);
	font-weight: var(--fw-bold);
	line-height: 56px;
	text-align: center;
}

.slider form label {
	font-size: 18px;
	color: var(--bleu3);
	font-weight: var(--fw-bold);
	text-align: center;
}

.slider form span.small {
	font-size: 11px;
	color: var(--bleu1);
	font-weight: var(--fw-normal);
}

.index .assurance {
	background-color: var(--bleu1);
	min-height: 516px;
	padding: 220px 0 180px 0;
}

.index .assurance h2,
.index .assurance h4 {
	color: var(--blanc);
}

/*.index .assurance-bulles{
    background: var(--bleu1);
    transform: none;
    padding-top: 25px;
    position: relative;
    width: auto;
}*/
.index .assurance-bulles {
	background: transparent;
	transform: translate(0, -50%);
	padding-top: 0;
	position: absolute;
	width: 100%;
}

.index .assurance-bulles.marquee {
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}

.index .assurance-bulles.marquee div {
	display: inline-block;
	animation: marquee 15s linear infinite;
}

.index .assurance-bulles.marquee div a {
	display: inline-block;
}

.index .assurance-bulles.marquee div img {
	max-width: 85%;
}

@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(-100%, 0);
	}
}

.index .assurance-pictos .card .card-title {
	color: var(--blanc);
	font-size: 40px;
	font-weight: var(--fw-bold);
	text-transform: none;
	margin-top: 0.5rem;
}

.index .assurance .card {
	color: var(--blanc);
}

img.ico_gestion,
img.ico_service,
img.ico_paiement_3x {
	width: auto;
}

.index .assurance-garanties {
	min-height: 976px;
	background-color: #f4f4ef;
	padding: 96px 0;
}

.index .assurance-garanties .card {
	min-height: 625px;
}

.index .assurance-garanties .card .card-title {
	color: var(--bleu2);
	font-size: 46px;
	font-weight: var(--fw-extrabold);
	text-align: left;
	text-transform: uppercase;
}

.index .assurance-garanties .card .card-subtitle {
	color: var(--bleu2);
	font-size: 24px;
	font-weight: var(--fw-extrabold);
	margin-bottom: 26px;
	text-align: left;
	text-transform: uppercase;
}

.index .assurance-garanties .card .card-text {
	/* width: 358px; */
	width: 100%;
	min-height: 160px;
	font-size: 18px;
	line-height: 24px;
	font-weight: var(--fw-normal);
	text-align: justify;
}

.index .assurance-garanties .card .card-text-content {
	border-left: 1px dotted var(--bleu1);
	display: block;
	padding-left: 15px;
	padding-right: 10px;
}

.index .assurance-garanties .card .card-image {
	text-align: center;
	height: 260px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: center;
}

.index .assurance-garanties a.bouton {
	width: 229px;
	height: 55px;
	margin: 0 auto;
}

.index .assurance-reparateur {
	min-height: 930px;
	padding: 96px 0;
}

.index .assurance-reparateur h5 {
	font-size: 24px;
	font-weight: var(--fw-extrabold);
	letter-spacing: 0px;
	margin-top: 23px;
}

.index .assurance-reparateur h5:after {
	content: '';
	width: 49px;
	height: 3px;
	background-color: var(--bleu2);
	display: block;
	margin: 17px 0;
}

.index .assurance-reparateur-logos {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.index .assurance-reparateur-logos img:last-child {
	max-width: 251px;
}

.index .assurance-reparateur-md {
	background: url(../images/trouver-un-reparateur-fond.png) no-repeat;
	background-size: cover;
	color: var(--blanc);
	min-height: 348px;
	padding: 17px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-around;
	align-items: center;
}

.index .assurance-reparateur-md .ico_rep_ateliers_or,
.index .assurance-reparateur-md .ico_rep_tarifs_or,
.index .assurance-reparateur-md .ico_rep_packs_or {
	border: 2px solid var(--blanc);
	border-left: none;
}

.index .assurance-reparateur-md .ico_rep_liste {
	margin: 0;
}

img.reduction-20 {
	max-width: 479px;
}

.ico_rep_liste {
	margin: 45px 0 105px 0;
}

.ico_rep_ateliers,
.ico_rep_tarifs,
.ico_rep_packs {
	width: 154px;
	height: 54px;
	border: 2px solid var(--bleu2);
	border-left: none;
	font-size: 16px;
	font-weight: var(--fw-extrabold);
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.ico_rep_ateliers_or,
.ico_rep_tarifs_or,
.ico_rep_packs_or {
	width: 110px;
	height: 40px;
	font-size: 12px;
}

.ico_rep_ateliers:before,
.ico_rep_tarifs:before,
.ico_rep_packs:before {
	content: '';
	position: absolute;
}

.ico_rep_ateliers:before {
	background: url(../images/ico_rep_ateliers.png) no-repeat;
	height: 68px;
	width: 68px;
	top: -7px;
	left: -60px;
}

.ico_rep_tarifs:before {
	background: url(../images/ico_rep_tarifs.png) no-repeat;
	height: 82px;
	width: 64px;
	top: -7px;
	left: -40px;
}

.ico_rep_packs:before {
	background: url(../images/ico_rep_packs.png) no-repeat;
	height: 75px;
	width: 78px;
	top: -11px;
	left: -64px;
}

.ico_rep_ateliers_or:before {
	background: url(../images/ico_rep_ateliers_or.png) no-repeat;
	height: 50px;
	width: 50px;
	left: -45px;
}

.ico_rep_tarifs_or:before {
	background: url(../images/ico_rep_tarifs_or.png) no-repeat;
	height: 60px;
	width: 47px;
	top: -13px;
	left: -35px;
}

.ico_rep_packs_or:before {
	background: url(../images/ico_rep_packs_or.png) no-repeat;
	height: 57px;
	width: 55px;
	top: -13px;
	left: -45px;
}

.index .assurance-paiement {
	min-height: 930px;
	background-color: #eaeade;
	padding: 80px 0;
}

.index .assurance-paiement h5 {
	color: var(--rouge1);
	line-height: 24px;
	margin: 30px 0;
	text-align: left;
	text-transform: none;
}

.index .assurance-paiement a {
	font-weight: bold;
	color: inherit;
}

.index .sinistre {
	min-height: 785px;
	padding: 80px 0 150px 0;
}

.index .sinistre h4 {
	margin-bottom: 25px;
}

.index .sinistre img {
	max-width: 321px;
}

.index .sinistre .bouton-groupe {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-end;
	margin-top: 50px;
}

.index .sinistre a.bouton {
	width: 281px;
	height: 55px;
}

.btn-obtenir-tarif {
	display: none;
	max-width: 150px;
	position: fixed;
	z-index: 100;
	bottom: 0;
}

#obtenir-tarif-modal .modal-content {
	background-color: var(--orange);
}

#obtenir-tarif-modal .modal-content .submit {
	color: var(--blanc);
	font-weight: var(--fw-bold);
}

#obtenir-tarif-modal .modal-content form [type='text'],
#obtenir-tarif-modal .modal-content form [type='email'] {
	height: 50px;
}

#obtenir-tarif-modal .modal-content form [type='text'],
#obtenir-tarif-modal .modal-content form [type='email'],
#obtenir-tarif-modal .modal-content form textarea,
#obtenir-tarif-modal .modal-content form select {
	width: auto;
}

#obtenir-tarif-modal .modal-content label.radio-type-velo {
	width: 100px;
	height: 50px;
	line-height: 35px;
}

#obtenir-tarif-modal .modal-content .control-label.cache {
	color: #fff;
}

/*form.obtenir-tarif #cp_vae, form.obtenir-tarif-modal-form #cp_vae-modal{
	display: none;
}*/
form.obtenir-tarif #cp_vae label {
	font-weight: var(--fw-normal);
}

form.obtenir-tarif #cp_vae [type='text'],
form.obtenir-tarif-modal-form #cp_vae-modal [type='text'] {
	height: 35px;
}

.modal-abandon .modal-content {
	background-color: #e1e6fa;
	background-image: url(../images/e1-fond.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 650px;
	height: auto;
}

#abandon-2 .modal-content {
	background-image: url(../images/e2-fond.png);
}

.modal-abandon .modal-header {
	padding: 1rem 1rem 0px 1rem;
}

.modal-abandon .modal-body {
	padding: 2rem;
	width: 650px;
}

.modal-abandon h5 {
	color: var(--orange);
	text-transform: none;
	font-size: 34px;
	font-style: italic;
	background-color: #fff;
	border: 7px solid rgba(240, 242, 252, 0.5);
	border-radius: 8px;
	padding: 10px 15px;
	max-width: 500px;
	margin: 0 auto;
}

.modal-abandon h6 {
	font-size: 22px;
}

.modal-abandon .card-body {
	padding: 1rem 0;
}

.modal-abandon .card-text {
	font-weight: normal;
	font-size: 15px;
}

.modal-abandon .btn {
	width: 318px !important;
	height: 65px;
}

/* etre-indemnise */
/*.etre-indemnise .container-lg:nth-of-type(1){
	margin-top: 100px;
}*/

.etre-indemnise iframe {
	margin-bottom: 90px;
	margin-top: 60px;
}

.etre-indemnise h5 {
	text-align: center;
}

.sinistre-bloc {
	border-radius: 20px;
	filter: drop-shadow(22.776px 3.201px 0px rgba(231, 231, 218, 0.6));
	background-color: var(--blanc);
	border: 2px solid rgba(223, 223, 207, 0.5);
	padding: 30px;
}

.sinistre-bloc li {
	padding-left: 17px;
	font-weight: var(--fw-extrabold);
	line-height: 36px;
}

.sinistre-bloc li:before {
	content: '';
	display: block;
	background: url(../images/fleche.png) no-repeat;
	height: 12px;
	width: 17px;
	position: absolute;
	left: 24px;
	margin-top: 12px;
}

.sinistre-bloc h5 {
	font-size: 24px !important;
	margin: 20px 0;
}

.etre-indemnise .notes {
	margin: 30px 0 80px 0;
	text-align: center;
}

.etre-indemnise .notes p {
	margin-bottom: 30px;
}

/* qui-sommes-nous */
body.qui-sommes-nous {
	font-size: 20px;
}

.qui-sommes-nous-bloc {
	border-radius: 20px;
	filter: drop-shadow(22.776px 3.201px 0px rgba(231, 231, 218, 0.6));
	padding: 30px;
}

.qui-sommes-nous h4 {
	margin-bottom: 60px;
}

.qui-sommes-nous .intro {
	/* margin-top: 100px; */
	padding-right: var(--bs-gutter-x, 0.75rem);
	padding-left: var(--bs-gutter-x, 0.75rem);
}

.qsn-pionnier {
	justify-content: space-evenly;
}

.qsn-pionnier-contenu {
	line-height: 30px;
	text-align: justify;
}

.qsn-pionnier-contenu-1 {
	font-size: 36px;
	font-weight: var(--fw-bold);
}

.qsn-pionnier-contenu p {
	margin-bottom: 40px;
}

.qsn-fond-1 {
	background-image: url(../images/qui-sommes-nous.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	min-height: 471px;
}

.qui-sommes-nous .assureur {
	line-height: 24px;
	padding: 40px 0;
	padding-right: var(--bs-gutter-x, 0.75rem);
	padding-left: var(--bs-gutter-x, 0.75rem);
}

.qui-sommes-nous .assureur h5,
.qui-sommes-nous .assureur p {
	margin-bottom: 30px;
	text-align: justify;
}

.qui-sommes-nous .assureur .mutuaide {
	line-height: 20px;
}

.qui-sommes-nous .assureur .mutuaide-historique {
	font-size: 14px;
	font-weight: var(--fw-normal);
	font-style: italic;
}

.le-saviez-vous {
	background-color: #f4f4ef;
	min-height: 984px;
	padding: 100px 0;
	padding-right: var(--bs-gutter-x, 0.75rem);
	padding-left: var(--bs-gutter-x, 0.75rem);
}

.le-saviez-vous-md {
	min-height: 1134px;
	padding: 50px 0;
}

.le-saviez-vous .stats-bloc {
	height: 140px;
	border-radius: 8px;
	filter: drop-shadow(14.322px 15.358px 0px rgba(231, 231, 218, 0.6));
	background-color: var(--blanc);
	border: 2px solid rgba(223, 223, 207, 0.5);
	font-family: 'Barlow Condensed';
	text-align: justify;
}

.le-saviez-vous .stats-bloc .row {
	height: 130px;
}

.le-saviez-vous .stats-bloc .stats-bloc-chiffre {
	font-size: 100px;
	color: var(--orange);
	font-weight: var(--fw-bold);
	text-align: center;
}

.le-saviez-vous .stats-bloc .stats-bloc-contenu {
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0px;
	color: var(--bleu1);
	font-weight: var(--fw-extrabold);
}

.le-saviez-vous .stats-bloc .stats-bloc-contenu:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--bleu2);
	margin-top: 12px;
}

.le-saviez-vous .stats-bloc-50 {
	width: 311px;
}

.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-50 {
	transform: translateX(-180px) translateY(110px);
}

.le-saviez-vous .stats-bloc-50 .stats-bloc-contenu:after {
	width: 151px;
}

.le-saviez-vous .stats-bloc-450 {
	width: 448px;
}

.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-450 {
	transform: translateX(0px) translateY(-50px);
}

.le-saviez-vous .stats-bloc-400k {
	width: 535px;
}

.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-400k {
	transform: translateX(-150px) translateY(200px);
}

.le-saviez-vous .stats-bloc-400k .stats-bloc-contenu:after {
	width: 91px;
}

.le-saviez-vous .stats-bloc-95 {
	width: 428px;
}

.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-95 {
	transform: translateX(100px) translateY(100px);
}

.le-saviez-vous .stats-bloc-95 .stats-bloc-contenu:after {
	width: 201px;
}

.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-container {
	background-image: url(../images/le-saviez-vous.png);
	background-repeat: no-repeat;
	background-position: center;
	min-height: 660px;
}

.le-saviez-vous-md .stats-bloc-container {
	flex-direction: column;
	align-items: center;
}

.le-saviez-vous .stats-sources {
	font-family: 'Barlow Condensed';
	font-size: 14px;
	font-weight: var(--fw-bold);
	transform: translateX(250px) translateY(50px);
	width: 500px;
}

.le-saviez-vous .stats-sources-container {
	position: relative;
}

.le-saviez-vous-md .stats-sources {
	position: absolute;
	bottom: 55px;
	right: 0;
}

/* blog  */

.blog .blog_article {
	cursor: pointer;
	min-height: 480px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.blog .blog_article a,
.blog .blog_article a:visited,
.blog .blog_article a:hover {
	color: var(--bleu3);
}

.blog .blog_article_date {
	display: block;
}

.blog .blog_article h6 {
	text-align: left;
	display: inline-block;
	width: 100%;
	max-height: 4em;
	overflow: hidden;
	position: relative;
	line-height: 1.3em;
}

.blog .blog_article h6:before {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%);
	content: '\200C';
	display: block;
	position: absolute;
	right: 0;
	top: 2.5em;
	width: 25%;
	text-align: center;
}

.blog .blog_article_visuel {
	background: url(../images/logo_cyclassur.png) no-repeat center var(--blanc);
	background-size: auto;
	min-height: 325px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.blog .blog-contenu {
	text-align: left;
}

.blog-contenu .aligncenter {
	text-align: center;
}

/*.blog .blog-contenu img{
	width: 100%;
}*/

.blog .blog-contenu p:first-of-type {
	font-size: 24px;
	font-weight: var(--fw-bold);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blog .blog-contenu p:first-of-type a,
.blog .blog-contenu p:first-of-type a:visited,
.blog .blog-contenu p:first-of-type a:hover {
	color: var(--bleu3);
}

/*.blog .blog-contenu p:nth-of-type(2){
	display: none;
}*/

.blog .blog-contenu h1 {
	font-size: 30px;
	margin: 30px 0;
	text-align: left;
}

.blog .blog-contenu h5 {
	margin: 15px 0;
}

.blog .blog-contenu p {
	margin: 10px 0;
}

.blog .blog-contenu .size-full img {
	max-width: 100%;
}

/*.blog .blog-contenu figure{
	text-align: left;
}*/

.blog .blog-categories p:first-of-type {
	font-size: 24px;
	color: var(--orange);
	font-weight: var(--fw-bold);
}

.blog .blog-categories li {
	font-size: 18px;
	line-height: 24px;
	color: var(--bleu1);
	font-weight: 500;
	text-align: left;
}

.blog .blog-categories a,
.blog .blog-categories a:visited,
.blog .blog-categories a:hover {
	color: var(--bleu1);
}

/* faq  */
.faq .accordion button {
	font-size: 24px;
	color: var(--bleu3);
	font-weight: var(--fw-bold);
	text-align: left;
	text-transform: uppercase;
	background-color: transparent;
}

.faq .accordion-body {
	margin-bottom: 30px;
}

.faq .accordion .accordion-collapse {
	background-color: #f4f4ef;
	border-radius: 30px;
}

.faq .accordion .accordion-button:not(.collapsed) {
	box-shadow: none;
	color: var(--orange);
}

.faq .accordion .accordion-item {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.faq .faq-img {
	margin: 180px 0 100px 0;
}

/* nos-garanties */
body.nos-garanties {
	color: var(--bleu1);
	font-size: 24px;
}

.nos-garanties a.btn.cga {
	font-size: 18px;
	color: var(--blanc);
	font-weight: var(--fw-extrabold);
	width: 441px;
	height: 55px;
	border-radius: 8px;
	background-color: #ff7147;
	line-height: 40px;
	position: relative;
	text-transform: uppercase;
}

.nos-garanties a.btn.cga:before {
	content: '';
	background: url(../images/bouton-fleche-blanche.png) no-repeat;
	display: block;
	width: 16px;
	height: 13px;
	top: 20px;
	position: absolute;
	left: 25px;
}

.nos-garanties .garantie-titre {
	border: 1px solid var(--bleu1);
	color: var(--bleu1);
	font-weight: 500;
	padding: 10px;
	text-transform: uppercase;
}

.nos-garanties h3 {
	text-align: left;
	color: var(--bleu2);
	font-size: 42px;
	font-weight: var(--fw-extrabold);
	padding: 15px 0;
}

.garanties-liste p {
	padding-bottom: 40px;
	text-align: justify;
}

.garanties-liste .row {
	margin-bottom: 100px;
}

.garanties-liste .garanties-liste-contenu {
	border-left: 1px dotted var(--bleu1);
	padding-left: 14px;
}

.garanties-liens {
	height: 210px;
	background-color: var(--orange);
	text-align: center;
}

.nos-garanties a.btn.btn-blanc {
	font-size: 18px;
	color: var(--bleu1);
	font-weight: var(--fw-bold);
	text-align: center;
	border-radius: 8px;
	background-color: var(--blanc);
	border: 1px solid var(--blanc);
	text-transform: uppercase;
	position: relative;
	padding: 10px 40px;
	margin: 0 5px;
}

.nos-garanties .assurance {
	min-height: 872px;
	background-color: #f4f4ef;
	padding: 80px 0 125px 0;
}

.nos-garanties .assurance .card-title {
	font-size: 40px;
	color: var(--bleu1);
	font-weight: var(--fw-bold);
	text-align: center;
	text-transform: none;
}

.nos-garanties .assurance .card-subtitle {
	font-size: 60px;
	color: var(--bleu2);
	font-weight: var(--fw-bold);
	text-align: center;
	text-transform: none;
}

.nos-garanties .assurance .card-footer {
	font-size: 18px;
	text-align: justify;
	padding: 40px 20px;
}

.nos-garanties .assurance .card-footer p {
	margin-top: 30px;
}

.nos-garanties-modalites {
	background-color: var(--orange);
	color: var(--blanc);
	min-height: 211px;
	text-align: center;
	font-size: 24px;
	font-weight: var(--fw-bold);
}

.nos-garanties-ancre {
	padding-top: 130px;
	position: relative;
	top: -130px;
	margin-bottom: -130px;
}

/* cyclassist */
body.cyclassist {
	color: var(--bleu1);
	font-size: 16px;
}

.cyclassist .cyclassist-pictos {
	min-height: 500px;
}

.cyclassist .cyclassist-pictos h3 {
	font-size: 36px;
	text-align: left;
}

.cyclassist .cyclassist-pictos h4 {
	font-size: 24px;
	margin-bottom: 34px;
	text-align: left;
}

.cyclassist .cyclassist-bloc {
	border-radius: 20px;
	filter: drop-shadow(14.474px 17.874px 0px rgba(231, 231, 218, 0.6));
	border: 2px solid rgba(223, 223, 207, 0.5);
	font-size: 16px;
	background-color: var(--blanc);
	text-align: center;
	padding: 30px;
	min-height: 300px;
}

.cyclassist .cyclassist-bloc h6 {
	font-size: 20px;
	padding: 20px 0;
}

.cyclassist .table-cyclassist {
	color: var(--blanc);
	font-size: 18px;
	font-weight: var(--fw-bold);
}

.cyclassist .table-cyclassist th {
	background-color: var(--bleu3);
	border: 2px solid var(--blanc);
	color: var(--bleu2);
	font-size: 23px;
	padding-top: 1.25rem;
}

.cyclassist .table-cyclassist th span {
	color: var(--blanc);
	font-size: 15px;
	font-weight: var(--fw-normal);
}

.cyclassist .table-cyclassist th:first-of-type {
	background: transparent;
}

.cyclassist .table-cyclassist td {
	background-color: #f1f1e9;
	border: 2px solid var(--blanc);
	min-height: 65px;
	vertical-align: middle;
}

.cyclassist .table-cyclassist td[scope='row'] {
	background-color: var(--bleu2);
}

.cyclassist .cyclassist-contenu {
	min-height: 600px;
}

.cyclassist .cyclassist-contenu h5 {
	margin-top: 20px;
}

.cyclassist .cyclassist-contenu p {
	padding: 10px 0;
}

.cyclassist .cyclassist-img {
	margin: 40px 0;
}

/* antivol */
body.antivol {
	font-size: 16px;
}

.antivol .antivol-assure-bouton {
	height: 300px;
}

.antivol .antivol-assure-img {
	min-height: 420px;
}

.antivol-bloc.cadre h6 {
	font-size: 17px;
}

.antivol-bloc-contenu ul {
	font-weight: var(--fw-extrabold);
}

.antivol-bloc-contenu .row {
	text-align: center;
	height: 200px;
	justify-content: space-around;
}

.antivol-bloc-contenu .antivol-logo {
	height: 165px;
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px solid rgba(223, 223, 207, 0.5);
	padding: 25px 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	width: 30%;
}

.antivol-bloc-contenu .antivol-logo a {
	color: var(--bleu2);
}

/* souscrire */
.souscrire .souscrire-bloc {
	border-radius: 20px;
	background-color: #f4f4ef;
	border: 3px solid #22bfce;
	margin-bottom: 15px;
	padding: 0;
}

.souscrire .souscrire-bloc h6 {
	background-color: var(--bleu4);
	font-size: 24px;
	color: var(--blanc);
	font-weight: var(--fw-normal);
	text-transform: uppercase;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 23px 38px;
	text-align: left;
}

.souscrire .souscrire-bloc-1 {
	min-height: 194px;
}

.souscrire .souscrire-bloc-2 {
	min-height: 350px;
}

.souscrire .souscrire-bloc-2-2 {
	min-height: 150px;
}

.souscrire .souscrire-bloc-3 {
	min-height: 280px;
}

.souscrire .souscrire-bloc-4 {
	min-height: 330px;
	align-items: flex-start;
}

.souscrire .souscrire-bloc-4 h5 {
	font-size: 27px;
	font-weight: var(--fw-normal);
	padding: 5px 0;
}

.souscrire .souscrire-bloc-4-1 {
	min-height: 200px;
	font-size: 14px;
}

.souscrire .souscrire-bloc-validation {
	min-height: 120px;
}

.souscrire .souscrire-bloc-4 label.error {
	display: none !important;
	top: -99999px;
	position: absolute;
}

.souscrire .souscrire-bloc-4 .btn-group label {
	box-shadow: none;
}

.souscrire .separateur-bleu {
	position: relative;
}

.souscrire .souscrire-bloc .souscrire-garantie-ellipse {
	cursor: pointer;
	width: 274px;
	height: 274px;
	border-radius: 50%;
	background-color: var(--blanc);
	border: 4px solid #e7e7e7;
	padding-top: 16px;
	/* filter: drop-shadow(4.243px 4.243px 4px rgba(153, 153, 153, 0.75)); */
	box-shadow: 4.243px 4.243px 4px rgba(153, 153, 153, 0.75);
}

.souscrire .souscrire-bloc .souscrire-garantie-ellipse.active {
	border: 4px solid var(--bleu2);
}

.souscrire .souscrire-ssbloc-2-2 {
	width: 50%;
}

.souscrire .souscrire-bloc-2-2 .d-flex {
	justify-content: flex-end;
}

.souscrire .btn.btn-orange {
	width: auto;
}

.souscrire-garantie-ellipse {
	color: var(--bleu1);
}

.souscrire-garantie-ellipse h5 {
	font-size: 28px;
	font-weight: var(--fw-extrabold);
}

.souscrire-garantie-ellipse .text-muted {
	opacity: 0.6;
}

.souscrire-garantie-ellipse .souscrire-garantie-duree {
	font-size: 16px;
	position: relative;
}

.souscrire-garantie-ellipse .souscrire-garantie-duree:before,
.souscrire .souscrire-garantie-ellipse .souscrire-garantie-duree:after {
	content: '';
	display: block;
	width: 49px;
	height: 1px;
	background-color: var(--bleu2);
	position: absolute;
	top: 15px;
}

.souscrire-garantie-ellipse .souscrire-garantie-duree:before {
	left: 20%;
}

.souscrire-garantie-ellipse .souscrire-garantie-duree:after {
	right: 20%;
}

.souscrire-garantie-ellipse .souscrire-garantie-prix {
	font-size: 24px;
	font-weight: var(--fw-bold);
	color: var(--orange);
}

.souscrire-garantie-ellipse .souscrire-garantie-prix-ancien {
	font-size: 14px;
	font-weight: var(--fw-normal);
	color: var(--bleu2);
}

.souscrire-garantie-ellipse ul {
	font-size: 13px;
	font-weight: var(--fw-bold);
}

.souscrire-garantie-ellipse .notes a,
.souscrire-garantie-ellipse .notes a:hover,
.souscrire-garantie-ellipse .notes a:visited {
	color: var(--bleu1);
}

.souscrire-bloc-3-contenu {
	font-size: 22px;
	text-align: center;
	font-weight: var(--fw-bold);
	text-transform: uppercase;
}

.souscrire-bloc-3-contenu .signe-moins {
	background-color: var(--orange);
	color: var(--blanc);
	font-size: 14px;
	font-weight: var(--fw-bold);
	padding: 4px;
	text-transform: uppercase;
}

.souscrire-bloc-3-contenu .s185 {
	color: var(--orange);
	font-weight: var(--fw-bold);
}

.souscrire-bloc-3-liste {
	margin: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-evenly;
	min-height: 280px;
}

.form-souscrire .form-control {
	height: 41px;
	font-size: 16px;
	font-weight: var(--fw-normal);
	background-color: var(--blanc);
	border: 1px solid var(--bleu1);
	margin-right: auto !important;
	margin-left: auto !important;
	width: 100%;
}

.form-souscrire textarea.form-control {
	height: 100%;
}

.form-souscrire #f_prix {
	width: auto;
}

#f_assurance_montant_sejour {
	width: auto;
}

.souscrire-code-avantage,
.souscrire-question,
.souscrire-etape-suivante {
	width: 305px;
	height: 124px;
	border-radius: 8px;
	background-color: var(--blanc);
	border: 4px solid #e7e7e7;
	color: var(--bleu3);
	font-size: 18px;
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.souscrire-code-avantage,
.souscrire-question a,
.souscrire-code-avantage,
.souscrire-question a:hover,
.souscrire-code-avantage,
.souscrire-question a:visited {
	color: inherit;
}

.souscrire-question p {
	color: var(--bleu3);
}

.souscrire-code-avantage {
	flex-direction: row;
	padding: 24px 0;
	width: 406px;
}

.souscrire-etape-suivante {
	height: auto;
	font-weight: var(--fw-normal);
	text-transform: none;
}

.souscrire-code-avantage [type='text'] {
	width: 228px;
}

.souscrire-bloc-validation a {
	width: auto !important;
}

/* souscrire-renouveler */
.souscrire-renouveler .souscrire-bloc-validation {
	flex-direction: column;
	min-height: 120px;
}

/* souscrire-paiement */
body.souscrire-paiement {
	font-size: 16px;
}

.souscrire-paiement .paiement-recapitulatif,
.souscrire-ok .paiement-recapitulatif {
	border-radius: 20px;
	background-color: #f4f4ef;
	padding: 0;
	text-align: center;
}

.souscrire-paiement .paiement-recapitulatif {
	min-height: 770px;
}

.souscrire-ok .paiement-recapitulatif {
	font-size: 16px;
}

.souscrire-paiement .paiement-recapitulatif h6,
.souscrire-ok .paiement-recapitulatif h6 {
	height: 58px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-color: var(--bleu2);
	border: 4px solid var(--bleu2);
	font-size: 18px;
	color: var(--blanc);
	font-weight: var(--fw-extrabold);
	text-transform: uppercase;
	padding: 15px;
	width: 100%;
}

.souscrire-ok .paiement-recapitulatif h6 {
	background-color: var(--orange);
	border: 4px solid var(--orange);
}

.souscrire-paiement .paiement-recapitulatif p {
	width: 75%;
	padding: 10px;
}

.souscrire-ok .paiement-recapitulatif p {
	width: 100%;
	padding: 10px;
}

.souscrire-paiement .paiement-recapitulatif p:not(:last-child) {
	border-bottom: 1px dotted;
}

.souscrire-paiement .paiement-message {
	padding: 20px;
	font-weight: 400;
	text-align: left;
}

.souscrire-paiement .paiement-bloc {
	display: flex;
	padding: 15px;
	margin-top: 40px;
	font-weight: var(--fw-bold);
	text-align: center;
	position: relative;
}

.souscrire-paiement .paiement-bloc h6 {
	font-size: 18px;
	margin-left: 10px;
	text-align: left;
}

.souscrire-paiement .paiement-bloc .mode_paiement,
.mode-alma-copie .mode_paiement {
	font-size: 15px;
	color: var(--bleu3);
	font-weight: var(--fw-extrabold);
	text-align: center;
	width: 244px;
	min-height: 247px;
	border-radius: 20px;
	filter: drop-shadow(14.474px 17.874px 0px rgba(231, 231, 218, 0.6));
	background-color: var(--blanc);
	border: 2px solid rgba(223, 223, 207, 0.5);
	padding: 35px 10px;
	margin-bottom: 20px;
	margin-right: 50px;
}

.souscrire-paiement .paiement-bloc .mode_paiement h3,
.mode-alma-copie .mode_paiement h3 {
	font-size: 24px;
	color: var(--bleu2);
	text-transform: uppercase;
}

.souscrire-paiement .paiement-bloc .mode_paiement input,
.mode-alma-copie .mode_paiement input {
	max-width: 20%;
}

.souscrire-paiement .paiement-bloc-secure {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
}

.mode-alma-copie .btn-modal-alma {
	width: 210px;
}

#sogenactif_form div:last-child img {
	max-width: 5px;
}

.souscrire-paiement .mode_paiement form,
.souscrire-paiement .mode_paiement h3 {
	cursor: pointer;
}

.souscrire-paiement a.btn-retour {
	width: 230px;
	height: 35px;
	border-radius: 8px;
	border: 1px solid var(--bleu1);
	font-size: 14px;
	color: var(--bleu3);
	padding: 5px;
	position: relative;
}

#almaModal .modal-content {
	border-radius: 2rem;
}

#almaModal .modal-header a {
	color: var(--bleu1);
	margin: -0.5rem -0.5rem -0.5rem auto;
}

#almaModal .modal-header,
#almaModal .modal-footer {
	border-bottom: transparent;
	border-top: transparent;
}

/* souscrire-cheque, souscrire-ok */
body.souscrire-cheque,
body.souscrire-ok {
	font-size: 22px;
}

.souscrire-cheque .souscrire-cheque-contenu {
	min-height: 300px;
}

/* politique-confidentialite */
.politique-confidentialite h6 {
	text-align: left;
}

/* assurance-flotte-velo */
body.assurance-flotte-velo {
	font-size: 16px;
}

.assurance-flotte-velo h5 {
	color: var(--bleu1);
	text-transform: none;
	text-align: center;
}

.assurance-flotte-velo .cadre {
	width: 580px;
	font-size: 16px;
}

.assurance-flotte-velo-5 .assurance-flotte-velo-bloc {
	min-height: 900px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.assurance-flotte-velo .cadre h6 {
	font-size: 24px;
}

.assurance-flotte-velo-1 .ul-fleche-bleu li:before {
	margin-top: 16px;
}

.assurance-flotte-velo-2 h3 {
	font-size: 50px;
	color: var(--bleu2);
	font-weight: var(--fw-normal);
}

.assurance-flotte-velo-3 .cadre {
	min-height: 230px !important;
	margin: 25px auto;
}

.assurance-flotte-velo-4 .cadre {
	width: 360px;
	min-height: 435px;
}

.assurance-flotte-velo-4 .cadre h5 {
	font-size: 20px;
}

.assurance-flotte-velo-4 .cadre .cadre-contenu p:first-of-type {
	min-height: 90px;
}

.assurance-flotte-velo-6 {
	margin: 100px 0;
}

/* affiliation */
.affiliation-bandeau {
	display: flex;
	align-content: space-around;
	flex-wrap: wrap;
	min-height: 630px;
}

/* contact */
.contact .cadre-contenu {
	height: 419px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	padding: 40px 0;
}

.contact .cadre h5 {
	color: var(--bleu3);
	text-align: center;
	text-transform: none;
}

.contact .cadre h4 {
	font-size: 18px;
}

.contact .form_contact {
	margin: 75px auto;
}

.contact .contact-bandeau {
	margin-top: 117px;
}

.contact-mail {
	background-color: #f4f4ef;
}

/* Small devices (landscape phones, 576px and up) - sm */
@media (min-width: 576px) {
	.le-saviez-vous .stats-bloc-450 .stats-bloc-contenu:after {
		width: 240px;
	}
}

/* Medium devices (tablets, 768px and up) - md */
@media (min-width: 768px) {
	.blog .blog-contenu-articles {
		padding-bottom: 290px;
		background: url(../images/tandem.png) no-repeat center bottom;
	}

	.placeholder,
	.placeholder-datepicker {
		left: 14px;
	}
}

/* Large devices (desktops, 992px and up) - lg */
@media (min-width: 992px) {
	/*.index .assurance-bulles{
		background: transparent;
		transform: translate(0, -50%);
		padding-top: 0;
		position: absolute;
		width: 100%;
    }*/

	.souscrire .separateur-bleu:after {
		content: '';
		width: 1px;
		height: 60%;
		background-color: var(--bleu2);
		display: block;
		position: absolute;
		top: 25%;
		right: 0;
	}
}

@media (max-width: 992px) {
	footer .footer-logos {
		margin-top: 1rem !important;
	}

	.slider {
		min-height: 872px;
		/* --bs-gutter-x: 1.5rem; */
		background-image: url(../images/accueil-md.jpg);
	}

	.slider form {
		background-color: transparent;
		border: transparent;
		left: 50%;
		top: 27px;
		padding: 0;
		transform: translate(-50%, 0);
	}

	.index .intro {
		padding: 90px 0 0 0;
	}

	.index .assurance-pictos .card .card-image {
		min-height: 164px;
	}

	.index .assurance-pictos .card .card-title {
		font-size: 21px;
	}

	.index .card .card-footer {
		font-size: 32px;
	}

	.index .assurance-garanties .card .card-title {
		font-size: 50px;
	}

	.index .assurance-garanties .card-body {
		display: flex;
		flex-direction: column;
	}

	.index .assurance-garanties .card .card-title,
	.index .assurance-garanties .card .card-subtitle,
	.index .assurance-garanties .card .card-text {
		text-align: center;
	}

	.index .assurance-garanties .card .card-text-content {
		border-left: none;
		display: block;
		padding-left: 0;
	}

	.assurance-flotte-velo .cadre {
		width: 100%;
	}

	.assurance-flotte-velo-4 .cadre {
		margin-bottom: 2rem;
	}

	.assurance-flotte-velo-5 .assurance-flotte-velo-bloc {
		margin-bottom: 2rem;
	}

	.affiliation-bandeau {
		min-height: 400px;
	}

	.blog .blog_article {
		border-bottom: 1px solid var(--bleu2);
	}

	.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-50 {
		transform: translateX(-70px) translateY(110px);
	}

	.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-450 {
		transform: translateX(0px) translateY(-50px);
	}

	.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-400k {
		transform: translateX(-150px) translateY(270px);
	}

	.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-95 {
		transform: translateX(260px) translateY(-80px);
	}

	.qui-sommes-nous h4 {
		margin-bottom: 20px;
	}

	.souscrire-bloc-3-liste {
		flex-direction: row;
		margin-top: 20px;
		min-height: 90px;
	}
}

@media (max-width: 768px) {

	h2,
	.h2 {
		font-size: 36px;
	}

	h4 {
		font-size: 18px;
	}

	footer {
		font-size: 16px;
	}

	footer .credits-haut {
		border-bottom: none;
		font-size: 14px;
	}

	footer .credits-haut img {
		max-width: 50%;
	}

	.navbar-brand {
		max-width: 70%;
	}

	.navbar-light .navbar-toggler {
		max-width: 30%;
	}

	.immatriculation {
		border-top: 1px solid var(--blanc);
		font-size: 12px;
	}

	.index .sinistre .bouton-groupe {
		display: flex;
		align-items: center;
		margin-top: 50px;
		justify-content: space-evenly;
		align-content: space-around;
		flex-direction: column;
	}

	.index .sinistre .bouton-groupe .bouton:last-child {
		margin-top: 1rem;
	}

	.index .assurance-garanties .card-body {
		display: flex;
		flex-direction: column-reverse;
	}

	.index .assurance-paiement {
		min-height: auto;
	}

	.index .assurance-reparateur-logos {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		align-items: center;
	}

	.etre-indemnise h5 {
		font-size: 36px;
	}

	body.qui-sommes-nous {
		font-size: 16px;
	}

	.qsn-pionnier-contenu-1 {
		font-size: 20px;
	}

	.qsn-pionnier-contenu p {
		margin-bottom: 16px;
	}

	.blog .blog-contenu h1 {
		font-size: 24px;
	}

	.nos-garanties h3 {
		font-size: 36px;
		text-align: center;
	}

	.nos-garanties a.btn.btn-blanc {
		padding: 10px 20px;
	}

	.btn.btn-fleche-bleu:before {
		display: none;
	}

	.nos-garanties .assurance .card-title,
	.nos-garanties .assurance .card-subtitle {
		font-size: 24px;
	}

	.cyclassist .cyclassist-pictos h3,
	.cyclassist .cyclassist-pictos h4 {
		font-size: 24px;
		text-align: center;
	}

	.cyclassist .cyclassist-contenu h5 {
		font-size: 16px;
	}

	label.radio-type-velo {
		margin-right: 10px;
		width: 40%;
	}

	.index label.radio-type-velo {
		width: 90%;
	}

	.souscrire .souscrire-bloc-2-2 {
		align-content: center;
		flex-direction: column;
		padding-bottom: 5px;
	}

	.souscrire .souscrire-bloc-2-2 .d-flex {
		justify-content: center;
	}

	.souscrire .souscrire-ssbloc-2-2 {
		width: 75%;
	}

	.souscrire .souscrire-bloc-4 {
		padding-top: 10px;
	}

	.souscrire .souscrire-bloc-4-1 {
		padding-bottom: 10px;
	}

	.souscrire-paiement .paiement-bloc .mode_paiement {
		margin-right: 20px;
		padding: 10px;
	}

	.nos-garanties .garantie-titre {
		border: 1px solid var(--bleu2);
	}

	.garanties-liste .garanties-liste-contenu {
		border: none;
		font-size: 16px;
		padding: 0;
	}

	.garanties-liste .garanties-liste-contenu-1 {
		background-image: url(../images/garantie-vol-md.png);
		background-size: contain;
		background-position: left;
		background-repeat: no-repeat;
		padding-left: 40%;
	}

	.garanties-liste-contenu-titre {
		font-size: 21px;
	}

	.souscrire-bloc-3-liste .ico_rep_ateliers_or,
	.souscrire-bloc-3-liste .ico_rep_tarifs_or,
	.souscrire-bloc-3-liste .ico_rep_packs_or {
		margin-left: 30px;
	}

	.modal-abandon .modal-content,
	.modal-abandon .modal-body {
		width: auto;
	}
}

@media (max-width: 576px) {

	.small,
	small {
		font-size: 0.85em;
	}

	footer {
		font-size: 15px;
	}

	h3 {
		font-size: 30px;
	}

	h5 {
		font-size: 26px;
	}

	.slider form,
	form [type='text'],
	form [type='email'],
	form textarea,
	form select {
		width: 100%;
	}

	.slider form label {
		font-size: 14px;
	}

	.slider form button,
	.slider submit,
	.slider [type='submit'] {
		font-size: 20px;
		width: 280px;
	}

	.index .intro {
		padding: 70px 0 0 0;
	}

	.index .assurance {
		padding: 160px 0 80px 0;
	}

	.index .assurance-pictos .card .card-image {
		min-height: 80px;
	}

	img.ico_gestion,
	img.ico_service,
	img.ico_paiement_3x {
		max-width: 70%;
		max-height: 80px;
	}

	.index .assurance-pictos .card .card-title {
		font-size: 18px;
	}

	.index .assurance-reparateur-md .ico_rep_ateliers_or,
	.index .assurance-reparateur-md .ico_rep_tarifs_or,
	.index .assurance-reparateur-md .ico_rep_packs_or {
		margin-top: 15px;
	}

	.index .sinistre .row,
	form.obtenir-tarif .row {
		margin: 0;
	}

	.le-saviez-vous .stats-bloc .stats-bloc-chiffre {
		font-size: 50px;
	}

	.le-saviez-vous .stats-bloc .stats-bloc-contenu {
		font-size: 20px;
		line-height: 20px;
	}

	.le-saviez-vous-md .stats-sources {
		position: relative;
		bottom: 0;
		right: 0;
		transform: none;
		width: 100%;
	}

	.blog-contenu .size-large img {
		width: 100%;
	}

	.faq .accordion button {
		font-size: 18px;
	}

	.btn.btn-orange {
		font-size: 14px;
		width: 100%;
	}

	.antivol .antivol-assure-img {
		min-height: 100px;
	}

	.garanties-liste .garanties-liste-contenu-1 {
		background-image: none;
		padding: 0;
	}

	.nos-garanties a.btn.cga {
		width: 100%;
		font-size: 14px;
	}

	.souscrire .btn.btn-orange {
		font-size: 14px;
	}

	.souscrire-bloc label.radio-type-velo {
		padding: 0;
		font-size: 14px;
		height: 50px;
	}

	.souscrire-bloc .input-group-text {
		font-size: 13px;
		white-space: break-spaces;
	}

	.souscrire .souscrire-ssbloc-2-2 {
		width: 95%;
	}

	.souscrire-code-avantage,
	.souscrire-question {
		width: 100%;
	}

	.souscrire-bloc-3-liste {
		flex-direction: column;
	}

	.souscrire-bloc-3-liste .ico_rep_ateliers_or,
	.souscrire-bloc-3-liste .ico_rep_tarifs_or,
	.souscrire-bloc-3-liste .ico_rep_packs_or {
		margin-bottom: 15px;
	}
}

/*  Extra large devices (large desktops, 1200px and up) - xl*/
@media (min-width: 1200px) {

	h2:before,
	.h2:before {
		content: '';
		background-color: var(--bleu2);
		display: inline-block;
		width: 116px;
		height: 4px;
		position: relative;
		top: -16px;
		left: -15px;
		margin-left: -116px;
	}
}

@media (max-width: 1200px) {
	header .navbar .container-fluid {
		flex-direction: row-reverse;
	}

	.navbar-light .navbar-toggler {
		color: #000;
		border-color: transparent;
	}

	.navbar-toggler {
		font-size: 2rem;
	}

	.qsn-fond-1 {
		background-size: cover;
		background-position: right;
	}

	.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-400k {
		transform: translateX(-100px) translateY(270px);
	}

	.souscrire .souscrire-bloc-4 h5 {
		font-size: 19px;
		font-weight: var(--fw-normal);
		padding: 5px 0;
	}

	.numero {
		width: 28px;
		height: 28px;
		padding: 2px 10px;
		font-size: 18px;
	}
}

@media (max-width: 1300px) {
	header {
		font-size: 19px;
	}

	.index .slider-titre {
		right: 50px;
	}
}

@media (min-width: 1500px) {
	header .navbar .navbar-nav {
		width: 75% !important;
	}
}

@media (max-width: 1500px) {
	.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-95 {
		transform: translateX(600px) translateY(-110px);
	}

	.le-saviez-vous:not(.le-saviez-vous-md) .stats-bloc-400k {
		transform: translateX(-150px) translateY(280px);
	}
}