@font-face {
	font-family: 'MyFont';
	src: url('/stylesheets/fonts/Roboto/Roboto-Regular.woff2');
	font-display: swap;
}

@font-face {
	font-family: 'MyFont';
	src: url('/stylesheets/fonts/Roboto/Roboto-Bold.woff2');
	font-weight: bold;
	font-display: swap;
}


@font-face {
	font-family: 'MyFontLight';
	src: url('/stylesheets/fonts/Roboto/Roboto-Light.woff2');
	font-display: swap;
}

@font-face {
	font-family: 'MyFontLight';
	src: url('/stylesheets/fonts/Roboto/Roboto-Bold.woff2');
	font-weight: bold;
	font-display: swap;
}

@font-face {
	font-family: 'MyFontBlack';
	src: url('/stylesheets/fonts/Roboto/Roboto-Black.woff2');
	font-display: swap;
}

/* variables template par default */
:root body[template="assurpeople"] {
    --main-color: #FF5000;
    --secondary-color: #25206b;
}
.greyColor {
	color:#a3a3a3;
}

/* Remove tap highlight on iOS */
input,
textarea,
button,
select,
label,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.ui-body-c,
.ui-overlay-c {
	text-shadow: none !important;
	background: #EBEBEB;
  background: white;
}

.ui-mobile, .ui-mobile body {
	height: auto !important;
}


.ui-btn-active {
	background: #D1D1D1 !important;
}

.margeMenu {
	height:55px;
}

#proposal-page .ui-btn-active {
	background: var(--secondary-color) !important;
	color:white;
}

#proposal-page #btn-quote,
#proposal-page #btn-quote-2 {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}
#proposal-page #btn-quote-2 .ui-btn-text, 
#proposal-page #btn-quote .ui-btn-text {
	font-size: 1.2em;
}
#proposal-page #btn-quote-2 .ui-btn-text span.underline, 
#proposal-page #btn-quote .ui-btn-text span.underline {
    font-weight: normal;
    font-size: 0.8em;
}

#proposal-page #conseil {
    margin-top: 30px;
    position: relative;
    background: white;
    border: 1px solid #000;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 1em;
}
#proposal-page #conseil svg {
    width:40px;
    float: left;
}
#proposal-page #conseil p {
    padding-left: 55px;
    margin-bottom: 0;
    line-height: 1.6em;
    font-weight: bold;
    margin-top: 0;
    }

#proposal-page #conseil:after,
#proposal-page #conseil:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#proposal-page #conseil.pointo_0:after,
#proposal-page #conseil.pointo_0:before {
    left: 16%;
}
#proposal-page #conseil.pointo_1:after,
#proposal-page #conseil.pointo_1:before {
    left: 50%;
}
#proposal-page #conseil.pointo_2:after,
#proposal-page #conseil.pointo_2:before {
    left: 84%;
}

#proposal-page #conseil:after {
    border-bottom-color: #000;
    border-width: 20px;
    margin-left: -20px;
}

#proposal-page #options tr.conseil p {
    /* border: 1px solid #000; */
    /* padding: 5px; */
    margin-right: 0;
    margin-top: 0px;
    border-top-width: 10px;
    margin-bottom: 5px;
}
#proposal-page #options tr.conseil p span {
    display: inline-block;
    /* margin-left: 25px; */
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.4em;
    /* float: right; */
    width: 85%;
    max-width: 85%;
}
#proposal-page #options tr.conseil p svg {
    width: 25px;
    /* float: left; */
    margin-right: 13px;
    display: inline-block;
    vertical-align: top;
    max-width: 15%;
}

/* BLOCK CONSEIL colors */
#proposal-page #options tr.conseil p svg,
#proposal-page #conseil svg {
    fill: var(--main-color);
}
#proposal-page #options tr.conseil p,
#proposal-page #conseil {
    border-color: var(--main-color);
}
#proposal-page #conseil:after,
#proposal-page #conseil:before {
    border-bottom-color: var(--main-color);
}

/* BLOCK CONSEIL colors */


#proposal-page .mentions_garanties {
  font-size: 0.8em;
  margin-bottom: 35px;
}

body[data-product=pet] #proposal-page .mentions_garanties {
	font-size: 0.8em;
	margin-bottom: 0px;
  }

/**
* redefined dialog style
*/
.ui-overlay,
.ui-dialog {
	background-color: #EEEEEE  !important;
	background-color: rgba(0,0,0,0.7)  !important;
	min-height: 100%;
	position: absolute;
	top: 0;
	width: 100vw;
	z-index: 1001;
	border: 0;
	padding: 0;
}

.ui-overlay .ui-page,
.ui-dialog .ui-page {
	min-height: 100% !important;
}

.ui-overlay .ui-listview,
.ui-dialog .ui-listview {
	margin: 0;
}

.btn-overlay-close,
.btn-dialog-close {
	display: block;
	position: relative;
	text-align: right;
	z-index: 1;
	color: #000;
	text-decoration: none;
	margin-right: 5px;
    height: 25px;
    border: none;
    background-image: url('/images/btn_close.png');
    background-position: right;
    background-repeat: no-repeat;
}

.ui-loader h1 {
	line-height: 25px !important;
}

.ui-loader.ui-body-a.ui-loader-default {
	background: transparent !important;
}
.ui-icon-loading {
    background: url('/images/ajax-loader.svg') !important;
    background-size: 46px 46px !important;
	background-color: grey !important;
}

a .ui-li-heading,
a .ui-li-desc {
	white-space: normal;
}

.break {
	clear: both;
}

.right {
	text-align: right;
}

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

.col-20 {
	width: 20% !important;
}

.col-80 {
	width: 80% !important;
}

.col-label {
	padding-right: 20px;
	min-width: 100px;
}

#page {
		clear: both;
		margin-bottom: 100px;
}

/**
* overlay
*/
.ui-overlay {
	opacity: 1;
}

.ui-overlay .ui-page {
	display: block;
}

/**
* List
*/
li.ui-state-highlight {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #E1E1E1 /*{c-bup-background-start}*/), to( #D1D1D1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #E1E1E1 /*{c-bup-background-start}*/, #D1D1D1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #E1E1E1 /*{c-bup-background-start}*/, #D1D1D1 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #E1E1E1 /*{c-bup-background-start}*/, #D1D1D1 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #E1E1E1 /*{c-bup-background-start}*/, #D1D1D1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #E1E1E1 /*{c-bup-background-start}*/, #D1D1D1 /*{c-bup-background-end}*/);
  background-image: none;
  background-color: #D1D1D1;
}

