body{
 font-family: 'Roboto', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


.lpsms-title{text-transform : uppercase;}
h4{font-weight: 500;font-size: 1.3em;}
h5{font-size: 1.3em;}
h6{font-size: 1.2em;color: #127dbc;text-transform: uppercase;font-weight: normal;}
h3{
	font-weight: normal;
	font-size: 30px;
	text-transform: uppercase;
	color: #127dbc;
    font-weight: 200;
}
.jumbo{  background: url('img/header.jpg')no-repeat bottom center;
  background-size: cover;
  background-color: #163061;  
  min-height: 475px!important;

}



.blanc{color: #ffffff;}
.verybold{font-weight: 700;}
.soustitre{font-weight: bold;}
.subtitle{font-size: 1.2em;}
.interligne{
  line-height: 1.8em;
}
.ftsmall{
	font-size: 12px!important;}
.notop{padding:10px 0!important;}
.genre{max-width: 220px; }
.imgdata{max-height: 350px;}
.picto-argu{height: 50px;}
.nopb{padding-bottom: 0px!important;}
.wauto{ width: auto!important;}
.mainpad{padding-left: 60px!important; padding-right: 60px!important;}
.mobilheader{max-width:480px!important; }
.nopad{padding: 0px 0!important;}
.bggris{background-color: #f5f5f5;}
.psoluc{font-size: 0.9em;}
.bgbdd{
  background: #e5f0f9 url('img/bdd3.jpg')no-repeat bottom right;
  background-size: contain;

}

.nobottom{
	padding-bottom:0px!important;}


.padcitation{
	padding: 150px 100px 0px 100px;
	font-size: 14px;


}

.bolder{font-weight: 400;line-height: 1.5;}
.argubloc{min-height: 210px;}
.argu{
  font-size: 16px;padding-left: 30px;padding-right: 30px;
}
.btnb{padding-left: 50px!important;padding-right: 50px!important;}
.darkblue{color:#254f88; letter-spacing: 1px;}
.titre-argu{
  font-weight: bold;
  
  text-transform: uppercase;
  color:#254f88;
}
.bgsms{
  background: url('img/bg-sms.jpg')no-repeat top left;
  background-size: cover;


}
.imgs{
	max-width: 290px;
	
}

.hautline{line-height: 2;color:#333;}
.imgsolution{
max-height: 250px;
width: auto;


}
.nopb{
  padding: 0px!important;
  margin:0px!important;
}
.nomarge{margin-top: 0px!important;padding-top: 0px!important;}
.cadre {
	padding: 60px 12px;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3);
border-radius: 4px;
	height: 200px;
	margin: 10px auto;
}
.lineh{line-height: 2em;}
.pt-3{padding-top: 15px;}
.pl-2{padding-left: 15px;}
.pr-2{padding-right: 15px;}
.pl-md-5{padding-left: 20px;}
.pt-5{padding-top: 35px;}
.pr-3{padding-right: 15px;}
.pb-2{padding-bottom: 25px;}
.pt-2{padding-top: 10px;}
.pb-5{padding-bottom: 65px;}
.pb-3{padding-bottom: 35px;}
.pt-8{padding-top: 85px;}
.pt-9{padding-top: 135px;}
@media (max-width: 480px) {
.pt-8{padding-top: 25px;}
 }

.preview{text-transform: uppercase;font-size: 0.9em;font-weight: bold; padding-top: 15px;}
.nopad{padding-bottom: 0px!important;margin-bottom: 0px!important;}
.bleu{
	color: #127dbc;

}
.camp{text-transform: uppercase;}
.nocote{padding-left: 0px!important;padding-right: 0px!important;}
.block-bas{
	background: url(img/plexus.jpg)no-repeat top left;
  background-size: cover;

}

.block-formulaire{
	background-color: #ffffff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-family: Roboto, arial, sans-serif;

}


.card-body{

	border: 0px solid #ffffff;
}
.carteisend{
  background-color: rgba(255,255,255,0);
    border-bottom: 1px solid #c9dde8;
}
.P4F1{
	padding:15px;
	font-size: 19px;
}
.block-P4F1{
	border-radius: 5px ;
	width: 92.5%;
	display: block;
	margin: 0px auto;
	border: 3px solid #f0f7f5;
	margin-bottom: 10px;

}
.block-P2F1{
	border: 3px solid #f0f7f5;
	border-radius: 5px ;
	width: 95%;
	display: block;
	margin: 0px auto;
	margin-bottom: 10px;
}

.P2F1{
	padding:20px;
	font-size: 19px;
}

.block-P3F1{
	border-radius: 5px ;
	width: 95%;
	display: block;
	margin: 0px auto;
	border: 3px solid #f0f7f5;
	margin-bottom: 10px;

}
.P3F1{
	padding:20px;
	font-size: 19px;

}
.block-P1F1{
	background-color: #f0f6f7;
	border-radius: 5px ;
	width: 95%;
	display: block;
	margin: 0px auto;

}

.P1F1{
	padding: 20px;
	font-size: 17px;
	color: #77989e;
}
.block-3{
	background-color: #f5f5f5;
}
.btnaccordeon{text-align: left!important;
color:#141616;

}
.btnaccordeon:hover{
text-decoration: none!important;
}
.accordeon{
  margin-left: 25px;margin-right: 25px;
}
.bleuclair{color:#94b4c7!important;}

.liste{
	
	color: #254f88;
}
.noir{ color: #333; }
.liste::before {
	list-style: none;
	
	color: #254f88!important;
	font-size: 1.5em;
}
.nomargelist{

	padding-left: 15px!important;
}
.bggris{
	background-color: #f4f4f4;
}
.faq{margin-bottom: 25px;}
.kpi{
	font-size: 16px!important;


}



/*------------------------------------- CITATION ---*/
.citation {
/* 	margin-top: 150px; */
}

.citation_inner {
	padding: 10px 70px 20px;
	position: relative;
	z-index: 3;
}

.citation::before,
.citation::after {
	content: '';
	display: block;
	width: 160px;
	height: 131px;
	background: url('img/icon-quote.png') top left no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 1;
}

.citation::before {
	top: -90px;
	right: -100px;
}

.citation::after {
	transform: rotate(180deg);
	transform: scaleY(-1);
	bottom: -90px;
	left: -100px;
}

.citation-img {
	display: block;
	width: 140px;
	margin: 0 auto;
	position: absolute;
	top: -70px;
	left: calc(50% - 70px);
}

.bkg-grey {
	background-color: #F4F4F4;
}

.text-spaced {
	line-height: 30px;
}


@media screen and (max-width: 980px) {
	.citation::before,
	.citation::after {
		width: 80px;
		height: 65px;
	}

	.citation::before {
		top: -45px;
		right: -50px;
	}
	
	.citation::after {
		bottom: -45px;
		left: -50px;
	}
}

@media screen and  (max-width: 768px) { 

	.citation {
		margin-top: 100px;
	}

	.citation_inner {
		padding: 100px 30px 10px;
	}

	.citation::before {
		top: -55px;
		right: 0;
	}
	
	.citation::after {
		bottom: -55px;
		left: 0;
	}
}