.wrapper-body {

	height: calc(100vh - 155px);

    background-image: url(../images/banner-5.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 9.5% 8%;

    text-align: center;

}

.wrapper-body:before {

	content: "";

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 100%;

	z-index: 100;

	background: rgba(0,0,0,0.4);

}

.body-infos {

	text-align: center;

}

.body-infos h1 {

	color: #fff;

	font-size: 50px;

	width: 85%;

	position: relative;

	left: 0;

	right: 0;

	margin: auto;

	line-height: 65px;

	font-family: 'Nunito', sans-serif !important;

}

.body-infos p {

	color: #fff;

    font-size: 18.5px;

    position: relative;

    left: 0;

    right: 0;

    margin: auto;

    top: 35px;

    width: 53%;

    line-height: 30px;

}

.search-box {

	background: #fff;

	width: 800px;

	height: 70px;

	margin-bottom: 20px;

	border-radius: 50px;

	position: relative;

	left: 0;

	right: 0;

	margin: auto;

	top: 105px;

}

.search-box li {

	display: inline-block;

	height: 70px;

	line-height: 70px;

	text-align: left;

	padding-left: 15px;

}

.search-box input {

    border: 0;

    height: 50px;

    line-height: 50px;

    padding-left: 7px;

    font-size: 16px;

    width: 85%;

}

.search-box select {
	border: 0;
	height: 50px;
	line-height: 50px;
	padding-left: 7px;
	font-size: 16px;
	width: 80%;
	display: inline-block;
}

.search-box img {

	width: 25px;

	display: inline-block;

	top: -2px;

	position: relative;

}

.search-box button {

	position: relative;

	display: inline-block;

	overflow: hidden;

	font-size: 15px;

	line-height: 26px;

	font-weight: 700;

	color: #101e51 !important;

	text-align: center;

	padding: 13px 15px;

	border-radius: 30px;

	box-shadow: 0px 10px 30px 0px rgb(71 67 216 / 40%);

	z-index: 1;

	transition: all 500ms ease;

	background: var(--color-red);

	border: 0;

	margin-left: 6px;

    margin: 0;
    

}

.search-box button>img {

	width: 20px;

}

.search-left{

    width: 405px;

} 

.search-center {

	width: 245px;

}

.search-right {

	width: 140px;

}

input:focus {

	outline: none;

}

.qui-sommes-nous {

	text-align: center;

    background: var(--color-blue-light);

    margin-top: 105px;

    border-radius: 8px;

    padding: 0;

    border: 1px solid var(--color-blue-light);

    overflow: hidden;

}

.qui-sommes-nous h1 {

	color: var(--color-primary);

	font-size: 25px;

	font-family: 'Nunito', sans-serif !important;

	margin-bottom: 15px;

}

.qui-sommes-nous hr {

    width: 77px;

    height: 5px;

    border-radius: 3px;

    background: var(--color-primary);

    position: relative;

    left: 0;

    right: 0;

    margin: auto;

    margin-bottom: 30px;

}

.qui-sommes-nous p {

	left: 0;

	right: 0;

	margin: auto;

	font-size: 15px;

	line-height: 29px;

}

.qui-sommes-nous button {

	position: relative;

	display: inline-block;

	overflow: hidden;

	font-size: 14px;

	line-height: 26px;

	font-weight: 700;

	color: #101e51 !important;

	text-align: center;

	padding: 9px 20px;

	border-radius: 30px;

	box-shadow: 0px 10px 30px 0px rgb(248 92 112 / 40%);

	z-index: 1;

	transition: all 500ms ease;

	background-color: var(--color-red);

	border: 0;

	margin-top: 25px;

}

.nos-sources-informations {

	padding: 75px 25px;

	text-align: center;

}

.nos-sources-informations h1 {

	color: var(--color-primary);

	font-size: 25px;

	font-family: 'Nunito', sans-serif !important;

	margin-bottom: 25px;

}

.nos-sources-informations hr {

    width: 77px;

    height: 5px;

    border-radius: 3px;

    background: var(--color-primary);

    position: relative;

    left: 0;

    right: 0;

    margin: auto;

    margin-bottom: 30px;

}

.nos-sources-informations p {

	width: 85%;

	left: 0;

	right: 0;

	margin: auto;

	font-size: 15px;

	line-height: 29px;

}

.nos-infos {

	margin-top: 75px;

	/*background: var(--color-blue-light);	*/
	background: url("../images/banner-9.jpg");
	/* background-attachment: fixed; */

	background-repeat: no-repeat;

	background-size: cover; 
    background-position: center;
}

.nos-infos:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgb(227 240 245 / 74%);
	z-index: 0;
}