/**
* ADD TO FAV
*/
#addtofav-overlay {
	z-index: 10000000;
}

#addtofav-overlay .btn-overlay-close {
	display: block;
	position: relative;
	text-align: right;
	float:right;
	z-index: 1;
	color: #000;
	text-decoration: none;
	margin: 30px;
    height: 23px;
    width: 23px;
    border: none;
    background-image: url('/images/addtofav/btn_close.png');
    background-position: right;
    background-repeat: no-repeat;
}

#addtofav-overlay .preview {
	height: 155px;
    background-position: center;
    background-repeat: no-repeat;
}

#addtofav-overlay .preview.android {
 	background-image: url('/images/addtofav/view_android.png');
}

#addtofav-overlay .preview.iphone {
 	background-image: url('/images/addtofav/view_iphone.png');
}

#addtofav-overlay .button.iphone {
	display: inline-block;
	width: 19px;
	height: 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/addtofav/btn_share.png');
}

#addtofav-overlay .ui-page {
    color: #ffffff;
    margin: 10% auto 15px;
    max-width: 250px;
    position: relative;
    text-align: center;
    font-size: 1.1em;
}

#addtofav-overlay p:first-child strong {
	color: #FFFFFF;
}

#addtofav-overlay p:last-child strong {
	color: #F09727;
}


/**
* HEADER
*/

#navbar {
	background-color: #FFF;
	background-position: center;
	background-repeat: no-repeat;
	height: 55px;
	padding-top: 1px;
	top: -1px;
	border-left-width: 0;
	border-right-width: 0;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 0 0 0 #FFFFFF;
	left: 0;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 1000;
}

/* body #navbar {
	background-image: url('/images/logos/hd_assurpeople.svg');
} */
 
/* TEST */
body[data-instant-logo=true][template=assurpeople] #navbar, /* car, home, pet */
body[template=assurpeople] #navbar { /* rent */
	background-image: url('/images/logos/hd_assurpeople.svg');
}

body > h1 {
	line-height: 45px;
	font-family: MyFontPartLight,MyFontLight,Helvetica,Arial,sans-serif;
	/* background: var(--main-color);
	background: #8E8E8E; */
	background: var(--secondary-color);
	color: #FFF;
	font-size: 1.4em;
	margin: 0;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
}

/**
* Back & Next Buttons
*/
	a[data-role="button"][data-theme="reset"].btn-next,
	a[data-role="button"][data-theme="reset"].btn-back {
		width: 62px;
		height: 30px;
		font-size: 1em;
		margin-top: 10px;
		border: 1px solid white;
	}

	a[data-role="button"][data-theme="reset"].btn-back .ui-btn-inner {
		padding-top: 8px;
		padding-right: 0 !important;
	}

	a[data-role="button"][data-theme="reset"].btn-next .ui-btn-inner {
		padding-top: 8px;
		padding-left: 4px;
	}


/*
* fix webkit overriding style
*/
a[data-role="button"].btn-back  {
		background-image: url('/images/button_back.png') !important;
		background-color: #FFF !important;
}

a[data-role="button"].btn-back.ui-btn-hover-reset  {
	background-image: url('/images/button_back_pressed.png') !important;
}


.btn-back.ui-btn-up-reset { background-image: url('/images/button_back.png'); }
.btn-back.ui-btn-hover-reset { background-image: url('/images/button_back_pressed.png'); }
.btn-back.ui-btn-down-reset { background-image: url('/images/button_back_pressed.png'); }
.btn-back.btn-inactive { background-image: url('/images/button_back_inactive.png'); }
a[data-role="button"][data-theme="reset"].btn-inactive .ui-btn-inner { color: #AAAAAA;	 }


.btn-next.ui-btn-up-reset { background-image: url('/images/button_next.png'); }
.btn-next.ui-btn-hover-reset { background-image: url('/images/button_next_pressed.png'); }
.btn-next.ui-btn-down-reset { background-image: url('/images/button_next_pressed.png'); }
.btn-next.btn-inactive { background-image: url('/images/button_next_inactive.png');}


/**
* FORM
*/

.form-col-right {
	width: 78%;
	display: inline-block;
}

/* credit card input */

.form-cc-inputs div.ui-input-text {
    display: inline-block !important;
    margin-right: 2px !important;
    min-width: 58px !important;
    width: 19%;
    padding: 0 2px !important;
}

.form-iban-inputs div.ui-input-text {
    display: inline-block !important;
    margin-right: 2px !important;
    /* min-width: 54px !important; */
    width: 15% !important;
    padding: 0 2px !important;
    margin-bottom: 2px !important;
}

.form-iban-inputs div.ui-input-text:last-child {
	min-width: 39px !important;
    width: 12% !important;
}
.form-iban-input input.ui-input-text::placeholder {
	font-style: italic !important;
}



.select-list {
	margin: 0;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#slideshow {
	overflow: hidden;
  white-space: nowrap;
  width: 200%;
}

.slide {
	margin-bottom: 20px;
	float: left;
	width: 50%;
	white-space: normal;
	position: relative;
}

.slide-info {
    margin: 0 5px 25px;
}

.slide-legal {
    position: absolute;
    bottom: 100px;
    width: 100%;
  	/* Set the fixed height of the footer here */
    height: 40px;
    line-height: 1.5em; /* Vertically center the text there */
    font-size: 0.8em;
}
.slide-legal .ui-link,
.slide-legal .ui-link:visited {
		font-size: 0.9em;
		font-weight: normal;
		color:#8E8E8E;
}

a.icon-help.ui-link  {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 27px;
    right: 10px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    color: white;
    margin-right: 0px;
    margin-top: 20px;
    box-shadow: 0 2px 1px 0px rgba(0, 0, 0, 0.1);
    font-size: 22px;
    font-weight: normal;
	cursor: pointer;
}

#payment-page a.icon-help.ui-link {
	margin-top: 0;
}


a.icon-help.ui-link:active,
a.icon-help.ui-link:hover {
    color: white !important;
}

.slide a.icon-help.ui-link {
  right: 0;
}


.legal .ui-checkbox {
	display: inline;
}
.legal .ui-checkbox input{
	position: relative;
top: inherit;
left: inherit;
width: inherit;
height: inherit;
}

