/* 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;
}
.notation {
	background:#f5f5f5;
	padding:10px;
	margin-bottom:20px;
}
.checked {
  color: orange;
}
img {    height: auto;
    max-width: 100%;}
/*.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%;
    }
}
/*.container-fluid {
	padding-right:0;
	padding-left:0;
}*/
/* HEADER
-------------------------------------------------- */
.brand {
	font-weight:700;
	line-height: 2;
	background-color:#FFF;
	text-align:center;
}
/* BACK
-------------------------------------------------- */
.back {
	background-color: #eee;
	padding-left:0;
	padding-right:0;
}
.container {
	padding-right: 0;
	padding-left: 0;
}

/* ACCROCHE
-------------------------------------------------- */
.accroche {
    background-color: #FC5D33;
    border-radius: 5px 5px 5px 5px;
	text-align:center;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	/*padding:0px 0px 10px 0px;*/
	padding: 10px 0;
	/*opacity:0.90722891566265;*/
	margin-bottom: 10px;
}
h1.ac1 {
	font-family:'Heebo', sans-serif;
	/*font-family: 'Lato', sans-serif;*/
	/*font-family: 'Roboto', sans-serif;*/
	color:#fff;
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
	/*padding:5px 0;*/
	line-height:1.5 !important;
	text-shadow: 1px 1px 0px #666;
}
.ac2 {
	color:#fff;
	font-size:28px;
	font-weight: bold;
	margin-bottom:5px;
	letter-spacing:-.05em;
	/*text-shadow: 1px 1px 10px #fff;*/
}
.ac3 {
	color:#fff;
	font-size:24px;
	margin-bottom:0;
	letter-spacing:-.05em;
}
.mea {
	text-transform:uppercase;
	text-decoration:underline;
}
/*.ac4 {
	padding-left:0;
	padding-right:0;
}*/

/*FORMULAIRE
-------------------------------------------------- */
.formulaire {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 10px;
    opacity: 0.90722891566265;
	/*margin-top: 20px;*/
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	max-width:710px;
}
.container.top {
    padding-right: 0;
    padding-left: 0;
}
.avantage {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 10px;
    opacity: 0.90722891566265;
	margin:0 auto 10px auto;
	padding:10px 10px 0px 10px;
	max-width: 710px;
}
.avantage h3 {
	font-weight:700;
	font-size: 1.3rem;
	color:#2b2b2b;
	letter-spacing:-.05em;
}
.avantage p {
	margin-bottom:0;
}
.table {
	margin-bottom:0
}
.demande {
    background-color: #004085;
    border: 1px solid #004085;
    border-radius: 5px 5px 5px 5px;
	margin: 20px auto 10px;
	padding:10px;	
	visibility:hidden;
	max-width: 710px;
}
.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
}
.fa-edit {
	color:#FC5D33
}
.fa-file-alt {
	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;
}
/*.table td, .table th {
    padding: .50rem;
}*/
/* 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 0;
	}
	h1.ac1 {
		font-size:18px;
		/*line-height: 1.3;*/
	}
	.ac2 {
		font-size: 22px;
		padding: 0 10px;
		/*line-height: 1.3;*/
	}
	.ac3 {
		font-size:16px;
	}
	.demande p {
		font-size:14px;
	}
	.avantage h3 {
		font-size:1.05rem;
	}
	footer p {
    font-size: 0.9rem;
	}
}
/* Small devices (portrait phones, 768px and up)*/
@media (min-width: 360px) and (max-width: 374.98px) {
	h1.ac1 {
		font-size: 21px;
		/*line-height: 1.3;*/
	}
	.ac2 {
		font-size:22px;
		padding: 0 30px;
		/*line-height: 1.3;*/
	}
	.ac3 {
		font-size:18px;
	}
	.demande p {
		font-size:16px;
	}
	.avantage h3 {
		font-size:1.1rem;
		letter-spacing: -.06em;
	}
}
/* Small devices (portrait phones, 768px and up)*/
@media (min-width: 375px) and (max-width: 413.98px) {
	h1.ac1 {
		font-size: 22px;
		/*line-height: 1.3;*/
	}
	.ac2 {
		font-size: 22px;
		padding: 0 30px;
		/*line-height: 1.3;*/
	}
	.ac3 {
		font-size:18px;
	}
	.demande p {
		font-size:18px;
	}
	.avantage h3 {
		font-size:1.1rem;
	}
}
/* Small devices (portrait phones, 768px and up)*/
@media (min-width: 414px) and (max-width: 567.98px) {
	h1.ac1 {
		font-size:24px;
	}
	.ac2 {
    font-size: 24px;
    padding: 0 45px;
	}
	.ac3 {
		font-size:22px;
	}
}
	/* Titre*/
/*@media (max-width: 568px) {
	.titre {
		display:none !important;
	}
}*/
/* Small devices (portrait phones, 768px and up)*/
@media (min-width: 568px) and (max-width: 599.98px) {
	h1.ac1 {
		font-size:22px;
	}
	.ac2 {
    font-size: 22px;
	}
	.ac3 {
		font-size:20px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 600px) and (max-width: 639.98px) {
	h1.ac1 {
		font-size:22px;
	}
	.ac2 {
		font-size:19px;
	}
	.ac3 {
		font-size:17px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 640px) and (max-width: 735.98px) {
	h1.ac1 {
		font-size:24px;
	}
	.ac2 {
		font-size:22px;
	}
	.ac3 {
		font-size:20px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 736px) and (max-width: 767.98px) {
	h1.ac1 {
		font-size:24px;
	}
	.ac2 {
		font-size:24px;
	}
	.ac3 {
		font-size:20px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 799.98px) {
	h1.ac1 {
		font-size:26px;
	}
	.ac2 {
	font-size:26px;
	}
	.ac2 {
	font-size:24px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 800px) and (max-width: 990.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;
	}
	.avantage {
		padding:5px 5px 0px 5px;
	}
}
/* Small devices (portrait phones, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.formulaire {
		max-width:710px;
	}
}
/* Backgroud*/
@media (min-width: 644px) {
	.back {
	background-image: url("https://www.expertdevis.com/lp/img/climatisation.jpg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	background-attachment:fixed;
	}
	.accroche {
	margin-bottom: 10px;
	}
	.ac2 {
	margin-bottom:0px;
	}
}