.nos-infos-container, .sommes-container, .nos-services-container, .nos-avantages-container {

	position: relative;

    left: 0;

    right: 0;

    margin: auto;

    padding: 0;

}

.slick-slide img {

    display: block;

    width: 150px;

}

.nos-infos .slick-list {

	border-radius: 8px;

	border-color: #fff;

	background: #fff;

	padding: 25px 10px;

	margin-top: 45px;

}



.nos-services {
	min-height: 700px;
	padding: 105px 25px 75px 25px;
	text-align: center;
} 

.nos-tarifs {

	min-height: 700px;

	margin-bottom: 35px;

} 

.left-qui-sommes-nous {

	padding: 25px 25px;

}

.nos-services-container {

	position: relative;

	z-index: 101;

}

.nos-services h1 {

	color: var(--color-primary);

	font-size: 25px;

	font-family: 'Nunito', sans-serif !important;

	margin-bottom: 25px;

}

.nos-services hr {

    width: 77px;

    height: 5px;

    border-radius: 3px;

    background: var(--color-primary);

    position: relative;

    left: 0;

    right: 0;

    margin: auto;

    margin-bottom: 30px;

}

.nos-services p {

	width: 85%;

	left: 0;

	right: 0;

	margin: auto;

    font-size: 15px;

    line-height: 25px;

}

.nos-sources-plus {



}

.box-sources {

	-webkit-box-shadow: 0px 5px 30px -10px rgb(0 0 0 / 10%);

	box-shadow: 0px 5px 30px -10px rgb(0 0 0 / 10%);

	border-radius: 20px;

	padding: 35px;

	text-align: left;

	flex: 0 0 31%;

	transition: 0.45s all;
}

.box-sources h1 {

	margin-top: 25px;

    margin-bottom: 15px;

    font-size: 19px;

}

.box-sources img {

	width: 55px;

    height: 55px;

    line-height: 60px;

    text-align: center;

    border-radius: 10px;

    display: inline-block;

    background-color: var(--color-blue-light);

    padding: 15px;

}

.box-sources p {

	width: 100%;

	font-size: 15px;

	line-height: 25px;

}

.right-qui-sommes-nous img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	background: #fff;

}

.nos-avantages {

	background: url("../images/pexels-polina-zimmerman-3747486.jpg");

	min-height: 700px;

	/* background-attachment: fixed; */

	background-repeat: no-repeat;

	background-size: cover; 

	padding: 105px 25px 75px 25px;

	text-align: center;

	/*background: var(--color-blue-light);*/

} 

.nos-avantages:before {

	content: "";

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 100%;

	z-index: 100;

	background: rgb(227 240 245 / 74%);

}



.nos-avantages-container {

	position: relative;

	z-index: 101;

}

.nos-avantages h1 {

	color: var(--color-primary);

	font-size: 25px;

	font-family: 'Nunito', sans-serif !important;

	margin-bottom: 25px;

}

.nos-avantages hr {

    width: 77px;

    height: 5px;

    border-radius: 3px;

    background: var(--color-primary);

    position: relative;

    left: 0;

    right: 0;

    margin: auto;

    margin-bottom: 30px;

}

.nos-avantages p {

	width: 85%;

	left: 0;

	right: 0;

	margin: auto;

    font-size: 15px;

    line-height: 25px;

}



.box-sources-two {

	/*-webkit-box-shadow: 0px 5px 30px -10px rgb(0 0 0 / 10%);
	box-shadow: 0px 5px 30px -10px rgb(0 0 0 / 10%);*/
	padding: 35px;
	text-align: left;
	flex: 0 0 50%;
	background: #fff;
	transition: 0.45s all;
	border: 1px solid rgba(181, 194, 203, 0.2);
	display: flex;

}

.box-sources-two h1 {

	margin-top: 25px;

    margin-bottom: 15px;

    font-size: 19px;

}

.box-sources-two img {

    width: 75px;
    height: 75px;
    line-height: 60px;
    text-align: center;
    border-radius: 10px;
    display: inline-block;
    background-color: var(--color-blue-light);
    padding: 20px;
    float: left;

}

.box-sources-two p {

	width: calc(100% - 70px);

	font-size: 15px;

	line-height: 25px;

	display: inline-block;

	padding-left: 15px;

}

.nos-tarifs-container {

	position: relative;

	z-index: 101;

	left: 0;

	right: 0;

	margin: auto;

	text-align: center;

	padding-top: 105px;

}

.nos-tarifs h1 {

	color: var(--color-primary);

	font-size: 36px;

	font-family: 'Nunito', sans-serif !important;

	margin-bottom: 25px;
	
	margin-top: 32px;

}