.slide-info .triangle {
	width: 0;
	height: 0;
	margin-left: 90%;
	border-style: solid;
	border-width: 0 0 25px 25px;
	border-color: transparent transparent #ffffff transparent;
}

.slide-info .content {
	background: #FFF;
	padding: 5px;
	background: #fff url("/images/info_smiley.png") no-repeat scroll 20px center;
	box-shadow: 0 2px 1px 0px rgba(0, 0, 0, 0.1);
	color: #2f2f2f;
	font-size: 1.1em;
	font-weight: bold;
	padding: 30px 20px 30px 70px;
}

.slide-content {
	background: #FFF;
	margin: 5px 5px 0;
	padding: 20px;
	margin-top: 0;
}

.slide-title {
   border-bottom: 1px solid #ebebeb;
   display: block;
   font-size: 1.2em;
   line-height: 1.3em;
   font-weight: normal;
   margin: 0 0 15px;
   padding: 0 0 20px;
}

.slide-title sup {
	vertical-align: text-top;
	top: -0.2em;
	position: relative;
}

.slide-highlight {
	background: #ebebeb;
    padding: 15px;
    margin: 0;
	color: #353535;
	text-align: center;
	box-shadow: 1px 2px 5px #888888;
	-moz-box-shadow: 1px 2px 5px #888888;
	-webkit-box-shadow: 1px 2px 5px #888888;
	margin-bottom: 30px;
}

.has_help .slide-title {
	margin-right: 10px;
}

.slide-footer {
	margin: 0 5px 0;
}

.alert-box .alert-button a.btn-submit,
.slide-footer a.btn-submit {
	margin-top: 0;
	padding: 7px 0;
}

.alert-box .alert-button a.btn-submit span,
.slide-footer a.btn-submit span{
		font-size: 1em;
		line-height: 1.1em;
		font-weight: bold;
		/* text-transform: uppercase; */
}

.alert-box .alert-content a {
	color: black;
	font-weight: bold;
}

.slide-footer a.btn-choice {
		font-size: 1em;
		line-height: 1.1em;
		font-weight: bold;
		text-transform: uppercase;
		padding: 7px 0;
		margin: 0;
}

.slide-footer a.btn-choice:first-child {
	border-bottom: 1px solid white;
}


.slide-footer a.btn-choice .ui-btn-text {
	color: #FFF;
}

.btn-choice.ui-btn-up-reset { background: var(--main-color); text-shadow: none; margin-top: 20px;}


#btn-refused {
	background: #8E8E8E;
}


.btn-choice.ui-btn-hover-reset,
.btn-choice.ui-btn-down-reset  { background: #8E8E8E; text-shadow: none; margin-top: 20px;}


.select-list ul {
	margin: 0 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.select-list li {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
}

.select-list li:not(:first-child) {
  margin: 10px 0 !important;
}

ul.confirmed-list {
	margin: 0 10px;
  padding: 0 5px;
}

ul.confirmed-list li {
	margin: 15px 5px;
}

/**
* override checkbox style
*/

fieldset.ui-centered > div {
	margin: auto !important;
	display: block !important;
}

.slide-content .ui-checkbox label {
	background: #FFF !important;
	border: none !important;
}


#validation-page .ui-checkbox .ui-btn-inner {
  padding-right: 85px !important;
}

#email .ui-checkbox .ui-btn-icon-left .ui-btn-text,
#info_email .ui-checkbox .ui-btn-icon-left .ui-btn-text {
	font-weight: normal;
	font-size: 14px;
}
#email .ui-checkbox .ui-btn-icon-left .ui-icon,
#info_email .ui-checkbox .ui-btn-icon-left .ui-icon {
	left: 0;
}
#email .ui-checkbox .ui-btn-icon-left .ui-btn-inner,
#info_email .ui-checkbox .ui-btn-icon-left .ui-btn-inner {
	padding-left: 30px;
	padding-right: 0;
}
#email .ui-checkbox.field_error,
#info_email .ui-checkbox.field_error {
	border: none;
}
#email .ui-checkbox.field_error .ui-btn-icon-left .ui-icon,
#info_email .ui-checkbox.field_error .ui-btn-icon-left .ui-icon {
	border: 1px solid #e71555;
}

.slide-content .ui-checkbox .ui-icon {
    background-image: url("/images/checkbox.png");
    background-position: center top;
    height: 23px;
    top: 5px;
    width: 23px;
    margin-top: 3px;
}



.slide-content .ui-checkbox .ui-icon.ui-icon-checkbox-on {
	background-image: url("/images/checkbox_active.png");
}

.parrainage{
	text-align:center;
}

.parrainage .btn-submit{
	width:85%;
	margin:auto
}

/**
*  override radio group
*/
.ui-controlgroup .ui-radio .ui-btn {
	margin: 0 10px 10px;
}

.ui-controlgroup .ui-radio .ui-btn-inner {
  padding: 1em 20px;
  /* min-width: 55px; */
  font-size: 18px;
}

.ui-controlgroup-horizontal .ui-btn {
	border-right-width: 1px;
}


/**
* Date scroller
*/
.dw-inline .dw {
	display: inherit;
	width:80%; /* add by af */
	margin: 0 auto; /* add by af */
}

.dwc {
	display: inherit;
}

.dw-li {
	padding: 0 2px;
}

.dwfl:last-child .dw-i {
	text-align: right;
}


/**
* FOOTER
*/

#footer {
	height: 45px;
	text-align: right;
	border-color: #FFF;
	border-image: none;
	border-style: solid;
	border-width: 1px 0 0;
	background: #FFF; /*{a-bar-background-color}; */
	color: #FFF /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #ffffff /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFF /*{a-bar-background-start}*/), to( #FFF /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #FFF /*{a-bar-background-start}*/, #FFF /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #FFF /*{a-bar-background-start}*/, #FFF /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #FFF /*{a-bar-background-start}*/, #FFF /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #FFF /*{a-bar-background-start}*/, #FFF /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image: linear-gradient( #FFF /*{a-bar-background-start}*/, #FFF /*{a-bar-background-end}*/);
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 1000;
	bottom: -1px;
	border-left-width: 0;
	border-right-width: 0;
	/*padding-bottom: 1px;*/
	color: #FFFFFF;
	font-weight: bold;
}

