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

:root
{
  --blanc: #FFFFFF;
  --gris-clair: #E6E6E6;
  --gris-fonce: #323435;
  --transparent: rgba(255,255,255,0);
  --vert-clair: #4CC330;
  --vert-fonce: #3A9C23;
}

:root
{
  --swiper-navigation-color:#FFFFFF;
  --swiper-theme-color:#FFFFFF;
}

body
{
  color:#323435;
  font-family:'Roboto Condensed', Arial, Verdana, Sans-Serif;
  font-size:13pt;
  font-weight:300;
}

a
{
  color:#4CC330;
}

a:hover
{
  color:#3A9C23;
  text-decoration:underline;
}

a:focus
{
  color:#3A9C23;
}

a:active
{
  color:#3A9C23;
}

#topbar
{
  background-color:rgba(255,255,255,0);
  line-height:40px;
  border-bottom-width:0px;
}

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

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

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

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

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

#header .logo img
{
  width:320;
  max-width:320px;
  height:70;
  max-height:70px;
}

#header #menu ul
{
  font-size:0px;
}

#header #menu ul > li
{
  display:inline-block;
  letter-spacing:1px;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:12pt;
  font-weight:700;
  text-transform:uppercase;
}

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

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

#header #menu ul.dropdown-menu
{
  background-color:#FFFFFF;
  border-top-color:#FFFFFF;
}

#header #menu ul.dropdown-menu > li > a:hover
{
  background-color:#3A9C23 !important;
  color:#FFFFFF;
}

#header.fixed
{
  background-color:#3A9C23;
}

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

#header.fixed .logo img
{
  max-width:320px;
  max-height:70px;
}

#header.fixed #menu ul > li
{
  padding-top:10px;
  padding-bottom:10px;
}

#header.fixed #menu ul > li > a
{
  padding-left:20px;
  padding-right:20px;
  padding-top:15px;
  padding-bottom:11px;
  color:#323435;
  line-height:30px;
}

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

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

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

#slider
{
  background-color:#3A9C23;
  border-bottom-width:0px;
}

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

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

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

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

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

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

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

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

#slider .camera_pag .cameracurrent span
{
  background-color:#3A9C23;
}

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

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

#slider .texte
{
  color:#3A9C23;
  font-family:'Oswald', Arial, Verdana, Sans-Serif;
  font-size:18pt;
  font-weight:400;
}

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

.breadcrumb
{
  display:none;
}

body.home .breadcrumb
{
  display:none;
}

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

.section-title .icon
{
  display:inline-block;
  width:120px;
  height:5px;
  margin-top:30px;
  background-color:#4CC330;
}

.section-title .icon:before
{
  display:none;
}

.section-title .icon:after
{
  display:none;
}

.section-title h1
{
  margin-top:0px;
  margin-bottom:0px;
  color:#323435;
  font-family:'Oswald', Arial, Verdana, Sans-Serif;
  letter-spacing:2px;
  font-size:24pt;
  font-weight:bold;
  text-transform:uppercase;
}

.section-title h1 span
{
  color:#3A9C23;
  font-weight:bold;
}

.section-title h2
{
  margin-top:10px;
  margin-bottom:0px;
  color:#3A9C23;
  font-size:20pt;
  font-weight:300;
}

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

#content h2
{
  color:#3A9C23;
  font-size:20pt;
  font-weight:300;
}

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

#bloc-textes-1 .bloc .icone
{
  width:100px;
  height:100px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  background-color:#4CC330;
  border-radius:50%;
}

#bloc-textes-1 .bloc .icone .fa
{
  background-color:#3A9C23;
  border-width:0px;
  border-color:#3A9C23;
}

#bloc-textes-1 .bloc:hover .icone .fa
{
  background-color:#3A9C23;
  color:#4CC330;
  border-color:#3A9C23;
}

