@font-face {
	font-family: "arialBlack";
	src: url('../../../../../../css/fonts/arialblack/ariblk.woff') format('woff'),
			url('../../../../../../css/fonts/arialblack/ariblk.woff2') format('woff2'),
			url('../../../../../../css/fonts/arialblack/ariblk.svg#ariblk') format('svg'),
			url('../../../../../../css/fonts/arialblack/fonts/abrilfatface/ariblk.eot'),
			url('../../../../../../css/fonts/arialblack/ariblk.eot?#iefix') format('embedded-opentype'),
			url('../../../../../../css/fonts/arialblack/ariblk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
:root {
  --text-color-blue: #699afe;
  --text-color-grey: #a2a2a2;

	--header-medium-name-color: #FF367E;
	/* --header-subtitle-color: #A917EE; */
	--header-subtitle-color: #FF367E;

	--background-color:#999;
	--border-color:#FF367E;

	--offer-title-color: #2a3c67;
	--offer-subtitle-color: #A917EE;
}

#reponse #phone-button{
	--bg-color-phone-ico: #FFF;
	--border-color-phone-ico: #2a3c67;
	--text-color-phone-ico: #2a3c67;
	--text-color-phone-number: #2a3c67;
	--border-color-phone-number: #2a3c67;
}

body{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}
h1, h2, h3, h4, h5, h6, .f-montserrat{font-family: "Montserrat",sans-serif;font-weight: normal;color:#1e1e1e; color:#111;margin:0}
a, a:hover, a:active, a:focus, a:visited{text-decoration: none;color:#333}

.text-blue{color:var(--text-color-blue, #699afe)}
.text-grey{color:var(--text-color-grey, #a2a2a2)}
.text-bold{font-weight: bold;}
.bg-white{background-color: white;}

/* header - footer */
#header{position: relative;background-color: #FFF;padding:10px 0}
.header-logo-site{width:50%;max-width: 220px;}

#footer .logo img{width: 50%;max-width: 220px}
#footer{margin-bottom:0;background-color: white}
#footer * {color:#000}
#footer p:first-child{margin-bottom: 25px}
#footer p:last-child{padding-bottom:25px;margin-bottom: 0}

/* disclamer - rgpd */
#container-informations{background-color: #FFF;font-weight:normal;padding:0 15px}

#container-rgpd{padding-top:20px;max-width: 620px;font-size: 11px}
#rgpd-frame{border:1px solid #f1f1f1;padding:7px;color:#a2a2a2}

#container-pseudonyme{font-size:11px;margin: 10px auto}

#container-disclamer{text-align:center;max-width:620px;margin-bottom:50px}
#container-disclamer a{color: #337ab7;text-decoration: none;}
#container-disclamer a.text-grey{color:var(--text-color-grey, #a2a2a2)}
#disclamer-ctn{text-align:left;border:1px solid #f1f1f1;font-size:11px;padding: 0 10px 0 0;background-color:#fafafa !important}
#disclamer-title{font-size: 11px;padding-left: 40px;margin-top:5px;font-weight:normal;font-family:'Arial',sans-serif}
#disclamer-list{padding-left:40px;padding-right:20px;list-style:inherit}

/* mailing reponse */
#reponse{background-color:var(--background-color, #9B948E)}
#response-ctn{width:100%;max-width: 634px;border:10px solid var(--border-color, #FF367E);background-color: #FFF;}
#rgpd-ctn{width:100%;max-width: 634px;background-color: #FFF;margin:0 auto}

/* #mailing-header{padding-top: 20px;} */
#mailing-header-medium-name{font-size:20px;font-weight:bold;color: var(--header-medium-name-color,#FF367E)}
#mailing-header-subtitle{font-size:23px;font-weight:bold;color: var(--header-subtitle-color,#FF367E)}

#mailing-content{padding: 0 5%;}
#mailing-paragraph{font-size: 19px;text-align: left;font-family: Verdana, Geneva, Tahoma, Arial, sans-serif;}

#mailing-offer{font-family: "Arial", sans-serif;}
#mailing-offer .offer-medium-firstname{text-transform:capitalize}
#mailing-offer .offer-title{color:#0e146c;font-size:23px;font-weight:bold}
#mailing-offer .offer-subtitle{color:#0e146c;font-size:21px;font-weight:bold}
#mailing-offer .offer-picture-phone-container{text-decoration:none;color:#000001;line-height:40px;font-size:16px;}
#mailing-offer .offer-picture-phone{display:inline-block;border:0 none;margin:0;width:22px;height:auto}
#mailing-offer .offer-phone-container{display:inline-flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;}
#mailing-offer .offer-phone{line-height:40px;font-size:25px;font-weight:bold;}
#mailing-offer .offer-phone-number{color:#538ff1;}
#mailing-offer .offer-consultation{display:inline-block;font-size:20px;color: #0e146c;}
#mailing-offer .offer-consultation-foreigner{display:inline-block;font-size:12px;color: #0e146c}
#mailing-offer .offer-block{display:block;}
#mailing-offer hr {margin: 0 auto 25px;max-width: 400px;width: 90%;}

/* new visuel bottom 06/2024 */
#mailing-offer h3{color: var(--offer-title-color, #2a3c67);font-size: 21px;font-weight: bold;font-family: 'Arial', Times, serif;padding: 0 3px;}
#mailing-offer h4{color:var(--offer-subtitle-color, #C67C15);font-size: 19px;font-weight: bold;font-family: 'Arial', Times, serif;padding:5px 3px 0}

.blk-infos {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;padding-top:20px;padding-bottom:20px}

.blk-infos .title{color: var(--offer-title-color, #2a3c67);font-weight: bold;font-size: 15px;}
.blk-infos .subtitle{color:var(--offer-subtitle-color, #C67C15)}
.blk-img{padding:0 10px}


/****/
#reponse .subtitle-txt{font-family: 'Times New Roman', Times, serif;font-weight: bold;color:#333;font-size:25px;margin-top:25px}
.title3-container{display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;padding:0 10px;margin-top:20px}
.title3-ico{padding: 0 5px;font-size:18px;line-height: 1;}
.title3-txt{font-family: 'arialBlack', Arial sans-serif;color:#ff387d;font-size:22px;margin:0;}
.title4-txt{font-family: 'arialBlack', Arial sans-serif;color:#ff387d;font-size:18px;margin:20px auto 10px;}

.list-container ul{list-style: none;padding: 0;margin: 30px 0 0;font-family: 'Times New Roman', Times, serif;font-size:22px}
.list-container li{padding-left: 1rem;text-indent: -0.75rem;}
.list-container li i{width: 20px;height: auto;display: inline-block;padding-top: 5px;}

#video-call-btn{font-family:'Arial', sans-serif;margin-top:30px;background:#FF387E;color:#FFF;padding:15px 20px;font-weight:bold;display: inline-block;font-size:18px;padding: 12px 0;border-radius: 3px;transition: all .4s;position: relative;overflow: hidden;letter-spacing: 1px;width:90%;max-width:280px}
#video-call-btn:hover{background:#028bd7;transform: scale(0.9);}
#video-call-btn::after{content: ''; position: absolute; top: -125%; left: -100%; width: 40px; height: 350%; opacity: 0.25; transform: rotate(25deg); animation: shine; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-out; background: rgba(255, 255, 255, 0.20); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);}
#contact h3 a{font-weight:bold;color:#ff387d;font-size:25px;margin:0;text-decoration: none;padding-top:5px;font-family: 'cambria', 'Cochin', Georgia, Times, 'Times New Roman', serif}


/* phone button */
#phone-button{width: 96%;max-width: 375px;margin: 0 auto;position: relative;padding: 15px 0 35px 10px;}
#phone-svg{display:block;width: 95px;height: 65px;text-align: center;padding: 8px 8px 0 5px;margin:0 auto}
#phone-svg .ico-phone{width: 70%;height: auto;fill: var(--text-color-phone-ico, #FFF);}
#phone-number-container{text-decoration:none;display:block;background-color: #FFF;border-top-right-radius:20px;border-bottom-right-radius:20px;padding: 3px 0 3px 0;}
#phone-number-link{font-family: Arial, Helvetica, sans-serif;font-size: 27px;font-weight: bold;color: var(--text-color-phone-number);}

#call-mailing-title-1{display:block;color:#2a3c67;font-size:22px;font-weight:bold;text-transform: uppercase;}
#call-mailing-title-2{display:block;padding:0;color:#2a3c67;font-size:19px;font-weight:normal;text-transform: uppercase;}
#call-mailing-title-3{display:block;padding:0;color:#2a3c67;font-size:15px;font-weight:normal;text-transform: uppercase;}
#call-mailing #cb-secure-container{margin-top:10px;margin-bottom:30px}
#call-mailing #cb-secure-container img {max-width: 144px;border-radius: 4px;box-shadow: 0 0 2px 0px #666666;}
#call-mailiing-plan-container{margin-top: 12px;}
#call-mailiing-plan-container p{margin-bottom: 1px;line-height: 1.1;}
#call-mailiing-plan-container a{font-size: 13px;font-family: Verdana, Helvetica, sans-serif;color:#333}
.color-stranger{color:#4E73DE}


/* rgod - slider rgpd */
#rgpd {padding-bottom:50px;padding-top:20px}
.container-slider-rgpd {display: flex;flex-direction: column;gap: 20px;}
.text-item-rgpd {position: relative;cursor: pointer;text-align: left;width: 60%;margin: 0 auto;font-family: Arial, Arial sans-serif;color:#333;max-width: 400px;}
.text-item-rgpd .text-title-rgpd {height: auto;border-radius: 5px;transition: transform 0.3s ease;font-size: 14px;}
.text-item-rgpd .text-title-rgpd:hover {transform: scale(1.05);}
.hidden-text-rgpd {overflow: hidden;max-height: 0;transition: max-height 0.5s ease, padding 0.5s ease;color: black;padding: 0 10px;text-align: center;}
.text-item-rgpd.active .hidden-text-rgpd {padding: 10px 0;}
.header-item-rgpd{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: space-around;justify-content: space-between;align-items: center;border-bottom: 1px solid #333;}
.border-chevron-rgpd{width: 15px;fill: #333;min-width: 15px;max-width: 15px;}
.blk-txt-rgpd{font-size: 12px;font-family: Arial, Helvetica, sans-serif;padding-bottom: 50px;}

/* footer */
#footer .container{padding: 0; color: #fff;}
#footer-ban-container{position:relative;}
#footer-content{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#footer-link{background-color: #F7CFDD;}
footer #list-container {display: flex;flex-direction: row;justify-content:space-around;align-items:center;padding:5px 0;background-color:var(--bg-color-ban-top, #FF367E);}
footer #list-container a {color:var(--text-color-ban-top, #fff)}


/* queries */
@media (min-width: 320px){
	.blk-infos p{margin: 0 auto}
	.blk-infos .blk-left{padding:0 7px 0 0}
	.blk-infos .blk-medium{border-left:1px solid #ddd; border-right:1px solid #ddd;padding:0 7px}
	.blk-infos .blk-right{padding:0 0 0 7px}
	.blk-infos .title{font-size: 14px;}
}
@media (min-width: 360px) {
	#response-ctn{border-width: 15px;}
	#mailing-offer .offer-phone{line-height: 60px;font-size: 30px;}
	#mailing-offer .offer-picture-phone-container{line-height: 60px;padding-right: 5px;}

	#mailing-offer h3{font-size: 20px;}
	#mailing-offer h4{font-size: 16px;}
}
@media (min-width: 380px) {
	#mailing-offer .offer-block{display:inline;}
	#mailing-offer .offer-picture-phone{width:24px}

	#mailing-offer h3{font-size: 21px;}

	.blk-infos p{margin: 0 auto}
	.blk-infos .blk-left{padding:0 7px 0 0}
	.blk-infos .blk-medium{border-left:1px solid #ddd; border-right:1px solid #ddd;padding:0 7px}
	.blk-infos .blk-right{padding:0 0 0 7px}
	.blk-infos .title{font-size: 15px;}
}
@media (min-width: 420px) {
	#mailing-offer .offer-title{font-size: 25px;}
	#mailing-offer .offer-phone{font-size: 32px;}
	#mailing-offer .offer-consultation{font-size: 22px;}
	#mailing-offer .offer-consultation-foreigner{font-size: 14px;margin-top:5px}

	#mailing-offer h3{font-size: 24px;}
	#mailing-offer h4{font-size: 19px;}
}
@media (min-width: 620px) {
	#mailing-offer{font-size:15px}
}