#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:#6E6E6E;
  font-family:'Roboto Condensed', Arial, Verdana, Sans-Serif;
  font-size:12pt;
  font-weight:400;
}

a
{
  color:#345A80;
}

a:hover
{
  color:#345A80;
  text-decoration:underline;
}

a:focus
{
  color:#345A80;
}

a:active
{
  color:#345A80;
}

#topbar
{
  background-color:#6E6E6E;
  line-height:35px;
  border-bottom-width:4px;
}

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

#topbar .info li a:hover
{
  color:#333333;
  text-decoration:none;
}

#topbar .info li .fa
{
  font-size:20px;
  line-height:35px;
  border-width:0px;
}

#topbar .social-icons a .fa
{
  font-size:14px;
}

#header .logo
{
  display:block;
  margin-top:0px;
  margin-bottom:0px;
}

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

#header #menu
{
  background-color:#345A80;
}

#header #menu ul > li
{
  display:inline-block;
  letter-spacing:1px;
  font-family:'Roboto Condensed', Arial, Verdana, Sans-Serif;
  font-size:12pt;
  font-weight:700;
  text-transform:uppercase;
}

#header #menu ul > li > a
{
  padding-left:20px;
  padding-right:20px;
  padding-top:0px;
  padding-bottom:0px;
  color:#FFFFFF;
  text-align:center;
  line-height:50px;
  border-left-width:0px;
  border-right-width:0px;
}

#header #menu ul > li > a:hover
{
  background-color:#333333;
  color:#FFFFFF;
}

#header #menu ul > li.current > a
{
  color:#333333;
}

#header #menu ul > li.current > a:hover
{
  color:#FFFFFF;
}

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

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

#header.fixed .logo img
{
  max-width:324px;
  max-height:42px;
}

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

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

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

#slider
{
  background-color:#6E6E6E;
}

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

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

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

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

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

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

#slider .camera_prev
{
  background-color:#FFFFFF;
  border-radius:0px;
}

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

#slider .camera_pag .cameracurrent span
{
  background-color:#6E6E6E;
}

#slider .titre h1
{
  display:block;
  letter-spacing:2px;
  margin-top:8%;
  color:#FFFFFF;
  font-family:'Roboto Condensed', Arial, Verdana, Sans-Serif;
  font-size:40pt;
  font-weight:900;
  text-transform:uppercase;
}

#slider .titre h1 span
{
  display:block;
  margin-top:22px;
  color:#345A80;
  font-size:20pt;
  font-weight:400;
  text-transform:uppercase;
}

#slider .texte
{
  color:#FFFFFF;
  font-size:40pt;
  font-weight:900;
}

#slider .lien a
{
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  background-color:#6E6E6E;
  color:#FFFFFF;
  font-size:16pt;
  font-weight:400;
  border-radius:10pt;
}

#slider .lien a:hover
{
  background-color:#345A80;
  color:#FFFFFF;
}

.full-section
{
  float:none;
  border-top-width:0px;
  border-bottom-width:0px;
}

.breadcrumb
{
  display:none;
}

body.home .breadcrumb
{
  display:none;
}

.section-title
{
  margin-bottom:40px;
  text-align:center;
}

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

.section-title h1
{
  color:#6E6E6E;
  font-family:'Roboto Condensed', Arial, Verdana, Sans-Serif;
  letter-spacing:2px;
  font-size:18pt;
  font-weight:bold;
  text-transform:uppercase;
}

.section-title h1 span
{
  color:#345A80;
  font-weight:bold;
}

.section-title h2
{
  margin-top:10px;
  color:#345A80;
  font-family:'Roboto Condensed', Arial, Verdana, Sans-Serif;
  font-size:16pt;
  font-weight:normal;
}

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

#content h2
{
  color:#345A80;
  font-family:'Roboto Condensed', Arial, Verdana, Sans-Serif;
  font-size:16pt;
  text-transform:capitalize;
}

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

#bloc-textes-1 .title
{
  margin-bottom:40px;
  text-align:center;
}

#bloc-textes-1 .title h2
{
  color:#345A80;
}

#bloc-textes-1 .bloc .icone .fa
{
  background-color:#345A80;
  color:#FFFFFF;
  border-color:#345A80;
}

#bloc-textes-1 .bloc:hover .icone .fa
{
  background-color:#6E6E6E;
  color:#F8F8F8;
  border-color:#6E6E6E;
}

#bloc-textes-1 .bloc .titre:after
{
  border-bottom-width:2px;
  border-color:#345A80;
}

#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;
}

#portfolio .port-desc-item h6
{
  color:#FFFFFF;
  font-size:10pt;
  text-transform:uppercase;
}

