body {
    color: #000;
    overflow-x: hidden;
    font-family : Poppins!important;
	font-size : 13px;
}

.container-fluid {
    max-width: 1400px;
}

.header{
	padding-left : 30px;
	padding-right : 30px;
	z-index : 2000;
}

.header img{
	height : 80px;
	margin-bottom : 0px;	
}

button, input, optgroup, select, textarea, span{
	font-family : Poppins!important;
}

a, a:visited{
	color : rgba(253,120,45,1);
}

a:hover{
	color : rgba(223,102,34,1)
}

h2{
	display:block;
	text-align : center;
	margin-bottom : 20px;
}

.bg-img{
	background : url("../images/background.jpg") no-repeat;
	background-size : cover;
	/*padding : 15px 15px 0 15px;*/
}


.form-check-inline {
    margin-right: .5rem;
}

/*.bg-img>.row{
	padding : 10px
}*/

.bg-img-title{
	position:relative;
	background-color : rgba(255,255,255,.6);
	padding : 0px;
}

@media(min-width : 578px){
	.bg-img-title{
		padding : 30px 50px;
	}
	
	.big{
		font-size : 1.2em;
	}
}

@media(min-width : 992px){
	.bg-img-title{
		padding : 20px 30px;
	}
}


@media(min-width : 1200px){
	body {
		font-size : 15px;
	}

	.bg-img-title{
		padding : 30px 50px;
	}
}

/*.bg-img-title:after{
	content : "";
	display : block;
	position : absolute;
	top : 50%;
	left : 100%;
	border : 4rem solid transparent;
	border-left-color : rgba(255,255,255,.6);
	transform : translateY(-50%);
	
	
}
*/
.text-warning2{
	color : rgba(253,120,45,1)!important;
}

.bg-img-title span{
	color : rgba(253,120,45,1);
	font-weight : 500;
}