#bloc-textes-1 .bloc .icone img
{
  display:block;
  width:100px;
  height:100px;
  margin-left:auto;
  margin-right:auto;
}

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

#bloc-textes-1 .bloc .lien a
{
  color:#3A9C23;
  text-decoration:none;
}

#bloc-textes-1 .bloc .lien a:after
{
  margin-left:5px;
  color:#4CC330;
  transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  -webkit-transition:all 0.4s ease;
}

#bloc-textes-1 .bloc .lien a:hover
{
  background-color:#3A9C23;
  color:#4CC330;
}

#bloc-textes-1 .bloc .lien a:hover::after
{
  margin-left:10px;
  color:#3A9C23;
}

#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 .port-desc-item h6 span
{
  color:#3A9C23;
  font-size:9pt;
}

#portfolio .item-overlay .fa
{
  background-color:#E6E6E6;
  color:#4CC330;
}

#portfolio .item-overlay .fa:hover
{
  background-color:#3A9C23;
  color:#FFFFFF;
}

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

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

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

#portfolio .owl-controls .owl-buttons div:hover .fa
{
  color:#3A9C23;
}

#portfolio .owl-controls .owl-pagination span
{
  background-color:#4CC330;
}

#portfolio .owl-controls .owl-pagination .active span
{
  background-color:#3A9C23;
}

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

.control-group ul
{
  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:#4CC330;
  font-size:14pt;
  font-weight:600;
  line-height:25px;
  border-width:0px;
  border-color:#FFFFFF;
}

.control-group .filter:hover
{
  background-color:#4CC330;
  color:#FFFFFF;
  border-color:#4CC330;
}

.control-group .filter.active
{
  background-color:#3A9C23;
  color:#FFFFFF;
  border-color:#3A9C23;
}

.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:#4CC330;
  color:#FFFFFF;
  font-size:10pt;
  line-height:20px;
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}

.box a:hover .legend
{
  bottom:0px;
  opacity:1;
}

#contact
{
  padding-top:25px;
  padding-bottom:25px;
  background-color:#3A9C23;
}

#contact p
{
  letter-spacing:-1px;
  color:#FFFFFF;
  font-size:18pt;
  font-weight:300;
  text-align:left;
  line-height:35px;
}

#contact p b
{
  display:block;
  color:#FFFFFF;
  font-weight:400;
}

#contact p a
{
  color:#FFFFFF;
  font-weight:700;
}

#contact p a:hover
{
  color:#FFFFFF;
}

#contact .btn
{
  margin-top:0px;
  background-color:#4CC330;
  color:#FFFFFF;
  font-size:20pt;
  font-weight:bolder;
  border-width:3px;
  border-color:#FFFFFF;
}

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

.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;
  background-color:#4CC330;
}

.parallax h3
{
  font-size:54px;
  font-weight:800;
  text-transform:capitalize;
}

.parallax .texte
{
  font-size:10px;
}

.parallax .texte p
{
  font-size:14px;
  font-weight:400;
}

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

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

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

.coordonnees .adresse h3
{
  margin-top:0px;
  color:#4CC330;
  font-family:'Oswald', Arial, Verdana, Sans-Serif;
  text-transform:uppercase;
}

.coordonnees .adresse .fa
{
  color:#4CC330;
  border-width:0px;
}

.coordonnees .adresse .adr .fa
{
  margin-bottom:15px;
}

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

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

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

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

.sitemap a:hover
{
  color:#3A9C23;
  text-decoration:none;
}

.sitemap a:hover i
{
  color:#3A9C23;
}

.control-label
{
  color:#4CC330;
  font-size:12pt;
  font-weight:300;
}

.form-control
{
  background-color:#FFFFFF;
  color:#323435;
  font-size:12pt;
  font-weight:500;
  border-color:#E6E6E6;
  border-radius:0px;
}

.form-control:hover
{
  background-color:#E6E6E6;
  border-color:#4CC330;
}

