#portfolio { text-align:center; }
#portfolio .mix { display:none; }
.control-group { padding-top:20px; padding-bottom:30px; }
.control-group ul { list-style:none; padding:10px; text-align:center; }
.control-group li { display:inline-block; }
.control-group .filter { padding:5px 10px; text-decoration:none; border:1px solid transparent; transition:all 200ms ease 0s; }
.box, .box img { width:240px; margin:2px; }
@media (max-width:640px) { .box { width:100%!important; } .box img { width:90%!important; } }

body
{
  color:#444444;
  font-family:'Roboto', Arial, Verdana, Sans-Serif;
  font-size:12pt;
}

a
{
  color:#444444;
}

a:hover
{
  color:#888888;
}

#topbar
{
  background-color:#444444;
  background-position:left center;
  color:#FFFFFF;
  font-size:10pt;
  border-bottom-width:0px;
  border-bottom-color:#FFFFFF;
}

#topbar .info li a
{
  color:#FFFFFF;
}

#topbar .info li .fa
{
  font-size:10pt;
  border-width:0px;
}

#topbar .social-icons a .fa
{
  color:#FFFFFF;
  font-size:12pt;
}

#topbar .social-icons a:hover .fa
{
  color:#ffffff;
}

#header
{
  background-color:#ffffff;
  background-image:url('img/metal-lines-stripes-light-shiny-silver.jpg');
  background-position:left center;
}

#header .logo
{
  margin-top:40px;
  margin-bottom:40px;
}

#header .logo img
{
  max-height:90px;
}

#header #menu ul > li
{
  font-size:14pt;
  text-transform:uppercase;
}

#header #menu ul > li > a
{
  padding-top:0px;
  padding-bottom:0px;
  line-height:50px;
}

#header.fixed
{
  background-color:#ffffff;
}

#header.fixed .logo
{
  margin-top:5px;
  margin-bottom:5px;
}

#header.fixed .logo img
{
  max-height:50px;
}

#header.fixed #menu ul > li > a
{
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  line-height:60px;
}

#header .navbar-toggle
{
  background-color:#444444;
}

#header .navbar-toggle .icon-bar
{
  background-color:#FFFFFF;
}

#slider
{
  background-color:#aaaaaa;
}

#slider .camera_bar_cont
{
  background-color:#aaaaaa !important;
}

#slider .camera_bar_cont span
{
  background-color:#666666 !important;
}

#slider .camera_commands
{
  background-color:#ffffff;
}

#slider .camera_commands:hover
{
  background-color:#ffffff;
}

#slider .camera_next
{
  background-color:#ffffff;
}

#slider .camera_next:hover
{
  background-color:#ffffff;
}

#slider .camera_prev
{
  background-color:#ffffff;
}

#slider .camera_prev:hover
{
  background-color:#ffffff;
}

#slider .titre h1
{
  display:none;
}

.breadcrumb
{
  display:none;
}

body.home .breadcrumb
{
  display:none;
}

.section-title
{
  margin-top:0px;
  margin-bottom:25px;
}

.section-title .icon
{
  display:none;
  width:80px;
  margin-top:18px;
}

.section-title h1
{
  margin-top:0px;
  margin-bottom:0px;
  color:#444444;
  font-size:30pt;
  font-weight:400;
  text-align:center;
}

.section-title h2
{
  margin-top:10px;
  margin-bottom:0px;
}

#content
{
  padding-top:30px;
  padding-bottom:30px;
}

#content h1
{
  font-weight:400;
}

#bloc-textes-1
{
  padding-top:30px;
  padding-bottom:30px;
}

#bloc-textes-2
{
  padding-top:30px;
  padding-bottom:30px;
}

#bloc-textes-2 .photo
{
  padding-top:30px;
}

#portfolio
{
  padding-top:30px;
  padding-bottom:30px;
  background-color:#FFFFFF;
}

#contact
{
  padding-top:20px;
  padding-bottom:20px;
  background-color:#eaeaea;
}

#contact .btn
{
  background-color:#444444;
  color:#FFFFFF;
  border-width:2px;
  border-color:#444444;
}

#contact .btn:hover
{
  background-color:#FFFFFF;
  color:#444444;
  border-color:#444444;
}

.parallax
{
  position:relative;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
  text-align:center;
}

.parallax .opacity
{
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
}

.map iframe
{
  margin-bottom:25px;
}

#blog .blog-meta
{
  margin-top:0px;
  margin-bottom:0px;
}

.btn-primary
{
  background-color:#444444;
  color:#FFFFFF;
  text-transform:uppercase;
  border-color:#444444;
  border-radius:20px;
}

.btn-primary:hover
{
  background-color:#FFFFFF;
  letter-spacing:2px;
  color:#444444;
  font-weight:bolder;
  border-color:#444444;
}

#footer
{
  background-color:#444444;
  background-image:url('img/metal-lines-stripes-light-shiny-silver.jpg');
  background-position:left bottom;
  background-repeat:no-repeat;
}

#footer #widgets
{
  padding-top:30px;
  padding-bottom:30px;
  font-size:12pt;
}

#footer #widgets h2
{
  color:#FFFFFF;
  font-weight:600;
}

#footer #widgets p
{
  color:#FFFFFF;
}

#footer #widgets .article h2
{
  color:#97C54B;
}

#footer #widgets .articles h2
{
  color:#97C54B;
  font-weight:600;
}

#footer #widgets .articles h6 a
{
  color:#FFFFFF;
  font-size:11pt;
}