.ui-icon-btnhome {
    width: 45px;
    height: 45px;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: -11px;
 	
	/* nouveau code svg */
    --svg: url("/images/pictos/maison.svg");
	--size: 14px;
	--repeat: no-repeat;
	--position: center;
    -webkit-mask-image: var(--svg);
	-webkit-mask-size: var(--size);
	-webkit-mask-repeat: var(--repeat);
	-webkit-mask-position: var(--position);
    mask-image: var(--svg);
	mask-size: var(--size);
	mask-repeat: var(--repeat);
	mask-position: var(--position);
	background-color: white;
    /* */
}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon.ui-icon-btnhome {
	--size: 18px;
	top: 6px;
	left: 0;
}

a[data-role="button"].btn-home {
	background: var(--secondary-color);
	height: 45px;
	width: 45px;
	left: 0;
	top: 0;
	border-right: 2px solid #FFF;
	z-index: 1000;
}

a[data-role="button"].btn-advisor {
	background: var(--main-color);
	/* text-align: right; */
	padding-left: 40px;
	/* border-left: 2px solid #FFF; */
	padding-right: 5px;
}
/* nouveaux Icones */
span.icone {
	--size: 1em; /* hauteur du picto default : 1 em */
	--height: var(--size);
	--aspect-ratio: 1/1;
	--color: black;
	display: inline-block;
    height: var(--height);
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
 	--repeat: no-repeat;
	--position: center;
    -webkit-mask-image: var(--svg);
	-webkit-mask-size: var(--size);
	-webkit-mask-repeat: var(--repeat);
	-webkit-mask-position: var(--position);
    mask-image: var(--svg);
	mask-size: auto;
	mask-repeat: var(--repeat);
	mask-position: var(--position);
	background-color: var(--color);
	aspect-ratio: var(--aspect-ratio);
}
span.icone.mainColor {
	--color: var(--main-color);
}
span.icone.secondaryColor {
	--color: var(--secondary-color);
}
span.icone.greenLight {
	--color: #8ee97d;
}
span.icone.green {
	--color: green;
}
span.icone.icone-32 {
	--size: 32px;
}
span.icone.icone-43 {
	--size: 43px;
}
span.icone.float-left {
	float: left;
	margin-right: 15px;
}
span.icone.ml-1 {
	margin-left: 0.5em;
}
span.icone-maison {
	--svg: url("/images/pictos/maison.svg");
}
span.icone-assurance-habitation {
	--svg: url("/images/pictos/assurance-habitation.svg");
}
span.icone-voiture {
	--svg: url("/images/pictos/voiture.svg");
	--aspect-ratio: 106/75;
}
span.icone-validation {
	--svg: url("/images/pictos/validation.svg");
}
span.icone-cadenas {
	--svg: url("/images/pictos/cadenas.svg");
	--aspect-ratio: 127/150;
}

/* a[data-role="button"].btn-advisor .ui-btn-text .arrow,
a[data-role="button"].with_arrow .ui-btn-text .arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  margin-left: 8px;
  vertical-align: text-top;
}

a[data-role="button"].with_arrow .ui-btn-text .arrow {
	float:right;
	border-width: 0 6px 6px 0;
	margin-right: 8px;
} */

#footer a[data-role="button"].btn-advisor .ui-btn-text .arrow {
	position: absolute;
	top: 3px;
	right: 0px;
	width: 0;
	height: 0;
	border-width: 6px 0 6px 7px;
	border-color: transparent transparent transparent white;
	border-style: solid;
}

#call-dialog a[data-role="button"].btn-advisor .ui-btn-text .arrow,
a[data-role="button"].with_arrow .ui-btn-text .arrow {
	position: relative;
	float:right;
	width: 0;
	height: 0;
	border-width: 9.5px 0 9.5px 16px;
	border-color: transparent transparent transparent white;
	border-style: solid;
}

 #proposal-page a[data-role="button"].cta_fixed.with_arrow .ui-btn-text .arrow {margin-top: 7px;}
 a[data-role="button"].cta_fixed.with_arrow .ui-btn-text .arrow {margin-top: 0px;}

a[data-role="button"].with_arrow .ui-btn-text {
	margin-left: calc(7vw);
}

a[data-role="button"].btn-home .ui-btn-inner {
  height: 32px;
  padding-top: 0;
}

.ui-icon-advisor {
    width: 45px;
    height: 45px;
    border: none;
    box-shadow: none;
    margin-left: -40px;
	/* nouveau code svg */
    --svg: url("/images/pictos/telephone.svg");
	--size: 20px;
	--repeat: no-repeat;
	--position: center;
    -webkit-mask-image: var(--svg);
	-webkit-mask-size: var(--size);
	-webkit-mask-repeat: var(--repeat);
	-webkit-mask-position: var(--position);
    mask-image: var(--svg);
	mask-size: var(--size);
	mask-repeat: var(--repeat);
	mask-position: var(--position);
	background-color: white;
    /* */
}


a[data-role="button"].btn-advisor .ui-btn-inner {
	/* padding-right: 45px !important; */
}



a[data-role="button"].btn-advisor .ui-btn-text {
	color: #FFF;
	font-size: 1.2em;
  	font-weight: 700;
	padding-right: 15px;
}

a[data-role="button"].btn-advisor .ui-icon {
	top: 0;
	margin-top: 0;
}

a[data-role="button"].btn-advisor .ui-btn-text {
	line-height: 32px;
}

a[data-role="button"].btn-advisor.gratuitgratuit,
a[data-role="button"].btn-advisor.gratuitgratuit.ui-btn-active {
	background-image: url("/images/fond_numero_gratuitgratuit.png") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
  background-color: transparent !important;
  border:none !important;
	float: right;
	padding-left: 0px;
	margin-right: 0.3em;
	margin-top: 0.3em;
	width: 60%;
	text-align: left;
	max-width: 270px;
	font-weight: 700;
}

a[data-role="button"].btn-advisor.gratuitgratuit  .ui-btn-text {
  color: #78b41e;
  font-size: 1.3em;
  line-height: 1.4em;
}
a[data-role="button"].btn-advisor.gratuitgratuit .ui-btn-inner {
}

#call-dialog a[data-role="button"].btn-advisor {display: block;margin: 0;}

#call-dialog a[data-role="button"].btn-advisor  .ui-btn-text {line-height: normal;}
#call-dialog a[data-role="button"].btn-advisor  .ui-btn-inner {
}
#call-dialog a[data-role="button"].btn-advisor .ui-icon {
    /* height: 35px; */
    left: 0px;
	top: 0px
}
#call-dialog a[data-role="button"].btn-advisor .ui-btn-text .arrow {
  /* vertical-align: inherit;
  float: right;
  margin-top: 3px;
  margin-right: 3px; */
}

