/* GLOBAL STYLES
-------------------------------------------------- */
body {
	font-family :"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
}
a {
	color:#444;
	text-decoration:underline;
}
a:hover {
	color:#444;
	text-decoration:none;
}
a.demandez {
	color:#fff;
	text-decoration:none;
}
a:hover.demandez {
	color:#fff;
}
.principal {
	max-width:1140px;
	margin:0 auto;
}
.principal .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}
/* HEADER
-------------------------------------------------- */
.brand {
	font-weight:700;
	line-height: 2;
}
/* BACK
-------------------------------------------------- */
.back {
	background-image: url("https://www.expertdevis.com/lp/img/elec1.jpg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	background-attachment:fixed;
}
.container {
	padding-right: 0;
	padding-left: 0;
}

/* ACCROCHE
-------------------------------------------------- */
.accroche {
    background-color: #FC5D33;
    border-radius: 5px 5px 5px 5px;
	text-align:center;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}
h1.ac1 {
	color:#FFFFFF;
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
}
.ac2 {
	color:#ffffff;
	font-size:24px;
	font-weight: bold;
	margin-bottom:0;
}
.ac3 {
	color:#ffffff;
	font-size:20px;
	margin-bottom:0;
}
/*FORMULAIRE
-------------------------------------------------- */
.formulaire {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 5px 5px 5px 5px;
    opacity: 0.90722891566265;
	margin-top: 20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
.container.top {
    padding-right: 0;
    padding-left: 0;
}
.avantage {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 5px 5px 5px 5px;
    opacity: 0.90722891566265;
	margin-top: 20px;
	margin-bottom:20px;
	padding:10px 10px 0px 10px;
}
.avantage h3 {
	font-weight:700;
	font-size: 1.4rem;
	color:#2b2b2b;
	letter-spacing:-.05em;
}
.avantage p {
	margin-bottom:0;
}
.demande {
    background-color: #004085;
    border: 1px solid #004085;
    border-radius: 5px 5px 5px 5px;
	margin-top: 20px;
	margin-bottom:20px;
	padding:10px;	
	visibility:hidden;
}
.demande p {
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:0;
}
/* icones */
.badge-secondary {
	background-color:#fff;
}
.badge {
	margin-right:.5rem;
}
.fa-check {
	color:#FC5D33
}
.fa-thumbs-up {
	color:#FC5D33
}
.fa-lock{
	color:#FC5D33
}
.fa-pencil-alt{
	color:#FC5D33
}
.fa-home {
	color:#FC5D33
}
/* MARKETING CONTENT
-------------------------------------------------- */
.container-fluid.marketing {
	max-width: 1140px;
    padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 0rem;
  text-align: center;
}
.marketing h3 {
  font-weight: 700;
  text-transform:uppercase;
  font-size: 1.2rem;
  color:#FC5D33;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

.row.arg {
    margin-top: 10px;
}
/* Featurettes
------------------------- */
.featurette-divider {
  margin: 1rem 0; /* Space out the Bootstrap <hr> more */
}
.intro {
	font-weight:700;
	color:#666;
}
/* Thin out the marketing headings */
.featurette-heading {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.featurette h3 {
    font-weight: 600;
    font-size: 1.2rem;
    color: #000000;
    text-transform: none;
}
p.last {
	margin-bottom:0;
}
.cnil {
	font-size:12px;
	color:#666;
}
.cnil p {
	margin-bottom:0;
}
.about {
	display:none;
}
/* FOOTER + MODAL
-------------------------------------------------- */
footer {
	max-width: 1140px;
}
.modal-content {
	text-align:center;
	font-size: .9rem;
}
/* Media query
-------------------------------------------------- */
@media (min-width: 320px) and (max-width: 359.98px) {
	.accroche {
		padding: 10px 5px;
	}
	h1.ac1 {
		font-size:22px;
		line-height: 1.3;
	}
	.ac2 {
		font-size: 18px;
		line-height: 1.3;
		padding: 0 10px;
	}
	.ac3 {
		font-size:16px;
	}
	.demande p {
		font-size:15px;
	}
}
/* Small devices (portrait phones, 768px and up)*/
@media (min-width: 360px) and (max-width: 374.98px) {
	.accroche {
		padding: 10px 5px;
	}
	h1.ac1 {
		font-size: 22px;
		line-height: 1.3;
	}
	.ac2 {
	font-size:20px;
	line-height: 1.3;
	padding: 0 20px;
	}
	.ac3 {
	font-size:18px;
	}
	.demande p {
		font-size:16px;
	}
}
/* Small devices (portrait phones, 768px and up)*/
@media (min-width: 375px) and (max-width: 413.98px) {
	h1.ac1 {
		font-size: 24px;
		line-height: 1.5;
	}
	.ac2 {
		font-size: 21px;
		padding: 0 10px;
	}
	.ac3 {
		font-size:18px;
	}

}
	
/* Small devices (portrait phones, 768px and up)*/
@media (min-width: 414px) and (max-width: 599.98px) {
	h1.ac1 {
		font-size:25px;
	}
	.ac2 {
    font-size: 20px;
    padding: 0 40px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 600px) and (max-width: 639.98px) {
	h1.ac1 {
		font-size:20px;
	}
	.ac2 {
		font-size:19px;
	}
	.ac3 {
		font-size:17px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 640px) and (max-width: 739.98px) {
	h1.ac1 {
		font-size:24px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 740px) and (max-width: 767.98px) {
	h1.ac1 {
		font-size:25px;
	}
	.ac2 {
		font-size:22px;
	}
	.ac3 {
		font-size:18px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 799.98px) {
	h1.ac1 {
		font-size:25px;
	}
	.ac2 {
	font-size:22px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 800px) and (max-width: 991.98px) {
	h1.ac1 {
		font-size:26px;
	}
}
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.avantage {
		margin-top:5px;
		margin-bottom:5px;
	}
	.argument {
		margin-bottom:15px;
	}
	.demande {
		visibility: visible;
}
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.demande {
		margin-bottom:5px;
	}
}
/* Small devices (portrait phones, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.formulaire {
		max-width:710px;
	}
}