.nos-tarifs hr {

    width: 77px;

    height: 5px;

    border-radius: 3px;

    background: var(--color-primary);

    position: relative;

    left: 0;

    right: 0;

    margin: auto;

    margin-bottom: 30px;

}

.nos-tarifs p {

	width: 85%;

	left: 0;

	right: 0;

	margin: auto;

    font-size: 15px;

    line-height: 25px;

}

.box-tarifs {

	position: relative;

	display: block;

	background: #fff;

	box-shadow: 0px 10px 50px 0px #e4e7ee;

	padding: 30px 20px;

	border-radius: 10px;

	transition: all 0.3s ease;

	text-align: left;

	flex: 0 0 calc(33.33% - 45px);

	cursor: pointer;

	margin-bottom: 30px;

}

.tarifs-title {

	font-size: 18px;

    line-height: 26px;

    color: #061a3a;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0;
    

}

.tarifs-stars {

	line-height: 0.7;

}

.tarifs-stars img {

	display: inline-block;

	width: 15px;

}

.tarifs-type {

	font-size: 13px;

	display: inline-block;

	margin-bottom: 20px;

}

.tarifs-prix strike {
	color: #2a2a2a;
}

.tarifs-prix {

	position: relative;

	color: #ffc107;

	margin: 0px;

	transition: all 500ms ease;

	font-size: 36px;

	line-height: 56px;

	font-weight: 800;

}

.tarifs-prix span {

	font-size: 14px;

    color: #2a2a2a;

    font-weight: 300;

    position: relative;

    left: 0;

}

.tarifs-categories {

	font-size: 18px;

    display: inline-block;

    margin-bottom: 20px;
    
    font-weight: 700;

}

.box-tarifs p {

	font-size: 13px;

	width: 100%;

	margin-bottom: 5px;
	
	font-weight: 500;

}

.box-tarifs p>img {

	width: 15px;

	display: inline-block;

	position: relative;

	top: -2px;

}

.box-tarifs button {
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 26px;
	color: #101e51;
	background-color: var(--color-red);
	font-weight: 600;
	padding: 8px 25px;
	text-align: center;
	border-radius: 6px;
	border: 0;
	margin-top: 10px;
	border: 1px solid #fff;
}

.box-tarifs:hover {
	background-color: var(--color-red) !important;
	transform: scale(1.035);
}

/*.box-tarifs:hover .tarifs-prix, .box-tarifs:hover .tarifs-prix>span {

	color: #fff !important;	

}

.box-tarifs:hover button {

	background-color: var(--color-red);

}*/

.logo-head {
	width: 180px;
	margin-bottom: 25px;
}

.active-box-tarifs {
	background-color: var(--color-red) !important;
	transform: scale(1.035);
}

.box-sources-two:hover {
	transform: scale(1.025);
	cursor: pointer;
	box-shadow: 0 10px 15px 2px rgb(102 117 127 / 15%);
}

.box-sources:hover {
	transform: scale(1.025);
	cursor: pointer;	
	box-shadow: 0 10px 15px 2px rgb(102 117 127 / 15%);
}

.download-app{
	background-color: var(--color-red);
}
.download-app h1{
	font-size: 35px;
    font-family: 'Nunito', sans-serif !important;
    margin-bottom: 10px;
}
.download-app p{
	font-size: 15px;
}
.download-app img{
    width: 250px;
}

.box-sources-two button {
	display: inline-block;
    overflow: hidden;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #101e51 !important;
    text-align: center;
    padding: 15px 30px;
    border-radius: 30px;
    /* box-shadow: 0px 10px 30px 0px rgb(71 67 216 / 40%); */
    z-index: 1;
    transition: all 500ms ease;
    background: var(--color-red);
    border: 0;
    margin-left: 6px;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
}

.box-sources-two button:hover {
    background: var(--color-move);
    box-shadow: 0px 10px 30px 0px rgb(13 25 39 / 30%);
}

.box-sources-two button:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    background: var(--color-move);
    border-radius: 30px;
    left: 0px;
    top: 0px;
    z-index: -1;
    transition: all 0.45s ease;
}

.box-sources-two button:hover:before {
    width: 100%;
}

#pluplu h1 {
	color: var(--color-primary);
    font-size: 35px;
    font-family: 'Nunito', sans-serif !important;
    margin-bottom: 25px;
    text-align: center;
    margin-top: 45px;
}

#pluplu hr {
	width: 77px;
	height: 5px;
	border-radius: 3px;
	background: var(--color-primary);
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	margin-bottom: 30px;
}