.form-control:focus
{
  background-color:#E6E6E6;
  border-color:#4CC330;
}

.btn-primary
{
  background-color:#4CC330;
  letter-spacing:0px;
  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:#3A9C23;
  letter-spacing:2px;
  color:#FFFFFF;
}

#footer
{
  background-color:#E6E6E6;
  background-position:right bottom;
  background-repeat:no-repeat;
  background-size:contain;
  border-top-width:0px;
  border-bottom-width:0px;
}

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

#footer #widgets h2
{
  margin-bottom:20px;
  color:#3A9C23;
  font-family:'Oswald', Arial, Verdana, Sans-Serif;
  font-size:12pt;
  font-weight:600;
  text-transform:uppercase;
}

#footer #widgets h2 b
{
  display:block;
  color:#4CC330;
}

#footer #widgets .articles h6 a
{
  color:#3A9C23;
  font-size:12pt;
  font-weight:300;
}

#footer #widgets .articles h6 a:hover
{
  color:#4CC330;
}

#footer #widgets .articles em
{
  color:#323435;
  font-style:italic;
  font-size:9pt;
}

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

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

#bottombar::before
{
  display:none;
}

#footer #widgets .contact p
{
  margin-top:0px;
}

#footer #widgets .coordonnees p
{
  margin-top:0px;
  margin-bottom:0px;
}

#backtop
{
  background-color:#4CC330;
}

#backtop:hover
{
  background-color:#3A9C23;
}

#backtop a
{
  color:#FFFFFF;
}

#backtop a:hover
{
  color:#FFFFFF;
}

#bottombar .copyright a
{
  color:#4CC330;
}

#bottombar .copyright a:hover
{
  color:#3A9C23;
}

#bottombar a
{
  color:#323435;
}

#bottombar a:hover
{
  color:#3A9C23;
}

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

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

#footer #widgets .coordonnees a
{
  color:#4CC330;
}

#footer #widgets .coordonnees a:hover
{
  color:#3A9C23;
}

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

#footer #widgets .contact p
{
  font-size:26pt;
}

#footer #widgets .coordonnees p
{
  font-size:12pt;
}

#footer #widgets .contact p
{
  font-weight:600;
}

#footer #widgets .contact p a
{
  text-decoration:none;
}

#footer #widgets .contact p
{
  line-height:30px;
}

#footer #widgets .coordonnees p
{
  line-height:22px;
}

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



/*
//==============================================================================
// DESKTOP
//==============================================================================
*/

