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

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

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

#topbar .info li .fa
{
  font-size:20px;
}

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

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

#header #menu ul > li
{
  letter-spacing:1px;
  font-size:12pt;
  font-weight:700;
  text-transform:uppercase;
}

#header #menu ul > li > a
{
  color:#FFFFFF;
  text-align:center;
  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 #menu ul > li > a
{
  color:#323435;
}

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

#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
{
  letter-spacing:2px;
  color:#FFFFFF;
  font-family:'Oswald', Arial, Verdana, Sans-Serif;
  font-size:36pt;
  font-weight:600;
  text-transform:uppercase;
}

#slider .titre h1 span
{
  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;
}

.section-title
{
  text-align:center;
}

.section-title .icon
{
  background-color:#4CC330;
}

.section-title h1
{
  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
{
  color:#3A9C23;
  font-size:20pt;
  font-weight:300;
}

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

#bloc-textes-1 .bloc .icone
{
  background-color:#4CC330;
  border-radius:50%;
}

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

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

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

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

#bloc-textes-1 .bloc .lien a:after
{
  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
{
  color:#3A9C23;
}

#portfolio
{
  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 .filter
{
  background-color:#FFFFFF;
  color:#4CC330;
  font-size:14pt;
  font-weight:600;
  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 a
{
  overflow:hidden;
  position:relative;
}

.box .legend
{
  position:absolute;
  opacity:0;
  z-index:3;
  background-color:#4CC330;
  color:#FFFFFF;
  font-size:10pt;
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}

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

#contact
{
  background-color:#3A9C23;
}

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

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

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

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

#contact .btn
{
  background-color:#4CC330;
  color:#FFFFFF;
  font-size:20pt;
  font-weight:bolder;
  border-color:#FFFFFF;
}

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

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

.parallax .opacity
{
  position:absolute;
  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;
}

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

.coordonnees .adresse .fa
{
  color:#4CC330;
}

.legal h3
{
  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-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;
}

#footer #widgets
{
  color:#323435;
}

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

#footer #widgets h2 b
{
  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;
}

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

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