#portfolio .item-overlay .fa
{
  background-color:#6E6E6E;
  color:#333333;
}

#portfolio .item-overlay .fa:hover
{
  background-color:#345A80;
  color:#FFFFFF;
}

#portfolio .owl-controls .owl-buttons div
{
  background-color:#345A80;
  border-color:#FFFFFF;
}

#portfolio .owl-controls .owl-buttons div .fa
{
  color:#FFFFFF;
}

#portfolio .owl-controls .owl-buttons div:hover
{
  background-color:#FFFFFF;
  border-color:#345A80;
}

#portfolio .owl-controls .owl-buttons div:hover .fa
{
  color:#345A80;
}

#portfolio .owl-controls .owl-pagination span
{
  background-color:#6E6E6E;
}

#portfolio .owl-controls .owl-pagination .active span
{
  background-color:#345A80;
}

.control-group
{
  padding-top:0px;
  padding-bottom:0px;
}

.control-group ul li
{
  margin-bottom:15px;
}

.control-group .filter
{
  display:inline-block;
  padding-left:15px;
  padding-right:15px;
  background-color:#FFFFFF;
  color:#6E6E6E;
  font-size:14pt;
  font-weight:600;
  line-height:25px;
  border-color:#FFFFFF;
}

.control-group .filter:hover
{
  background-color:#6E6E6E;
  color:#FFFFFF;
  border-color:#6E6E6E;
}

.control-group .filter.active
{
  background-color:#345A80;
  color:#FFFFFF;
  border-color:#345A80;
}

.box
{
  height:220px;
  margin-bottom:0px;
  margin:0px;
}

.box a
{
  display:block;
  overflow:hidden;
  position:relative;
}

.box img
{
  height:220px;
  margin:0px;
}

.box .legend
{
  display:block;
  position:absolute;
  left:0px;
  right:0px;
  bottom:-50px;
  opacity:0;
  z-index:3;
  background-color:#6E6E6E;
  color:#FFFFFF;
  font-size:10pt;
  line-height:20px;
}

.box a:hover .legend
{
  opacity:0;
}

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

#contact p
{
  color:#333333;
  font-size:28pt;
  font-weight:300;
  text-align:left;
  line-height:40px;
}

#contact p b
{
  display:block;
  margin-top:10px;
  margin-bottom:10px;
  color:#6E6E6E;
  font-weight:bolder;
}

#contact p a
{
  color:#345A80;
  font-weight:bolder;
}

#contact p a:hover
{
  color:#345A80;
}

#contact .btn
{
  background-color:#333333;
  color:#FFFFFF;
  font-size:20pt;
  font-weight:bolder;
  border-width:3px;
  border-color:#6E6E6E;
}

#contact .btn:hover
{
  background-color:#345A80;
  color:#FFFFFF;
  border-color:#333333;
}

.parallax
{
  position:relative;
  padding-top:30px;
  padding-bottom:30px;
  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;
  opacity:0.8;
}

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

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

.coordonnees .adresse > .row
{
  margin-left:0px;
}

.coordonnees .adresse .fa
{
  color:#345A80;
  border-width:0px;
}

.legal h3
{
  margin-bottom:10px;
  color:#345A80;
  font-size:16;
  font-weight:700;
  text-transform:uppercase;
}

.sitemap h3
{
  color:#345A80;
  font-size:16pt;
  font-weight:700;
  text-transform:uppercase;
}

.sitemap a
{
  color:#6E6E6E;
  font-size:12pt;
  font-weight:600;
}

.sitemap a i
{
  color:#6E6E6E;
  font-size:12pt;
  font-weight:400;
}

.sitemap a:hover
{
  color:#345A80;
  text-decoration:none;
}

.sitemap a:hover i
{
  color:#345A80;
}

.control-label
{
  color:#6E6E6E;
  font-size:12pt;
  font-weight:400;
}

.form-control
{
  background-color:#F8F8F8;
  color:#333333;
  font-size:12pt;
  font-weight:600;
  border-color:#6E6E6E;
  border-radius:0px;
}

.form-control:focus
{
  background-color:#F8F8F8;
  border-color:#345A80;
}

.btn-primary
{
  background-color:#333333;
  color:#FFFFFF;
  font-size:12pt;
  text-transform:uppercase;
  border-width:0px;
  border-radius:0px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
}

.btn-primary:hover
{
  background-color:#345A80;
  letter-spacing:2px;
  color:#FFFFFF;
}

#footer
{
  padding-bottom:0px;
  background-color:#333333;
  line-height:20px;
}

#footer #widgets
{
  padding-top:0px;
  padding-bottom:0px;
}