@media screen and (min-width: 992px)
{
  #topbar { position:absolute; top:0px; left:0px; right:0px; z-index:4; }
  #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:left; padding-left:0px; padding-right:0px; }
  #topbar .container > .row > div.col-xs-12 { display:none; }
  #topbar .info { height:40px; overflow:hidden; padding-left:0px; padding-right:40px; 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:30px; vertical-align:top; }

  #header { height:auto; min-height:250px; position:absolute; top:0px; z-index:3; background-color:transparent; transition:all 0.3s ease; background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.0)); }
  #header .container { width:auto; padding:40px 0px 0px 0px; }
  #header .navbar-header { float:none; position:absolute; z-index:2; margin-top:-40px; }
  #header .navbar-header a { display:block; padding:20px 30px; }
  #header .logo img { width:286px; height:150px; filter:drop-shadow(0px 5px 8px rgba(0,0,0,0.6)); }
  #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; vertical-align:top; position:relative; }
  #header #menu ul > li::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; position:absolute; top:37px; left:0px; background-color:#fff; }
  #header #menu ul > li:first-child::before { display:none; }
  #header #menu ul > li a { box-sizing:content-box; position:relative; border-bottom:4px solid transparent; }
  #header #menu ul > li a:hover { background:linear-gradient(var(--bleu-clair) 0%, var(--bleu-clair) 60%, var(--bleu-fonce) 60%, var(--bleu-fonce) 100%); border-color:var(--jaune); }
  #header #menu ul.dropdown-menu { background:linear-gradient(90deg, var(---bleu-clair) 0%, var(---bleu-fonce) 100%); }
  #header #menu ul.dropdown-menu { padding:0px; text-align:center; }
  #header #menu ul.dropdown-menu > li { display:block; width:100%; }
  #header #menu ul.dropdown-menu > li > a { display:block; width:100%; padding:10px 20px!important; box-sizing:border-box; }

  #header.fixed { min-height:80px; }
  #header.fixed .container { padding:0px; }
  #header.fixed .navbar-header { margin-top:0px; }
  #header.fixed .navbar-header a { padding:5px 50px; }
  #header.fixed .logo { margin-top:0px; margin-bottom:0px; }
  #header.fixed #menu ul.dropdown-menu > li > a { color:#fff; }

  body.no-slider #header { position:relative; top:auto; background:var(--bleu-fonce) url(../../img/logo.png) center center no-repeat; }
  body.no-slider #header .container { background-color:var(--bgcolor-header); }
  body.no-slider #header .navbar-header { float:left; position:relative; }
  body.no-slider #header .logo img { max-width:178px; max-height:100px; }

  body.no-slider #header.fixed { background:#fff; }
  body.no-slider #header.fixed .container { background-color:transparent; }
  body.no-slider #header.fixed .logo img { max-width:125px; max-height:70px; }

  #slider { z-index:1; }
  #slider, #slider .camera-slider { height:100vh!important; max-height:100vh!important; }
  #slider .camera_wrap img { width:100vw!important; max-width:100vw!important; height:100vh!important; max-height:100vh!important; left:0px!important; right:0px!important; top:0px!important; bottom:0px!important; margin:0px!important; }

  .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(24, 160, 212, 0.7); 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:0px 30px 0px 0px; }
  #footer #widgets .footer-widget.col-md-3 { width:22%; padding-top:30px; padding-bottom:60px; }
  #footer #widgets .footer-widget.col-md-3.autre { width:24%; margin-right:10%; padding-top:10px; }
  #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 img.logo { width:300px; max-width:90%; margin:0px auto 50px 20%; position:relative; z-index:3; }
  #footer #widgets .autre h2.dev { display:block; position:relative; z-index:2; margin-top:30px; text-align:center; }
  #footer #widgets img.dev { max-width:80%; margin:20px 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 { color:var(--gris-fonce); position:relative; z-index:99; }
  #bottombar .copyright a:hover { color:var(--turquoise-fonce); }
}

/*
//==============================================================================
// DESKTOP & MOBILE
//==============================================================================
*/

#slider .camera_wrap img { object-fit:cover; }
#slider .titre h1, #slider .titre h1 span, #slider .texte { text-shadow:0px 1px 3px #000, 0px 1px 5px #000; }

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

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