#call-dialog a[data-role="button"].btn-advisor.gratuitgratuit {
	background-size: 100% auto !important;
	background-position-y: center !important;
	width: 236px;
	float: none;
	margin: 0 auto;
	display: block;
	height: 40px;
	line-height: 44px;
	text-indent: 8px;
	margin-bottom: 20px;
}
#call-dialog a[data-role="button"].btn-advisor.gratuitgratuit .ui-btn-inner{
	padding: 0;
}
#call-dialog a[data-role="button"].btn-advisor.gratuitgratuit  .ui-btn-text {
  color: #78b41e;
  font-size: 1.1em;
  line-height: 1.4em;
}
#call-dialog .title {
  font-size: 1.3em;
}
#call-dialog {
  line-height: 1.4em;
}
.ui-icon-home {
  /* background-image: url("/images/retina/picto_home.png");
  background-size: 18px; */
}

@media only screen and (max-width:320px) {
  a[data-role="button"].btn-advisor.gratuitgratuit {
  margin-top: 0.6em;
  }
	a[data-role="button"].btn-advisor.gratuitgratuit  .ui-btn-text {
    font-size: 1.10em;
    line-height: 1.2em;
  }
}




body[template="assurpeople"] .mainColor {
    color: var(--main-color)
}

	/*
	* RESET JQUERY THEME
	*/
a[data-role="button"][data-theme="reset"] {
   	border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
   	box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;
   	text-decoration: none;
   }

   a[data-role="button"][data-theme="reset"] .ui-btn-inner {
       color: #222;
       overflow: visible;
       text-shadow: none;
       padding-left: 10px;
       padding-right: 10px;
       border: none;
       border-radius: 0;
       background: none;
       box-shadow: none;
   }

   a[data-role="button"][data-theme="reset"] .ui-icon {
   	border-radius: 0;
   }

   /* hide button text
 * NOTE: data-iconpos="notext" does not affect the navbar. It's overriden by data-iconpos="top"
 */
a[data-theme="reset"][data-role="button"].notext .ui-btn-text {
    display: none;
}

/* remove button background */
a[data-role="button"][data-theme="reset"].app-theme-none .ui-btn-inner {
    color: #222;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* remove icon background */
a[data-role="button"][data-theme="reset"].app-theme-none .ui-btn-inner .ui-icon {
        background-color: rgba(0, 0, 0, 0);
        border: none;
        box-shadow: none;
}


/* tarif */
/* dynamique height en auto */
#fieldset-formul .ui-controlgroup-controls {
	display: flex !important;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
}
#fieldset-formul .ui-controlgroup-controls .ui-radio label .ui-btn-inner {
	padding: 0.6em 0;
	border: 0;
}
#fieldset-formul .ui-controlgroup-controls #conseil {
	flex-basis: 100% !important;
}
#fieldset-formul .ui-controlgroup-controls .ui-radio label {
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
/* mrh 4 formules en carrés */
body[data-product="home"] #fieldset-formul .ui-controlgroup-controls {
	display: block !important;
}

#fieldset-formul .ui-radio {
  width: 33%;
}
.tarif-formules-1 #fieldset-formul .ui-radio {
  width: 100%;
}
.tarif-formules-2 #fieldset-formul .ui-radio {
  width: 50%;
}

.titre-carre,
#fieldset-formul legend {
  border-bottom: 1px solid orange;
  border-bottom: 1px solid #8E8E8E;
  font-size: 1.17em;
}

#fieldset-formul legend {
margin-bottom: 20px;
text-transform: initial;
font-weight: bold;
  color: black;
}
#fieldset-formul legend::first-letter {
  text-transform: uppercase;
}

.titre-carre:before,
#fieldset-formul legend:before {
  content: attr(data-index);
  background-color: orange;
  background-color: #8E8E8E;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  margin-right: 10px;
  color: white;
}

#fieldset-formul legend:before {
  content: "1";
}

.titre-carre .ui-btn {
  margin: 0;
}

.tarifTotal {
font-size: 1.5em;
text-align: center;
font-weight: bold;
}

.ui-table-reflow td {
  display: table-cell;
  vertical-align: middle;
}

#guarantees tr {
background-color: white;
}

#guarantees tr,
#options tr,
#packs tr {
  background-color: #ffe3c0;
  background-color: #fed8c5;
}

#options,
#packs {
  margin-bottom: 35px;
}

#guarantees {
  margin-bottom: 15px;
}

#options tr.sousOption {
  background-color: white;
  -webkit-box-shadow: inset 1px 5px 9px -6px rgba(0,0,0,0.35);
  -moz-box-shadow: inset 1px 5px 9px -6px rgba(0,0,0,0.35);
  box-shadow: inset 1px 5px 9px -6px rgba(0,0,0,0.35);
}

#options tr.sousOption + .definition  {
  background-color: white;
}

#guarantees tr.selected,
#options tr.selected,
#options tr.selected.sousOption + .definition,
#packs tr.selected {
  background-color: rgba(255, 255, 255, 0.5);
}

#guarantees tbody td,
#options tbody td,
#packs tbody td {
  border-top: 6px solid #EBEBEB;
  border-top: 6px solid white;
}

#guarantees tbody tr.sousOption td,
#options tbody tr.sousOption td,
#packs tbody tr.sousOption td {
  border-top: 0px solid orange !important;
}


#guarantees tbody tr.definition td,
#options tbody tr.definition td,
#packs tbody tr.definition td,
#options tbody tr.conseil td {
  border: 0;
  border-top: 1px solid rgba(0,0,0,.05) !important;
  padding: 15px;
}
#guarantees tbody tr:first-child td,
#options tbody tr:first-child td {
  border: 0;
}

#options tbody tr.sousOption {
  display: none;
}
#options tbody tr.selected.sousOption {
  display: table-row;
}

#guarantees td,
#options td {
padding: .5em .3em;
}

#guarantees td:first-child,
#options td:first-child,
#packs td:first-child {
}

#guarantees td[class|="formule"],
#options td[class|="formule"],
#packs td[class|="formule"] {
  text-align: right;
}

#guarantees .definition,
#options .definition,
#packs .definition
 {
  display: none;
}

