/**
 * General
 **/

/* Hamburger */
.hamburger { }
.hamburger:hover { opacity:1; }
.hamburger:focus { outline:none; }

/* Contextual */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

[data-contextual] { position:relative; overflow:hidden; }
[data-contextual] .contextual { position:absolute; right:10px; top:10px; text-align:center; font-size:14px;  list-style:none; margin:0; padding:0; opacity:0; visibility:hidden; transform:translateY(-35px); transition:all 0.5s ease 0s; }
[data-contextual] .contextual li { float:left; }
[data-contextual] .contextual a { display:block; width:24px; height:24px; line-height:24px; color:#fff; border-radius:50%; margin-left:5px; transition:all 0.2s ease 0s; }
[data-contextual] .contextual .edit { background:#2980b9; }
[data-contextual] .contextual .edit:hover { transform:scale(1.2); }
[data-contextual] .contextual .add { background:#27ae60; }
[data-contextual] .contextual .add:hover { transform:scale(1.2); }

.editor .ct-widget.ct-ignition { bottom:40px; }
.editor [data-contextual] .contextual { opacity:1; visibility:visible; z-index:100; transform:translateY(0); }
.editor [data-contextual],
.editor [data-editable] { outline:2px dashed #f39c12; }

/* Pagination */
.pagination { margin:30px 0; text-align:center; }
.pagination .loading { position: relative; }
.pagination .loading:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:#fff; }
.pagination .loading:after { font-family:'Font Awesome 5 Regular'; content:"\f3f4"; display:inline-block; width:24px; height:24px; line-height:24px; animation:fa-spin 2s infinite linear; position:absolute; left:50%; top:50%; margin-top:-12px; margin-left:-12px; z-index:3; }

.pagination.simple ul { margin:0; padding:0; }
.pagination.simple li { display:inline-block; margin:0 2px; }
.pagination.simple i { line-height:inherit; }
.pagination.simple a { display:block; width:30px; height:30px; line-height:30px; border:1px solid #ccc; color:#777; }
.pagination.simple a.active { background:rgba(0,0,0,0.1); }

.pagination.scroll { text-align:center; }

.pagination.dropdown { display:flex; justify-content:flex-end; }



/**
 * Responsive
 * Modifier le media query en selon du besoin
 **/
@media (max-width: 991px) {
  
  .hamburger { display:inline-block; }
  .menu { z-index:5; transition:all 0.5s ease 0s; overflow:hidden; background:rgba(0,0,0,0.5); display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .menu ul { opacity:0; transition:all 0.4s ease 0.3s; transform:translateY(30px); list-style:none; margin:0; padding:0;  }
  .open .menu ul { opacity:1; transform:translateY(0); }
  
  /**
   * Fullscreen
   **/
  .fullscreen .menu { position:fixed; left:0; top:0; width:100%; height:100%; }
  .fullscreen .hamburger { z-index: 10; }
  
  /* Fullscreen Fade */
  .fullscreen.fade .menu { opacity:0; visibility:hidden; }
  .fullscreen.fade.open .menu { opacity:1; visibility:visible; }
  
  /* Fullscreen Top */
  .fullscreen.top .menu { transform:translateY(-100%); }
  .fullscreen.top.open .menu { transform:translateY(0); }
  
  /* Fullscreen Right */
  .fullscreen.right .menu { transform:translateX(100%); }
  .fullscreen.right.open .menu { transform:translateX(0); }
  
  /* Fullscreen Bottom */
  .fullscreen.bottom .menu { transform:translateY(100%); }
  .fullscreen.bottom.open .menu { transform:translateY(0); }
  
  /* Fullscreen Left */
  .fullscreen.left .menu { transform:translateX(-100%); }
  .fullscreen.left.open .menu { transform:translateX(0); }
  
  /**
   * Over
   **/
   
  .over .menu { position:fixed; }
  .over .hamburger { z-index: 10; }
  
  /* Over Top */
  .over.top .menu { left:0; top:0; width:100%; height:auto; transform:translateY(-100%); }
  .over.top.open .menu { transform:translateY(0); }
  
  /* Over Right */
  .over.right .menu { right:0; top:0; width:300px; height:100%; transform:translateX(100%); }
  .over.right.open .menu { transform:translateX(0); }
  
  /* Over Bottom */
  .over.bottom .menu { left:0; bottom:0; width:100%; height:auto; transform:translateY(100%); }
  .over.bottom.open .menu { transform:translateY(0); }
  
  /* Over Left */
  .over.left .menu { left:0; top:0; width:300px; height:100%; transform:translateX(-100%); }
  .over.left.open .menu { transform:translateX(0); }
  
  /**
   * Push
   **/
   
  .push { transition:all 0.5s ease 0s; }
  .push.open { overflow:hidden; }
  .push .menu { position:fixed; }
  
  /* Push Top */
  .push.top .menu { left:0; top:0; height:300px; width:100%; transform:translateY(-100%); overflow-y:hidden; }
  .push.top.open { transform:translateY(300px); }
  
  /* Push Right */
  .push.right .menu { right:0; top:0; height:100vh; width:300px; transform:translateX(100%); overflow-x:hidden; }
  .push.right.open { transform:translateX(-300px); }
  
  /* Push Bottom */
  .push.bottom .menu { left:0;margin-top:100vh; height:300px; width:100%; overflow-y:hidden; }
  .push.bottom.open { transform:translateY(-300px); }
  
  /* Push Left */
  .push.left .menu { left:0; top:0; height:100vh; width:300px; transform:translateX(-100%); overflow-x:hidden; }
  .push.left.open { transform:translateX(300px); }
}
/**
 * All elements
 */

.field { margin-bottom: 15px; position:relative; }
.field label { display: inline-block; margin:0; }

.field.required label { position:relative; }
.field.required label:after { content:'*'; color:#d9534f; }

.field .message { font-size:10px; line-height:10px; position:absolute; right:0; bottom:-1.2em; }

[data-validate-for] { display:none; }
[data-validate-for].visible { display:block; }

/**
 * Textfields & Textarea
 */

.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.15); }
.field.textfield input:focus,
.field.textarea textarea:focus { outline: none; border-color: rgba(0, 0, 0, 0.40); }

.field.textfield.success,
.field.textarea.success { color:#5cb85c; }
.field.textfield.success input { border-color:#5cb85c; }
.field.textarea.success textarea { border-color:#5cb85c; }

.field.textfield.error,
.field.textarea.error { color:#d9534f; }
.field.textfield.error input { border-color:#d9534f; }
.field.textarea.error textarea { border-color:#d9534f; }


/**
 * Checkbox & Radio
 */

.field.checkbox,
.field.radio { line-height: 20px; }
.field.checkbox input,
.field.radio input { width:20px; height:20px; float:left; margin-right:10px; }
.field.checkbox label,
.field.radio label { position:relative; margin-bottom: 0; cursor: pointer; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:1px solid rgba(0, 0, 0, 0.15); background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:3px; width: 14px; height:14px; background:rgba(0, 0, 0, 0.15); opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox.error,
.field.radio.error { color:#d9534f; }
.field.checkbox.error span:before,
.field.radio.error span:before{ border-color:#d9534f; }
.field.checkbox.error span:after,
.field.radio.error span:after{ background-color:#d9534f; }

.field.checkbox.success,
.field.radio.success { color:#5cb85c; }
.field.checkbox.success span:before,
.field.radio.success span:before{ border-color:#5cb85c; }
.field.checkbox.success span:after,
.field.radio.success span:after{ background-color:#5cb85c; }

.field.checkbox .message:before,
.field.checkbox .message:after,
.field.radio .message:before,
.field.radio .message:after { content:none; }

/* checkbox */

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

/* Radio */

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

/**
 * Select
 */

.field.select .select2-selection { border-radius:0; border:1px solid rgba(0, 0, 0, 0.15); height:46px; }
.field.select .select2-selection__rendered { line-height:46px; }
.field.select .select2-selection__arrow { height:46px; }

.field.select.error { color:#d9534f; }
.field.select.error .select2-selection { border-color:#d9534f; }
.field.select.success { color:#5cb85c; }
.field.select.success .select2-selection { border-color:#5cb85c; }

/**
 * Addresses
 */

.field.address .ap-input { height:auto; line-height:auto; border-radius:0; }
.field.address .ap-dropdown-menu { color:#000; }

/**
 * Captcha
 **/

.field.captcha { display:flex; justify-content:center; }

/**
 * Loading
 */
.loading { position:relative; }
.loading:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.95); }
.loading:after { font-family:'Font Awesome 5 Regular' !important; font-weight:400; content:"\f3f4"; animation: fa-spin 2s infinite linear; font-family:'fontawesome'; font-size:20px; width:20px; height:20px; line-height: 20px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; }
/**
 * General Elements
 **/
#tarteaucitronPersonalize { background:#87b04b !important; }
body { font-family:'Ubuntu'; font-size:18px; font-weight:normal; color:#3d3d3c; overflow-x:hidden; }
:focus { outline:none; }

/* Titles */
h1 { font-size:40px; font-weight:normal; }
h1 b { font-weight:300; font-size:30px; }
h2 { font-size:40px; font-weight:normal; }
h2 b { font-weight:300; font-size:30px; }
h3 { }
h4 { }
h5 { }
h6 { }

/* Links */
a { }
a:visited { }
a:hover { text-decoration:none; }
a:focus { text-decoration:none; }

/* Paragraphs */
p { font-weight:300; line-height:2.2em; }

/* Buttons */
.btn { border:1px solid #87b04b; color:#87b04b; text-transform:uppercase; font-weight:bold; font-size:14px; padding:15px 30px; display:inline-block; }

/* Container */
.container { max-width:920px; }


/* Alert */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert .close { display:none; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes="auto"] { display: block; width: 100%; }

/* Hide */
.hide { display:none; }

/* Sliders */
.swiper-wrapper { box-sizing:border-box; }

.center { text-align:center; }
.justify { text-align:justify; }

.relative { position:relative; }

/* Forms */
.field.textfield { position:relative; margin-bottom:20px; }
.field.textfield label { position:absolute; left:15px; top:50%; transform:translateY(-50%); color:#87b04b; font-weight:500; opacity:1; transition:all 0.3s ease 0s; }
.field.textfield.active label { left:20px; opacity:0; }
.field.textfield input, .field.textfield.error input, .field.textfield.success input, .field.textfield.active input { border:1px solid #aeaead; padding:15px; }

.field.textarea { position:relative; }
.field.textarea label { position:absolute; left:15px; top:15px; color:#87b04b; font-weight:500; opacity:1; transition:all 0.3s ease 0s; }
.field.textarea.active label { left:20px; opacity:0; }
.field.textarea textarea, .field.textarea.error textarea, .field.textarea.success textarea, .field.textarea.active textarea { border:1px solid #aeaead; padding:15px; }

.field.submit { text-align:right; }
.field.submit .btn { background:#3d3d3c; color:#fff; text-transform:uppercase; border:1px solid transparent; font-weight:normal; font-size:20px; padding:10px 30px; cursor:pointer; }

#estimation .field.textfield input, .field.textfield.error input, .field.textfield.success input, .field.textfield.active input {width: 100%;}
#estimation h2.top {margin-top:100px;  }
#estimation h2 { margin-top:50px; font-size:30px; }
#estimation .selectlist {width: 100%;} 
#estimation select, textarea {width: 100%;}
#estimation .title {font-size: 2rem; margin-bottom: 0; font-weight:normal;}
#estimation .info{font-size: 0.9rem; font-style: italic;}
#estimation .field-selected { color:#87b04b; font-weight:500; opacity:1; transition:all 0.3s ease 0s;padding:15px;border: 1px solid #aeaead;}
#estimation .button {display: flex; flex-direction: column; align-items: center; padding-top: 20px;}
#estimation .field.checkbox span:after, .field.radio span:after {background:#87b04b ;}
#estimation .resultat { display: flex; flex-direction: column; align-items: center; padding-top: 45px; color: #87b04b; font-weight: bold;}

#estimation .afficherresultat {font-size: 32px; text-align:center; }
#estimation .btn { display:block; background:#87b04b; color:#fff; text-transform:uppercase; text-align:center; font-size:18px; font-weight:normal; padding: 15px 90px; }
#estimation .visible {color: gray; font-style: italic; font-size: 12px;}
#estimation .button a {color: #87b04b; font-size: 13px; text-decoration: underline; font-style: italic;}

#estimation .recaptcha { width:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; }

#cgv p{line-height: 1.5em}
#cgv h1 {border-bottom: none; text-align: left; margin-bottom: 0; padding-bottom: 0; line-height: .5em; padding-bottom: 10px;}

#sticky { position:fixed; right:0; bottom:100px; z-index:5; }
#sticky ul { padding:0; list-style:none; }
#sticky a { display:flex; background:#87b04b; color:#fff; flex-direction:row; align-items:stretch; justify-content:flex-start; transition:all 0.5s ease 0s; transform:translateX(calc(100% - 50px)); }
#sticky .icon { width:50px; height:50px; display:flex; align-items:center; justify-content:center; }
#sticky .text { padding:10px; }

#sticky a:hover { transform:translateX(0); }

/**
 * Layout
 **/
 
/* Header */
#header { background:url(../themes/ba-energies/assets/img/header.jpg) no-repeat center top; position:relative; }
#header .container { min-height:385px; }
#header .logo { position:absolute; left:50%; top:80%; transform:translate(-50%, -50%); max-width:260px; }
#header .logo img { visibility:hidden; }
#header .menu { list-style:none; padding:30px 0; margin:0; text-align:center; }
#header .menu li { display:inline-block; margin:0 15px; }

#header .menu li a { position: relative; display: inline-block; outline: none; color: #fff; white-space:nowrap; font-weight:normal; text-shadow:none; font-size:18px;}
#header .menu li a { color:#3d3d3c; } 
#header .menu li a::before { position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; color:#87b04b; content: attr(data-hover); transition: max-width 0.5s; }
#header .menu li a:hover::before,
#header .menu li a:focus::before { max-width: 100%; }

#header .menu .menu-logo { display:none; }
#header .menu .menu-home { display:none; }


#header .clouds {  position:absolute; display:block; width:200%; height:100%; animation: clouds 460s linear infinite; left:-50%; top:0; }
#header .clouds img { height:65%; opacity:0; transition:all 2s linear 0s; }
#header .clouds.loaded img { opacity:1; }
@keyframes clouds { from { transform: translateX(0); } to { transform: translateX(100%); } }

.hamburger { display:none; }

/* Footer */
#footer { text-align:center; background:url(../themes/ba-energies/assets/img/footer.jpg) no-repeat center top / cover; margin-top:80px; }
#footer b { font-weight:bold; text-transform:uppercase; }
#footer .bottom { margin-top:160px; }
#footer .bottom ul { padding:30px 0 50px 0; margin:0; list-style:none; }
#footer .bottom li { display:inline-block; margin:0 15px; }
#footer .bottom a { color:#fff; font-weight:normal; }
#footer .bottom .linkedin,
#footer .bottom .facebook { font-size:50px; margin:0 15px; }

/**
 * Pages
 **/

/* Général */
.intro { text-align:center; padding:80px 0; }
.intro h1 { margin-bottom:60px; }
.intro .container { max-width:645px; }
.intro .btn { margin-top:60px; }

.prestations .row { margin-top:50px; margin-bottom:50px; }
.prestation .svg { width:115px; position:relative; margin-top:50px; }
.prestation .svg:before { content:''; width:100%; height:100%; display:block; background:#87b04b; position:absolute; z-index:1; }
.prestation svg { position:relative; z-index:2; }
.prestation h3 { text-transform:uppercase; font-weight:normal; margin-bottom:30px; }
.prestation h3 span { color:#87b04b; display:block; }

.content { padding:140px 0 0 0; }
.content h1 { border-bottom:1px solid #70706f; color:#3d3d3c; text-align:center; padding-bottom:40px; margin-bottom:50px; font-size:60px; }
.content ul { list-style:none; margin:0; padding:0; text-align:left; display:inline-block; margin:20px 0 30px 0; min-width:300px; }
.content li { background:url(../themes/ba-energies/assets/img/puce.png) no-repeat left 7px; padding-left:40px; margin:5px 0; font-weight:300; }
.content li li { background:url(../themes/ba-energies/assets/img/subpuce.png) no-repeat left 9px; padding-left:20px; }

.separator { background:url(../themes/ba-energies/assets/img/separator.png) no-repeat center bottom; padding-bottom:60px; }

/* Accueil */
#accueil #header {  background:url(../themes/ba-energies/assets/img/header-accueil.jpg) no-repeat center top; }
#accueil #header .logo { max-width:370px; top:50%; }
#accueil #header .container { min-height:885px; }

#accueil h2 { text-align:center; padding-bottom:30px; border-bottom:1px solid #70706f; margin:0; }
#accueil .prestation { background:#f3f3f2; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:50px; text-align:center; margin-bottom:30px; }
#accueil .swiper-container { padding-top:50px; padding-bottom:50px; }
#accueil .actualites h3 { color:#87b04b; text-transform:uppercase; font-weight:normal; }
#accueil .actualites .more { color:#000; font-weight:bold; }
#accueil .actualites .btn { display:block; background:#87b04b; color:#fff; text-transform:uppercase; text-align:center; font-size:18px; font-weight:normal; }

#accueil .prestation.concept .svg,
#accueil .prestation.accompagnement .svg { margin-top:20px; margin-bottom:30px; }
#accueil .prestation.bilan .svg svg { right:-40px; top:-40px; }
#accueil .prestation.concept .svg svg { right:-40px; bottom:-40px; }
#accueil .prestation.accompagnement .svg svg { right:-40px; bottom:-40px; }
#accueil .prestation.montage .svg svg { left:-40px; top:-40px; }

#accueil .partenaires { margin:80px 0; }
#accueil .partenaires .swiper-wrapper { align-items:center; }

#accueil #reviews { padding:50px 0; }

/* Prestations */
#prestations .content .row { justify-content:space-between; }
#prestations .prestation { margin:80px 0; }
#prestations .prestation.concept .svg,
#prestations .prestation.accompagnement .svg { margin-top:20px; margin-bottom:30px; }
#prestations .prestation.bilan .svg svg { right:-40px; top:-40px; }
#prestations .prestation.concept .svg svg { right:-40px; top:-40px; }
#prestations .prestation.accompagnement .svg svg { right:-40px; bottom:-40px; }
#prestations .prestation.montage .svg svg { right:-40px; bottom:-40px; }

/* References */
#references .reference { text-align:center; position:relative; }
#references .reference a.main { display:block; position:relative; }
#references .reference a.main:after { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); content:''; z-index:2; opacity:0; transition:all 0.5s ease 0s; }
#references .reference a.hide { display:none; }
#references .reference h2 { color:#fff; text-transform:uppercase; font-size:20px; position:absolute; top:calc(50% - 15px); left:50%; transform:translate(-50%, -50%); z-index:3; opacity:0; transition:all 0.5s ease 0s;  }
#references .reference .place { color:#87b04b; position:absolute; left:50%; bottom:5px; font-size:14px; text-transform:uppercase; transform:translateX(-50%); background:url(../themes/ba-energies/assets/img/puce.png) no-repeat center top; padding-top:25px; z-index:3; opacity:0; transition:all 0.5s ease 0s; }

#references .reference a.main:hover:after { opacity:1; }
#references .reference a.main:hover h2 { opacity:1; top:50%; }
#references .reference a.main:hover .place { opacity:1; bottom:15px; }

#presentation .logos h2 { text-align:center; font-size:28px; margin:50px 0; }
#presentation .logos h2:after { content:''; width:50px; height:2px; background:#000; display:block; margin:20px auto 0 auto; }

/* Actualités */
#actualites .actualite { margin-bottom:50px; }
#actualites .actualite h2 {  color:#87b04b; font-size:22px; text-transform:uppercase; }
#actualites .actualite .more { color:#000; font-weight:bold; }

#actualite .content .h1 { border-bottom:1px solid #70706f; color:#3d3d3c; text-align:center; padding-bottom:40px; margin-bottom:50px; font-size:60px; }
#actualite .content h1 { color:#87b04b; text-transform:uppercase; font-size:18px; padding:0; margin:50px 0 30px 0; text-align:left; border:none; }
#actualite .content .image { text-align:center; }
#actualite .content .btn { display:block; background:#87b04b; color:#fff; text-align:center; text-transform:uppercase; font-size:16px; margin-top:60px; }

.pagination ul { min-width:0; }
.pagination li { padding:0; background:none; }
.pagination a { text-align:center; }
.pagination.simple a.active { background:#87b04b; color:#fff; border-color:#87b04b; }

/* Contact */
#contact .address { background:#87b04b; color:#fff; padding:50px 100px; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; font-size:20px; }
#contact .address b { font-weight:500; font-size:22px; }
#contact .address i { color:#000; font-weight:600; font-style:normal;  }
#contact .address p:last-child { margin-bottom:0; }
#contact form { margin-top:50px; }
#contact .field.textfield:last-child { margin-bottom:0; }
#contact .field.textarea { margin-top:20px; margin-bottom:30px; }

.page { padding-top:200px; }
.page h2 { font-size:26px; }
.page h3 { font-size:22px; }
.page table { width:100%; margin:20px 0; }
.page table td,
.page table th { border:1px solid #ccc; padding:5px; }

.field.captcha { float:left; margin-bottom:20px; position:relative; z-index:3; }
p.donnees { clear:both; }
/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  #header .clouds { display:none !important; }
}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  .hamburger { display:inline-block; position:absolute; right:15px; top:15px;}
  .hamburger.is-active { position:fixed; }
  .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before { background:#fff; }
  #header .container { position:static; }
  #header .logo { position:absolute; left:15px; top:15px; transform:none; max-width:150px; }
  #header .logo img { visibility:visible; }
  #header .menu  { background:rgba(0,0,0,0.75); }
  #header .menu li { margin:10px 0; font-weight:500; }
  #header .menu li a { color:#fff; }
  #header .menu .menu-logo { max-width:120px; margin-bottom:30px; display:block; }
  #header .menu .menu-home { margin-top:40px; display:block; }
  #header .menu .menu-home .carre,
  #header .menu .menu-home .carre { width:15px; height:15px; background:url(../themes/ba-energies/assets/img/puce.png) no-repeat left top; display:inline-block; margin:0 15px 0 20px; position:relative; top:2px; }
  #header .menu li.active a { color:#87b04b; }
  
  #accueil #header { background: url(../themes/ba-energies/assets/img/header.jpg) no-repeat center top; position: relative; }
  #accueil #header .container { min-height:385px; }
  #accueil #header .logo { position:absolute; left:15px; top:15px; transform:none; max-width:150px; }
  
  .prestation h3 { font-size:15px; }
  .content li { visibility:visible; }
  #prestations .content .col-md-2 { display:none; }
  h1 { font-size:30px; }
  h1 b { font-size:20px; }
  #accueil h2  { font-size:30px; }
  .content h1 { font-size:30px; }
  .content { padding-top:40px; }
  
  #contact .address { padding:30px; }
}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  #contact form .right { order:1; margin-bottom:20px; }
  #contact form .left { order:2; }
  #cgv h1 {line-height: 1em;}
  #cgv {padding: 10px;}
  
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  
}