.formulaire {
    background: linear-gradient(90deg, #0a77ad, #3ba9d7);
	color:white;
	padding : 20px;
	border-radius : 10px;
	z-index:1;
}

.formulaire form{
	margin-bottom : 0;
}

.form-control{
	font-size: 14px;
}


.form-control::placeholder {
    font-size: 12px;
	line-height : 2;
}


/*.form-group, .form-check{
	position:relative;
	padding-left : 5px;
	padding-right : 5px;
	margin-bottom : 0rem
}



.input-form label {
    display: block;
}



.input-form label > span {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}*/


input::placeholder{
	/*font-size: 12px;
	line-height: 25px;*/
	color: #999;
}


select:required:invalid {
	color: #999;
}

option:not(:disabled){
	color : #000;
	font-size: 17px;
}

/*.form-check-input {
	top : 20%;
    margin-top: 0rem;
    margin-left: .5rem;
}*/

/*input["type=checkbox"]+.form-check-label {
	position: relative;
	margin-left: 2rem;
	font-size:.8rem;
}*/

.btn-devis{
	position : relative;
	background-color : rgba(253,120,45,1);
	border-color : rgba(253,120,45,1);
	border-radius : .5rem;
	margin : 10px auto;
	padding : .75rem 2.5rem .75rem 1.5rem;
	font-size : 1.2rem;
	line-height : 1.2;
	font-weight : 500;
	text-transform : uppercase;
	color : white;
	white-space: normal;
	word-wrap: break-word;
}

.btn-devis:after{
	position : absolute;
	display : flex;
	top:0;
	right : 15px;
	height: 100%;
	align-items : center;	
	font-family : 'Font Awesome 5 Free';
	font-weight: 900;
	content : "\f138";
}


.btn-devis:focus, 
.btn-devis:hover,
.btn-devis:active
{
	background-color : rgba(223,102,34,1)!important;
	border-color : rgba(253,120,45,1)!important;
	box-shadow: 0 0 0 0.2rem rgba(253,120,45,.5)!important;
}

@media(min-width:568px){
	.btn-devis{
		padding : .75rem 4rem .75rem 1.5rem;
		font-size : 1.6rem
	}
	
	
}

.alert-ctn{
	position:relative;
}

.alert-msg{
	position:absolute;
	bottom:0px;
	visibility : hidden;
}


.form-error{
	background : rgb(245, 210, 210);
	border-color : rgba(255,0,0,1);
	box-shadow : 0px 0px 0px 0.2rem rgba(255,0,0,.4);
	outline : 0;
}

.icones-info{
	position : relative;
	background-color : rgba(255,255,255,0.7);
	padding-top : 20px;	
}

.icones-info:before{
	content : "";
	position : absolute;
	top : 60px;
	width : 70%;
	height : 5px;
	display : block;
	border-top : 2px solid #0a77ad;
	border-bottom : 2px solid #0a77ad;
}

.icones-info h3{
	font-size : 1.3rem;
	font-weight : 400;
	margin-top : .5em;
}

.icones-info span{
	font-weight : 600;
	color : rgba(253,120,45,1);
}


.mutuelles{
	background : #3e3e3e;
	color : white;
	padding : 10px;
	/*margin-top : 10px;
	margin-left : -35px;
	margin-right : -25px;
	z-index:0;*/
}

/*.mutuelle{
	background : white;
	border-radius : 5px;
	
}*/

.mutuelle img{
	width : 100%;
	height : auto;
}

.devis-footer{
	position : relative;
	padding-top : 50px;
	justify-content : center;
}

.devis-footer-text{
	position : absolute;
	top : 0px;
	padding : 10px 20px;
	background : rgba(255,255,255,0.9);
	font-size: 13px;
    text-align: justify;
    color: grey;
    overflow: hidden;
    max-height: 50px;
	z-index : 2;
}

.read-more{
	display:flex;
	justify-content : center;
}

.devis-footer-text.open{
	box-shadow : 2px 2px 2px rgba(0,0,0,.2);
	border-radius : 5px;
	max-height : inherit;
}

button.close-info{
	position : absolute;
	right : 5px;
	top : 0px;
	visibility : hidden;
}






.icons{
	position : relative;
	min-width : 80px;
}

.icons:before{
	display : block;
	content : "";
	position : absolute;
	top : -15px;
	left : 10px;
	width : 55px;
	height : 55px;
	background : linear-gradient(90deg, #0a77ad, #3ba9d7);
	border-radius : 50%;
	box-shadow : 1px 1px 5px rgba(0,0,0,.5);
}

.icons i:first-of-type{
	position : relative;
	color : #3f4757;
	transform: translate(40%, -50%);
	z-index : 1;
}

.icons i:last-of-type{
	position : relative;
	z-index : 20;
}



@media (max-width:1200px){
	.bg-img{
		background-position : -200px top;
	}
}


@media (max-width: 768px){
	.bg-img{
		background-position : -400px top;
	}
	
	.header{
		text-align : center
	}

	.mutuelles{
		margin-left : -15px;
		margin-right : -15px;
		padding : 10px;
	}
	
	.icones-info:before{
		content : "";
		position : absolute;
		border-top : 0px solid;
		border-bottom : 0px solid;
		
	}
}

@media(max-width:567px){
	.h3{
		font-size : 1.2rem;
	}
	
	.h4{
		font-size : 1.1rem;
	}
	
	.bg-img{
		background : none;
	}
	
	.site-header{
		border-bottom: 1px solid #dee2e6!important;
	}
}


.form-group-img{
	display : flex;
	justify-content : space-between;
}

.form-check-img input{
	display : none;
}

.form-check-img{
	display: inline-block;
	min-width : 33%;
	padding : 0 15px;
}

.form-check-img .form-check-label{
	display : flex;
	flex-direction : column;
	align-items : center;
	text-align : center;
}

.form-check-img .radio-img{
	display: flex;
    align-items: center;
	width : 90px;
	height : 90px;
	padding : 5px;
	margin-bottom : 5px;
	border : 2px solid transparent;
	border-radius : .5em;
	transition : .2s;
	text-align : center;
}

.form-check-label:hover>.radio-img{
	border-color : rgba(255,255,255,.6);
}

.form-check-img .form-check-label .radio-label{
	display : block;
}

.form-check-img input:checked + .form-check-label>.radio-img{
	border-color : #fff;
}

@media(min-width:567px){
	.form-check-img .radio-img{
		width : 110px;
		height : 110px;
	}
}