#guarantees .ui-btn,
#options .ui-btn,
#packs .ui-btn {
	margin: 0;
}

#guarantees,
#options,
#packs {
	font-size: 0.9em;
}

#guarantees .ui-grid-b div,
#options .ui-grid-b div ,
#packs .ui-grid-b div,
#guarantees .ui-grid-a div,
#options .ui-grid-a div ,
#packs .ui-grid-a div {
  text-align: center;
}

#guarantees .actions {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1em;
	color: #3D8E02;
	width: 30px;
}

body[data-product="pet"] #guarantees .actions.club {
	position: relative;
}
body[data-product="pet"] #guarantees .actions.club a {
	position:absolute;
	top: 8px;
	right: 0;
	margin-right: 8px;
}
body[data-product="pet"] #guarantees .actions.club a .ui-btn-inner {
	padding: .2em 10px;
}

#options tr td:first-child,
#guarantees tr td:first-child {
	width: 30px;
}
#options tr td:nth-child(2),
#guarantees tr td:nth-child(2) {
	width: 30px;
}

#options .actions {
	text-align: right;
	width: 140px;
}

#packs .actions {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
#options .actions input,
#packs .actions input {
  display: none;
}

#packs h4 {
  margin-top: 10px;
  font-size: 1.1em;
text-align: center;
}

.guarantees-line {
	width: 100% !important;
	border-bottom: 1px solid #A3A3A3;
}

.info-fees {
	color: #A3A3A3;
	font-size: 0.9em;
}

.details.ui-mini .ui-btn-inner {
  padding: 4px 6px;
  font-weight: bold;
  font-size: 16px;
  /*color: var(--main-color);*/
}

.selected .details.ui-mini .ui-btn-inner {
  color: black;
}

.cotisation {
    background-color: white;
    padding: 10px;
}

#fieldset-formul .ui-radio .ui-btn {
  margin: 0 5px 10px;
}
#fieldset-formul .ui-radio:first-child .ui-btn {
margin-left: 0;
}
#fieldset-formul .ui-radio:last-child .ui-btn {margin-right: 0;}

.actions em {
  margin-top: 5px;
  display: block;
  font-size: 0.9em;
}


/* Payment */


#payment-result {
	font-size: 0.9em;
}

#payment-result .ui-block-a {
	width: 30% !important;
	margin: 10px 0;
	font-weight:  bold;
}

#payment-result .ui-block-b {
	width: 70% !important;
	margin: 10px 0;
}

/* Add alternating row stripes */
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
  background-color: rgba(0,0,0,0.04);
}

.table-stripe tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.table-stripe tbody tr:first-child {
  border-top: 1px solid rgba(0, 0, 0, .1);
}


/**
* Validation page
*/
#validation-page .ui-checkbox .ui-btn-text {
	/*padding-top: 20px;*/
	display: block;
	/*text-align:justify;*/
	font-weight: normal;
}

#validation-page .ui-checkbox .ui-icon {
	top: 25px;
}

/**
*
* Closed services dialog
*
*/
.closed-dialog-content {
	background: #FFF;
	padding: 10px;
	margin-top: 5px;
}

.closed-dialog-content a {
	margin: 10px;
}

.closed-dialog-content p {
	color: #A3A3A3;
}

[template=assurpeople] #devis-erreur{
        /* background: url(/images/superpeople-appel.png) no-repeat; */
        padding-left: 30%;
        background-size: 100px;
        height: 170px;
        padding-top: 20px;
}

.btn-parrainage{
    background-color: #c8c8c4 !important;
}
[template=assurpeople] .btn-parrainage {
	background-color: var(--secondary-color) !important;
}

.btn-parrainage span{
	color:#000 !important;
}
[template=assurpeople] .btn-parrainage span {
	color: white !important;
}
/**
* HDPI & Retina rules
*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
		only screen and (min-device-pixel-ratio : 1.5) {

	#navbar {
		-webkit-background-size: 145px 38px;
		background-size: 145px 38px;
	}

	a[data-role="button"][data-theme="reset"].btn-next,
	a[data-role="button"][data-theme="reset"].btn-back {
		-webkit-background-size: 62px 30px;
		background-size: 62px 30px;
	}

	/*
	* fix webkit overriding style
	*/
	a[data-role="button"].btn-back  {
		background-image: url('/images/retina/button_back.png') !important;
		-webkit-background-size: 62px 30px !important;
		background-size: 62px 30px !important;
	}

	a[data-role="button"].btn-back.ui-btn-hover-reset  {
		background-image: url('/images/retina/button_back_pressed.png') !important;
		-webkit-background-size: 62px 30px !important;
		background-size: 62px 30px !important;
	}


	.btn-back.ui-btn-up-reset { background-image: url('/images/retina/button_back.png'); }
	.btn-back.ui-btn-hover-reset { background-image: url('/images/retina/button_back_pressed.png'); }
	.btn-back.ui-btn-down-reset { background-image: url('/images/retina/button_back_pressed.png'); }
	.btn-back.btn-inactive { background-image: url('/images/retina/button_back_inactive.png'); }

	.btn-next.ui-btn-up-reset { background-image: url('/images/retina/button_next.png'); }
	.btn-next.ui-btn-hover-reset { background-image: url('/images/retina/button_next_pressed.png'); }
	.btn-next.ui-btn-down-reset { background-image: url('/images/retina/button_next_pressed.png'); }
	.btn-next.btn-inactive { background-image: url('/images/retina/button_next_inactive.png'); }

	.ui-icon-btnhome {
	}

	.ui-icon-advisor {
	}

	.btn-dialog-close {
		-webkit-background-size: 19px 19px;
		background-size: 19px 19px;
	    background-image: url('/images/retina/btn_close.png');
	}

	.slide-info .content {
	  background-image: url("/images/retina/info_smiley.png");
	  -webkit-background-size: 32px 31px;
			background-size: 32px 31px;
	}

.slide-content .ui-checkbox .ui-icon {
    background-image: url("/images/retina/checkbox.png") !important;
		-webkit-background-size: 23px 23px;
		background-size: 23px 23px;
}