#footer #widgets h2
{
  margin-bottom:20px;
  color:#F8F8F8;
  font-family:'Roboto Condensed', Arial, Verdana, Sans-Serif;
  font-size:16pt;
  font-weight:700;
  text-transform:uppercase;
}

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

#footer #widgets .articles h6 a:hover
{
  color:#F8F8F8;
  font-weight:400;
  text-decoration:underline;
}

#footer #widgets .articles em
{
  color:#6E6E6E;
  font-style:italic;
  font-size:8pt;
  font-weight:300;
}

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

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

#footer #widgets .coordonnees p
{
  color:#F8F8F8;
  font-size:11pt;
  font-weight:300;
}

#footer #widgets .coordonnees a
{
  color:#345A80;
  font-weight:400;
}

#footer #widgets .coordonnees a:hover
{
  color:#F8F8F8;
  text-decoration:underline;
}

#footer #widgets .contact p
{
  margin-top:20px;
  font-size:24pt;
  font-weight:900;
}

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

#bottombar::before
{
  display:none;
}

#bottombar .copyright a
{
  color:#6E6E6E;
}

#bottombar a
{
  color:#6E6E6E;
}

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

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

#bottombar
{
  border-top-width:0px;
  border-bottom-width:0px;
}



@media screen and (min-width: 992px)
{
  #topbar { position:absolute; top:0px; left:0px; right:0px; z-index:1; }
  #topbar .container { width:auto; padding-left:0px; padding-right:0px; }
  #topbar .container > .row { margin-left:0px; margin-right:0px; }
  #topbar .container > .row > div { width:100%; float:none; padding-left:0px; padding-right:0px; }
  #topbar .container > .row > div.col-xs-12 { display:none; }
  #topbar .info { height:35px; overflow:hidden; padding-left:0px; padding-right:30px; text-align:right; }
  #topbar .info li.company { display:none; }
  #topbar .info li.phone { font-size:18px; font-weight:700; margin-right:0px; }
  #topbar .info li .fa { display:inline-block; height:35px; vertical-align:top; }
  #topbar .social-icons { display:none; }

  #header { height:90px; position:absolute; top:35px; z-index:1; background-color:transparent; }
  #header .container { width:auto; padding-left:0px; padding-right:0px; }
  #header .navbar-header { float:none; position:absolute; z-index:2; margin-top:-35px; }
  #header #menu { float:none!important; padding-left:0px; padding-right:0px; }
  #header #menu ul { float:none; padding-right:20px; text-align:right; }
  #header #menu ul > li { display:inline-block; float:none; }
  #header .navbar-header a { display:block; position:relative; z-index:2; padding:10px 40px; }
  #header .navbar-header a::before { content:""; display:block; position:absolute; right:0px; bottom:0px; z-index:3; width:500px; height:500px; -webkit-transform:rotate(20deg);transform:rotate(20deg); -webkit-transform-origin:100% 100%; transform-origin:100% 100%; }
  #header .navbar-header a img { position:relative; z-index:4; margin:20px 20px; }
  #header .navbar-header a, #header .navbar-header a::before { background-color:#fff; }
  #header .navbar-header a { box-shadow:0px 3px 5px #292F36; }
  #header .navbar-header a::before { box-shadow:3px -6px 5px #292F36; }

  #header.fixed { height:auto; background-color:#fff; }
  #header.fixed .navbar-header { margin-top:0px; }
  #header.fixed .navbar-header a { padding:5px 50px; }
  #header.fixed .navbar-header a, #header.fixed .navbar-header a::before { box-shadow:none; }
  #header.fixed .logo { margin-top:0px; margin-bottom:0px; }
  #header.fixed .navbar-header a img { margin:4px 0px; }

  #slider, #slider .camera-slider { height:100vh!important; max-height:100vh!important; }
  #slider .camera_wrap img { width:100vw!important; max-width:none!important; height:auto!important; left:0px; right:0px; top:auto; bottom:0px; margin:0px!important; }
  #slider .cameraContents .cameracurrent { background-image:url(../../img/logo.png); background-size:269px 35px; background-position:95% 95%; background-repeat:no-repeat; }

  #main { padding-top:120px; }
  body.index #main, body.prestations #main, body.zzzcontact #main { padding-top:0px; }

  .box a::after { content:"\f00e"; color:#fff; font-family:FontAwesome; font-size:1px; display:flex; align-items:center; justify-content:center; position:absolute; left:50%; right:50%; top:50%; bottom:50%; z-index:2; background-color:rgba(0,131,61,0.6); opacity:0.0; transition:all 0.4s ease; }
  .box:hover a::after { font-size:50px; left:0px; right:0px; top:0px; bottom:0px; opacity:1.0; }
  .box .legend { z-index:3; }

  #footer { position:relative; }
  #footer #widgets { width:auto; padding:10px 0px 0px 0px; }
  #footer #widgets .footer-widget.col-md-3 { width:22%; padding-top:10px; padding-bottom:10px; }
  #footer #widgets .footer-widget.col-md-3.autre { width:24%; margin-right:10%; }
  #footer #widgets .footer-widget.autre::before { content:""; display:block; position:absolute; right:0px; bottom:0px; z-index:2; width:500px; height:500px; -webkit-transform:rotate(20deg);transform:rotate(20deg); -webkit-transform-origin:100% 100%; transform-origin:100% 100%; }
  #footer #widgets .footer-widget.autre, #footer #widgets .footer-widget.autre::before { background-color:#fff; }
  #footer #widgets .autre h2 { display:none; }
  #footer #widgets .autre img.logo { width:260px; max-width:100%; margin:30px auto 70px auto; position:relative; z-index:3; }
  #footer #widgets .autre h2.dev { display:block; color:#232331; font-size:11pt; text-align:center; position:relative; z-index:3; margin-top:50px; margin-bottom:10px; }
  #footer #widgets img.dev { width:200px; max-width:80%; margin:0px auto 70px auto; position:relative; z-index:3; }

  #bottombar { position:absolute; left:0px; right:0px; bottom:0px; padding:15px 0px; background-color:transparent; }
  #bottombar .container { width:auto; padding-left:30px; padding-right:70px; line-height:20px; }
  #bottombar .footer-menu.col-lg-7 { width:75%; }
  #bottombar .copyright.col-lg-5 { width:25%; }
  #bottombar .footer-menu.col-lg-push-5 { left:25%; }
  #bottombar .copyright.col-lg-pull-7 { right:75%; }
  #bottombar .copyright a { position:relative; z-index:100; color:#6e6e6e; }
  #bottombar .copyright a:hover { color:#fff; }
}

#slider .titre h1 { text-shadow:0px 1px 5px #000; }
#slider .titre h1 span { text-shadow:0px 1px 2px #000; }

body.nos-realisations #portfolio { padding-top:10px; padding-bottom:50px; }

hr { margin-top:30px; margin-bottom:40px; }

.img-effet { display:inline-block; position:relative; }
.img-effet::after { content:""; display:block; position:absolute; left:5px; right:-5px; top:5px; bottom:-5px; z-index:1; background-color:#295494; }
.img-effet img { position:relative; z-index:2; }

/*.parallax .opacity,*/ .parallax > div { background-color:transparent; }

.box, .box img { width:auto; }

#footer #widgets h2 { display:inline-block; }
#footer #widgets h2::after { content:""; display:block; border:1px solid #345A80; margin-top:10px; }
#footer #widgets .autre h2::after { display:none; }

@media screen and (max-width: 991px)
{
  #topbar { display:none; }
  #header, #header.fixed { background-color:#fff; }
  #header.logo, #header.fixed .logo { margin-top:7px !important; margin-bottom:7px !important; }
  #header .navbar-toggle { margin:8px 0px !important; }
  #header #menu ul > li { display:block; }
  #slider .camera-slider, #slider .cameraSlide img { height:50vh!important; }
  .img-effet::after { left:5px; right:-5px; top:5px; bottom:-5px; }
  #footer #widgets .autre h2 { display:none; }
  #footer #widgets .autre h2.dev { display:block; }
  #footer #widgets .autre div.logo,
  #footer #widgets .autre div.dev { display:block; background-position:center center; background-repeat:no-repeat; background-size:contain; }
  #footer #widgets .autre div.logo img,
  #footer #widgets .autre div.dev img { margin:15px auto; }
  #footer #widgets .autre div.logo img { max-width:80%; background-color:#fff; }
  #footer #widgets .autre div.dev img { opacity:0.0; }
  #footer #widgets .autre div.dev { background-image:url(../../img/logo-agence-looping-blanc.svg); }
}

#content p.legende { font-size:80%; font-weight:300; font-style:italic; margin-top:0px; margin-bottom:0px; }
#content p.intro { font-size:150%; font-weight:300; margin-top:20px; margin-bottom:15px; }

#content .presentation h2
{
  color: #000;
  font-size: 16pt;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 25px;
  text-align :center;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

#content .presentation h2::after
{
  content: "";
  display: block;
  width: 100px;
  height: 3px;
  overflow: hidden;
  margin: 20px auto;
  background-color: #295494;
  transition: all 0.3s ease;
}

#content .presentation > div:hover h2
{
  letter-spacing: 4px;
}

#content .blocs-presentation img
{
  width: 150px;
  height: 150px;
}