@charset "utf-8";
@import '//fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,400,700';
@import '//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css';
@import './bootstrap-switch.min.css';
/*@import '//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css';*/

::-moz-selection {color: #FFF;background: #EB7575}
::selection {color: #FFF;	background: #EB7575}
html, body {width: 100%;height: 100%;margin:0;padding:0;}

body {font-family: 'Open Sans', sans-serif;background-color:#e6e6e6;color:#595856;}
img {display: block;width: 100%}
h1, h2, h3, h4, h5, h6 {font-weight: 700;font-family: 'Montserrat', sans-serif;}
h1, h2, h3, footer {
	text-align: center
}
.demo p.lead{text-align: center;margin:auto; max-width:60%;}
.modal-header{ min-height:45px}
@media (max-width:414px){
	.demo p.lead{max-width:90%;}
}

section {max-width: 690px;margin: auto}

.btn.active, .btn:active{ box-shadow:none}
.btn{ border:none !important; border-radius:0}
.toggle-handle{ background-color:#9999CC}
h2{ margin-bottom:60px}
.view-web{ 
	padding-bottom: 100px;
	position:relative; 
	margin:auto;
	border-radius: 2px;
	background-color:#FFF;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.no-border{ border:none !important}
section.conception p.lead{ text-align:center; border-bottom:1px solid #9999CC; padding-bottom:40px}
img.demo-tfb{
	/*background-color: #e6e6e6;*/
	padding: 10px;
	/*box-shadow: 0 0 3px rgba(0, 0, 0, .3);*/
}
img.iconic_concept{width:390px; margin:0 auto}

@media (min-width:481px){
	.view-web{ max-width:80vw;}
	section.conception p.lead{ margin: 0 40px 40px; width:550px; margin:auto}

	img.demo-tfb{
		width:340px; margin: auto
	}
	 img.cout{ width:400px; margin:auto}
}

/* FORM */
.form-control{ border-radius:0;background-color: #FAFAFA}
.form-control.error{ border:2px solid #EF5C5F;}
.error_feedback.is-visible{font-weight: bold;color: #fff;background-color: #EF5C5F;padding: 10px}
.success_message_sent{}
.message_sent{}

/* LOGO */
.logo_imposcope {
	position: relative;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	display: block;
	margin:60px auto;
}
.logo_imposcope > .trademark {
	letter-spacing: 4px;
	display: block
}
.logo_imposcope > .trademark h1{ font-size:1.4rem; font-weight: 300;font-family: 'Montserrat', sans-serif;}
.logo_imposcope > .flag {
	border-bottom: 1px solid #ccc;
	display: block;
	width: 100%;
	max-width:400px;
	margin: 10px auto 15px
}

/* futur_flag_fr
.logo_imposcope > .flag > img {
	width:30px;
	margin: 0 auto;
	position: relative;
	display: block;
	margin-bottom: -8px
}
*/


.logo_imposcope > .flag > img {
	width:30px;
	margin: 0 auto;
	position: relative;
	display: block;
	margin-bottom: -16px
}


.logo_imposcope > .baseline {
	display: block
}
.logo_imposcope > .baseline h2{ font-size:1.4rem; font-weight: 300;font-family: 'Montserrat', sans-serif;}

/* ./ logo */

.section_separation{
	display:block;
	border:5px solid #BC4042;
	margin:60px auto;
	width:120px;
	border-radius:2px;
}

.btn-primary{
	background-color:#9999CC; 
	border:none; 
	border-radius:0;
}
.btn.voir_demo{ margin:30px auto 0}

footer{
	font-family: 'Open Sans', sans-serif;
	padding: 60px 15px
}

/* iphone */
@media (max-width:768px){

	h2{ font-size:2rem}
	h3{ font-size:1.7rem}
	.btn, button:not(.close){ display:block; width:100%}

}

/* IMPORTANT AT THE END OF STYLE put opacity to 1 >>>>> */
body {
	opacity: 1 !important
}