.slide-content .ui-checkbox .ui-icon.ui-icon-checkbox-on {
	 background-image: url("/images/retina/checkbox_active.png") !important;
	 -webkit-background-size: 23px 23px;
	 background-size: 23px 23px;
}

	/**
	* ADD TO FAV
	*/
	#addtofav-overlay .btn-overlay-close {
	    background-image: url('/images/retina/addtofav/btn_close.png');
	    background-size: 23px 23px;
	    -webkit-background-size: 23px 23px;
	}

	#addtofav-overlay .preview {
	    background-size: 170px 155px;
	    -webkit-background-size: 170px 155px;
	}

	#addtofav-overlay .preview.android {
	 	background-image: url('/images/retina/addtofav/view_android.png');
	}

	#addtofav-overlay .preview.iphone {
	 	background-image: url('/images/retina/addtofav/view_iphone.png');
	}

	#addtofav-overlay .button.iphone {
	    background-size: 19px 27px;
	    -webkit-background-size: 19px 27px;
	    background-image: url('/images/retina/addtofav/btn_share.png');
	}

    #devis-erreur{
        /* padding-left: 30%; */
        background-size: 90px;
        height: 170px;
        padding-top:0px;
    }

}

#fieldset-amount span {
	color: var(--main-color);
	font-weight: bold;
}

.callback-form .ui-btn-up-c,
#hamon-form .ui-btn-up-c {
	background: #F90 !important;
	border: none;
	color: white;
	text-shadow: 0 0 0;
}

/* .mainColor {
	color: var(--main-color);
	fill: var(--main-color);
}
.mainColorBg {
	background: var(--main-color);;
}
.mainColorBorder {
	border-color: var(--main-color);;
} */

body  .mainColor {								color:var(--main-color);fill:var(--main-color)}
body  .mainColorBg {							background: var(--main-color)}
body  .secondaryColor {							color:var(--secondary-color);fill:var(--secondary-color)}
body  .secondaryBg {							background: var(--main-color)}

.wrapInCircle {
	border-radius: 10em;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
}

#car-contract-form .slide-legal,
#home-contract-form .slide-legal {
	display:none;
}
#car-validation-form .slide-legal,
#home-validation-form .slide-legal {
    display:none;
}
#car-payment-form .slide-legal,
#form-payment-form .slide-legal {
    display:none;
}

.warning {
		background-image: url('/images/warning.png');
		background-repeat: no-repeat;
		padding-left: 50px;
		background-position-y: center;
}

#proposal-page #btn-quote-2.cta_fixed,
#quotation-summary-page .btn-submit.cta_fixed {
    position: fixed;
    z-index: 1100;
    width: 100%;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    -webkit-box-shadow: 0px -3px 15px -2px rgba(0,0,0,0.36) !important;
    -moz-box-shadow: 0px -3px 15px -2px rgba(0,0,0,0.36) !important;
    box-shadow: 0px -3px 15px -2px rgba(0,0,0,0.36) !important;
}
#proposal-page #btn-quote-2 .underline {
  display: none;
}
#proposal-page #btn-quote-2.cta_fixed .underline {
  display: block;
margin-top: 5px;
}

.colPack:before {
  content: "+";
  display: block;
  float: right;
  font-size: 2em;
  font-weight: bold;
  color: grey;
  margin-right: -7px;
}

.colPack:last-child:before,
.ui-block-c:before
 {
  content: none;
}

#fieldset-card_type .ui-btn-inner {
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    padding-left: 0.7em;
    padding-right:  0.7em;
}

#payment-page .ui-br {
  border: none;
}




/* HOME PROPOSAL VIEW */

#proposal-page .home #fieldset-formul .ui-radio {
	width: 50%;
}
#proposal-page .home.tarif-formules-3 #fieldset-formul .ui-radio {
	width: 33%;
}
#proposal-page .home #fieldset-formul .ui-radio:last-child .ui-btn {
  margin-right: 5px;
}
#proposal-page .home #fieldset-formul .ui-radio:first-child .ui-btn {
  margin-left: 5px;
}


/* SUMMARY  */
#quotation-summary-page a[data-icon="edit"] {float: right;margin-top: 0;margin-left: 10px;}
#quotation-summary-page .slide-content p {
  margin-top: 27px;
}
#quotation-summary-page .slide-content p.explanation {
  margin-top: 10px;
  margin-bottom: 0;
}


#quotation-summary-page .slide-content p strong {margin-bottom: 7px;display: block;}


#quotation-summary-page .titre-carre:before {
	content: none;
}

.ui-overlay-shadow {
	box-shadow: none;
}

#help-dialog .help {
	line-height: 1.3em;
}

#contract-page p {
	margin-top: 0;
}

#slideinfobar h2 svg.product_icon {
		width: 30px;
		vertical-align: bottom;
		margin-right: 0.4em;
		fill: var(--secondary-color);

}
#slideinfobar h2 span.product_icon {
	--repeat: no-repeat;
	--position: center;
	width: var(--size);
	vertical-align: bottom;
	margin-right: 0.4em;
	display: inline-block;
	height: var(--size);
	-webkit-mask-image: var(--svg);
	-webkit-mask-size: var(--size);
	-webkit-mask-repeat: var(--repeat);
	-webkit-mask-position: var(--position);
	mask-image: var(--svg);
	mask-size: var(--size);
	mask-repeat: var(--repeat);
	mask-position: var(--position);
	background-color: var(--secondary-color);
}
body[data-product="car"] #slideinfobar h2 span.product_icon {
		--svg: url("/images/pictos/voiture.svg");
		--size: 30px;
}
body[data-product="home"] #slideinfobar h2 span.product_icon,
body[data-product="rent"] #slideinfobar h2 span.product_icon {
		--svg: url("/images/pictos/maison.svg");
		--size: 27px;
}
body[data-product="pet"] #slideinfobar h2 span.product_icon {
		--svg: url("/images/pictos/patte.svg");
		--size: 27px;
}


/* test slider footer */
@keyframes ticker_launch {
	30% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d( -200vw , 0, 0);
		transform: translate3d( -200vw , 0, 0);
	}
}
@keyframes ticker_run {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	5% {
    -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	30% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d( -200vw , 0, 0);
		transform: translate3d( -200vw , 0, 0);
	}
}

body[template="assurpeople"][data-product="car"] #footer a[data-role="button"].btn-advisor.anime,
body[template="assurpeople"][data-product="car"] #banniere_engagement_sinistre {
	-webkit-transform: translate3d( 0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-animation: 17s linear 1 ticker_launch, 20s linear 17s infinite ticker_run;
	animation:  17s linear 1 ticker_launch, 20s linear 17s infinite ticker_run;
}