#footer #widgets .articles h6 a:hover
{
  color:#97C54B;
  font-weight:bold;
}

#footer #widgets .articles em
{
  color:#97C54B;
  font-size:9pt;
}

#footer #widgets .reseaux a .fa
{
  font-size:14px;
  border-width:1px;
}

#footer #widgets .reseaux a:hover .fa
{
  color:#ffffff;
}

#footer #widgets .coordonnees h2
{
  color:#29999A;
}

#footer #widgets .coordonnees .fa
{
  color:#29999A;
  border-width:0px;
}

#footer #widgets .coordonnees a
{
  color:#FFFFFF;
  font-weight:bold;
}

#footer #widgets .coordonnees a:hover
{
  color:#29999A;
  font-weight:bolder;
}

#footer #widgets .contact h2
{
  color:#EDA02A;
}

#footer #widgets .contact p
{
  color:#FFFFFF;
  font-size:18pt;
}

#footer #widgets .contact p a
{
  color:#FFFFFF;
}

#footer #widgets .contact p a:hover
{
  color:#EDA02A;
}

#footer #widgets .referenceur h2
{
  color:#B6272D;
}

#bottombar
{
  background-color:#444444;
}

#bottombar a
{
  color:#FFFFFF;
}

#bottombar a:hover
{
  color:#444444;
}

#bottombar a
{
  font-size:10pt;
  font-weight:400;
}

#bottombar a:hover
{
  font-weight:900;
  text-decoration:underline;
}



/*
#header #menu ul > li > a { border:0px; }
#header #menu ul > li > a { border-bottom:6px solid #fff; }
#header #menu ul > li > a:hover { border-color:#33658A; }
*/

#header { overflow:hidden; }
#header #menu ul > li { margin-left:-70px; margin-right:-70px; }
#header #menu ul > li > a { display:block; width:250px; border:0px solid transparent; border-radius:25px 0px 0px 25px; padding:0px 90px 0px 0px; color:#fff; transform:rotate(-45deg); text-align:center; transition:all 0.3s ease; }
#header #menu ul > li > a:hover { padding-right:110px; box-shadow:0px 2px 3px #444, 0px 2px 10px #444; }
#header #menu ul > li.m1 > a { background-color:#444444; }
#header #menu ul > li.m2 > a { background-color:#29999A; }
#header #menu ul > li.m3 > a { background-color:#97C54B; }
#header #menu ul > li.m4 > a { background-color:#FFA600; }
#header #menu ul > li.m5 > a { background-color:#B6272D; }
#header #menu ul > li.m6 > a { background-color:#444444; }
#header #menu ul > li.current > a { border-color:#fff; box-shadow:0px 2px 3px #000, 0px 2px 10px #000; font-weight:bold; letter-spacing:3px; z-index:10; transform:rotate(-45deg) translateX(-60px); }
#header #menu ul > li.current > a:hover { padding-right:90px; }

#header.fixed #menu ul > li { margin-left:0px; margin-right:0px; }
#header.fixed #menu ul > li a { width:auto; border-radius:0px; padding:0px 15px; transform:rotate(0deg); }
#header.fixed #menu ul > li > a:hover { box-shadow:none; }
#header.fixed #menu ul > li.current > a:hover { padding-right:15px; }

.form-horizontal .control-label { color: #444444; }
.coordonnees i { color:#444444; border-color:#fff; }
.contact .coordonnees .row h3 { color: #444444; font-weight:400; }
.contact .coordonnees .row a { color: #444444; }
.contact .coordonnees .row a:hover { color: #b6272d; font-weight:bold; }

#bottombar { background-color:transparent; }

@media screen and (max-width:767px)
{
  #header #menu ul > li { margin-left:0px; margin-right:0px; }
  #header #menu ul > li a { width:auto; border-radius:0px; padding:0px 15px; transform:rotate(0deg); }
  #header #menu ul > li > a:hover { box-shadow:none; }
  #header #menu ul > li.current > a:hover { padding-right:15px; }
  #header #menu ul > li.current > a { border-color:transparent; box-shadow:none; transform:rotate(0deg) translateX(0px); }
  #header #menu ul > li.current > a:hover { padding-right:15px; }
}

.icons h3 { font-size:16pt; }

.row .contact .fa-map-marker:before { color:#29999a; font-size:12pt; }
.row .contact .fa-phone:before { color:#97c54b; font-size:12pt; }
.row .contact .fa-mobile:before { color:#eda02a; font-size:13pt; }
.row .contact .fa-envelope:before { color:#b6272d; font-size:12pt; }


#bottombar .footer-menu ul li:nth-child(2) a:hover { color:#29999a; }
#bottombar .footer-menu ul li:nth-child(3) a:hover { color:#97c54b; }
#bottombar .footer-menu ul li:nth-child(4) a:hover { color:#eda02a; }
#bottombar .footer-menu ul li:nth-child(5) a:hover { color:#b6272d; }

body.chauffage .section-title h1 { color:#29999a; }
body.sanitaire .section-title h1 { color:#97c54b; }
body.couverture .section-title h1 { color:#eda02a; }
body.zinguerie .section-title h1 { color:#b6272d; }

.icons .icon { text-align:center; }
.icons .icon .fa { width:80px; line-height:80px; font-size:60px; transform:rotateY(0deg); transition:all 1.0s ease; }
.icons .icon:hover .fa { transform:rotateY(360deg); }