.parallax .opacity, .parallax > div { background-color:transparent; }
.parallax h3 { text-shadow:0px 0px 5px #000; }
.parallax .marques img { height:80px; margin:30px 20px; vertical-align:middle; }

.img-effet { display:inline-block; position:relative; }
.img-effet::after { content:""; display:block; position:absolute; left:15px; right:-15px; top:15px; bottom:-15px; z-index:1; background-color:rgba(24, 160, 212); }
.img-effet img { position:relative; z-index:2; }

.effet-photo p { overflow:hidden; position:relative; }
.effet-photo p::before { content:""; display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index:2; background:url(../../img/logo.png) center center no-repeat; background-size:0% auto; opacity:0.0; transition:all 0.5s ease; }
.effet-photo p img { width: 100%; position:relative; z-index:1; transition:all 0.5s ease; }
.effet-photo p:hover { background-color:var(--gris-fonce); }
.effet-photo p:hover::before { background-size:50% auto; opacity:1.0; }
.effet-photo p:hover img { opacity:0.5; transform:scale(1.20); }

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

#services {
    border-bottom: 1px solid #eee;
    width: 100%;
    overflow: hidden;
}
#services .row{
margin-top:0;
}
#services .row > div {
padding:0;
}
#services .item {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    padding: 45px 26px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    height: 260px;
}
#services .item-body {
    max-width: 280px;
    margin: auto;
    font-size: 14px;
    letter-spacing: 1px;
}
#services .item-heading {
    position: relative;
    padding-top: 25px;
    margin-top: 20px;
}
#services .fa{
    position: absolute;
    font-size: 36px;
    color: var(--bleu-clair);
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#services .item:hover {
    background: var(--bleu-clair);
}
#services .item:hover .item-body,#services .item:hover .item-heading h4,#services .item:hover .fa{
    color: #fbfbfb;
}
.feature-box .feature-media {
    position: relative;
    overflow: hidden;
}
.feature-box .feature-media img {
    width: 100%;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;
    opacity: 1;
}
.feature-box a.read-more{
    background-color: var(--jaune);
    width: 50px;
    height: 50px; 
    position: absolute;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
}
.feature-box .feature-media a.read-more .fa {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -15px;
    position: absolute;
    color: #222;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
}
.feature-box a.read-more:hover {
    background-color: var(--bleu-clair);
}
.feature-box .feature-media a.read-more:hover .fa {
    color: #fff;
}
.feature-box .feature-body {
    background-color: #fff;
    padding: 30px 0 0;
}
.custom-heading {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 20px;
}
.custom-heading::after {
    position: absolute;
    display: block;
    content: "";
    width: 30px;
    height: 3px;
    left: 0;
    bottom: 15px;
    background-color: var(--jaune);
}
.feature-body h4,.feature-body a {
    color: #393C42;
    font-family: 'Oswald', Arial, Verdana, Sans-Serif;
    font-size: 20pt;
}
.feature-box .feature-media:hover img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    opacity: 0.7;
}

.form-control { box-shadow:none; }
.form-control:hover { background-color:#f8f8f8; }

#footer #widgets .footer-widget.autre .logo img { background-color:var(--vert-fonce); border:10px solid var(--vert-fonce); }
#footer #widgets .coordonnees > div,
#footer #widgets .coordonnees > .contenu > div { clear:both; }
#footer #widgets .coordonnees p { margin:0px; }
#footer #widgets .coordonnees > .adresse b::after,
#footer #widgets .coordonnees .adresse b span { font-size:85%; }
#footer #widgets .coordonnees i { margin-right:0px; }
#footer #widgets .coordonnees .contenu { margin-top:20px; }
#footer #widgets .coordonnees .contenu > .email { margin-top:20px; }
#footer #widgets .contact p { margin:0px 0px 25px 0px; }
#footer #widgets .contact .ville { margin:0px; font-weight:bold; }
#footer #widgets .contact .tel { display:block; }

#bottombar .footer-menu a > span { display:none; }

/*
//==============================================================================
// MOBILE
//==============================================================================
*/

@media screen and (max-width: 991px)
{
  #header .navbar-header::before { left:80px; top:5px; font-size:26px; line-height:40px; }
  #header .navbar-header::after { left:100px; top:35px; font-size:18px; line-height:30px; }
  #header.fixed .navbar-header::before { left:70px; top:1px; }
  #header.fixed .navbar-header::after { left:80px; top:30px; }
  #header #menu ul > li { display:block; }
  #header #menu ul > li a { color:#000; }
  #slider .camera-slider, #slider .cameraSlide img { height:50vh!important; }
  .img-effet::after { left:5px; right:-5px; top:5px; bottom:-5px; }
  #footer #widgets h2 { margin-top:30px; }
  #footer #widgets img.logo,
  #footer #widgets img.dev { max-width:60%; margin:0px auto; }
}

/* FIN CSS */