#banniere_engagement_sinistre {
  display: none;
}

body[template="assurpeople"][data-product="car"] #banniere_engagement_sinistre {
  display: inline-block;
  left: 100%;
  position: absolute;
  color:var(--main-color);
  white-space: nowrap;
  vertical-align: middle;
  line-height: 45px;
  height: 45px;
  background: white;
  padding: 0 20px;
}

/* end */


#engagement_sinistre h2.slide-title {
	text-align: center;
}

#engagement_sinistre ul li {
  margin: 0;
  padding: 15px 0 15px 44px;
  list-style: none;
  background-image: url("/images/picto-like-thumb.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px;
}

#engagement_sinistre ul {padding-left: 20px;}


/* for infinite rotating */

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

#confirm_subscription-dialog .sstitre {
	display: block;
	margin-bottom: 0.5em;
}
#confirm_subscription-dialog header {
	display: block;
	color: white;
	padding: 0.7em;
	margin-top: 0;
	text-align: center;
	font-weight: bold;
}
#confirm_subscription-dialog form {
	margin-top: 0;
}
#confirm_subscription-dialog .btn-dialog-close {
	margin-bottom: 10px;
}
#confirm_subscription-dialog .ui-block .ui-btn {
	border-color: #F90;
	color: #F90;
}
#confirm_subscription-dialog .ui-block.submit .ui-btn {
	background-color: #F90;
	color: white;
	text-shadow: none;
}
#confirm_subscription-dialog em {
	color: #AAAAAA;
}
#pet-payment-form .modreg-info .sstitre {
	color:#333;
	display: block;
	margin-bottom: 1em;
}
#pet-payment-form .modreg-info .petit {
	font-size: 0.9em;
}
#pet-payment-form .modreg-info .grand {
	font-size: 1.3em;
}

body[data-product=pet] #success-page .visuel{
	float: right;
	width: 100px;
	margin-left: 10px;
	margin-bottom: 30px;
	margin-top: -60px;
}

#message_photos_horadatees {
	padding:15px; color:white; font-style:italic; line-height: 1.3em
}
#message_photos_horadatees a {
	color: inherit;
}

#mandat-page .encadre {
	padding:20px; 
	background-color:#EEE; 
	border-radius:20px;
	margin-bottom: 40px;
}

#mandat-page label[for='btn-mandat'] {
	/* text-align: center; */
	margin-bottom: 10px !important;
}
#mandat-page h1 {
	font-size: 25px;
	text-align: center;
}
#mandat-page svg path {
	fill: #ff5000;
}


#assurer_ailleurs .slide-assur {
    border-bottom: none !important;
    text-align: center !important;
    font-family: 'Poppins', sans-serif;
}
#assurer_ailleurs #visuels-cc {
	display: block;
	position: relative;
	width: 200px;
	height: 158px;
	margin: 0 auto;
}
#assurer_ailleurs #visuels-cc #chat {
	position: absolute;
	left:80px;
	top: 40px;
	fill: var(--main-color);
}
#assurer_ailleurs #visuels-cc #chien {
	position: absolute;
	left: 0;
	bottom: 0;
	fill: var(--secondary-color);
}


/* page cross sell */
#cross-sell-page {
	margin-bottom: 40px;
	padding: 0 15px;
	font-size: 15px;
  }
  #cross-sell-page .btn-submit {
	margin-top: 40px;
  }
  #cross-sell-page .nous li span {
	color: #333;
	font-style: italic;
  }  
  #cross-sell-page p.aeration,
  #cross-sell-page ul.aeration li {
	line-height: 1.2em;
  }
  #cross-sell-page p.aeration {
	margin-top: 40px;
  } 
  #cross-sell-page svg {
	display: inline-block;
  }
  #cross-sell-page .step2.timeup svg.loading {
	width: 35px;
	height: 35px;
	fill: #87e57d;
	border-radius: 100%;
	border: 1px solid #87e57d;
	padding: 10px;
  }
  #cross-sell-page .step2.timeup svg.auto {
	width: 50px;
	height: 40px;
	float: left;
	margin-right: 15px;
  }
  #cross-sell-page .step1 svg {
	width: 45px;
	height: 45px;
  }
  #cross-sell-page .step1,
  #cross-sell-page .step2 {
	/* min-height: 200px; */
  }
  #cross-sell-page .optin {
	border-top: 1px solid lightgray;
	margin-top: 15px;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	min-height: inherit;
  }
  #cross-sell-page .optin p img,
  #cross-sell-page .optin p svg {
	width: 50px;
	float: left;
	margin-right: 15px;
  }
  #cross-sell-page .infos-mrh {
	clear: both;
	margin-top: 20px;
  }
  #cross-sell-page .optin p {
	margin-bottom: 0;
  }
  #cross-sell-form {
	margin-top: 0;
  }
  #cross-sell-form .ui-controlgroup-label legend {
	text-align: center;
	text-decoration: underline;
	margin-bottom: 10px;
	text-transform: inherit;
	color: #333333;
  }

  /* aeerer paragraphe */
  #page p {
	line-height: 1.4em;
  }

/* a réutiliser */
/* créer un bloc arrondi avec padding */
/* 1 : utilisé pour MI page contrat */
.pannel {
	border-radius: 15px;
	padding: 15px;
}
.pannel a {
	text-decoration: none;
}
.pannel.mainColorBg,
.pannel.mainColorBg a,
.pannel.mainColorBg a:hover
{
	color:white;
}
.pannel p:last-child {
	margin-bottom: 0;
}

.contract-msg-hamon.pannel {
	border: 1px solid #cccccc; 
	/* border: 1px solid #2f2f2f;  */
	border-radius: 0px !important;
	margin-bottom: 16px;
}

.interRegular {
	line-height: 1em !important;
}
.interDouble {
	line-height: 2em !important;
}

/* PICTOS de base, taille normale, noir, inline */
.picto {
	background-size: 100%;
	position: relative;
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: bottom;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	background-color: black;
}

/* PICTOS */
.picto.ampoule {
	--svg:url('/images/pictos/ampoule.svg');
}

.note {
	color: #a3a3a3;
	line-height: 1em
}
.note .note-content {
	font-size: smaller;
	font-style: italic;
}
.note .note-title {
	font-size: smaller;
	font-style: italic;
}
.note .note-title .picto {
	vertical-align: baseline;
	margin-right: 5px;
}
.note .note-title .text {
	text-decoration: underline;
}