body { background:#eee;padding-top:60px;font-family:'Open Sans',sans-serif;color:#111; }

a { color:#e83f31; }
a:hover { color:#327bba; }

.btn-cavelier { background-color:#e83f31;border-color:#c81f11;color:#fff; }
.btn-cavelier:hover { background-color:#c81f11;border-color:#830B0F;color:#fff; }

.btn-cavelier:hover,
.btn-cavelier:focus,
.btn-cavelier:active,
.btn-cavelier.active,
.open .dropdown-toggle.btn-cavelier {
  color: #ffffff;
  background-color: #c81f11;
  border-color: #830B0F;
}

.btn-cavelier:active,
.btn-cavelier.active,
.open .dropdown-toggle.btn-cavelier {
  background-image: none;
}

#side-nav-overlay { position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#555;display:none;opacity:0; }

#header { position:fixed;top:0;right:0;left:0;z-index:30;background:#222;margin:0 0 0 0;-webkit-box-shadow:0 3px 3px rgba(2,2,2,0.5);-moz-box-shadow:0 3px 3px rgba(2,2,2,0.5);box-shadow:0 3px 3px rgba(2,2,2,0.5); }
#header #headerIn { height:60px;max-width:970px;margin:auto;position:relative; }
#header #mobile-menu-opener { display:none;width:60px;height:60px;float:left;background:url("../img/hamburger-2VkmkIF.png") center center no-repeat;cursor:pointer; }
#header #mobile-menu-opener:hover { background-color:#333; }
#header #logo { background:#222;height:60px;width:270px;line-height:60px;float:left; }
#header #menu { margin:0 0 0 215px; }
#header #menu ul { margin:0; }
#header #menu li { float:left; }
#header #menu li .a { font-size:11px;text-transform:uppercase;color:#fff;display:block;line-height:56px;height:60px;padding:0 10px 0 10px;text-align:center;border-top:3px solid #222; }
#header #menu li .a:hover { text-decoration:none;border-top:3px solid #c81f11; }
#header #menu li .a:active { text-decoration:none; }
#header #menu li .a:focus { text-decoration:none; }
#header #menu li.active .a { border-top:3px solid #e83f31;color:#e83f31;background:#292929; }

#bgContainer { background:#fff;padding:20px 0 20px 0; }
#container { max-width:970px;margin:0 auto 0 auto;padding:0 15px; }
#container h1.h4 { color:#555;margin:10px 0 20px 0;font-family:Raleway;font-size:22px; }

#banner { background:#222;padding:20px 15px;border-bottom:1px solid #000; }

#bottomImages { text-align:center;height:100px;overflow:hidden; }

#footer { font-size:12px;border-top:5px solid #ddd;background:#eee; }
#footer #inFooter { max-width:970px;color:#111;margin:auto;padding:10px; }

#cookiesBox { padding:5px;color:#fff;font-size:12px; }
#cookiesBox #cookiesBoxIn { max-width:950px;margin:auto; }
#cookiesBox #cookiesBoxIn .buttons { margin:10px 0 0 0; }

#pHome #banner #cookiesBox { padding-bottom:20px; }
#pHome #banner #carousel { height:210px;overflow:hidden;position:relative;max-width:950px;margin:0 auto 0 auto;background:#555;border:5px solid #555; }
#pHome #banner #carousel .nav { height:30px;width:30px;position:absolute;z-index:10;background-color:rgb(1, 1, 1);background-color:rgba(1, 1, 1, 0.7);cursor:pointer;color:#fff;text-align:center;line-height:32px; }
#pHome #banner #carousel .nav.next { top:90px;left:10px; }
#pHome #banner #carousel .nav.previous { top:90px;right:10px; }
#pHome #banner #carousel .images div { padding:0 5px 0 0; }

#pCompany h2.h5 { color:#e83f31;font-weight:bold; }

#pRealisations .row { margin-left:-5px !important;margin-right:-5px !important; }
#pRealisations .photo { padding:5px; }
#pRealisations .photo img { border:5px solid #c6c8b4; }

#pNewvillages .logo { margin:0 0 10px 10px; }
#pNewvillages .row.imgs { margin-left:-5px;margin-right:-5px; }
#pNewvillages .potagerImg { padding:5px; }
#pNewvillages .potagerImg img { border:5px solid #c6c8b4; }

#pContact #banner #cookiesBox { padding-bottom:20px; }
#pContact #banner #map { height:210px;border:5px solid #555;max-width:950px;margin:0 auto 0 auto; }
#pContact #contactForm label { font-size:13px; }
#pContact #contactForm #contact_content { min-height:175px;resize:none; }
#pContact #contactForm .consent { margin:0 0 15px 0;font-size:12px; }

#pConfidentialite h2 { font-size:20px; }

@media (max-width: 780px) {
    body.menu-opened { overflow:hidden; }
    body.menu-opened #side-nav-overlay { display:block; }
    body.menu-opened #header #menu { height:0;visibility:visible; }

    #header #mobile-menu-opener { display:block; }
    #header #logo { float:none;margin:auto; }
    #header #menu { z-index:30;position:absolute;top:60px;visibility:hidden;overflow:hidden;margin:0;background:#222;right:0;left:0;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.26);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.26);box-shadow:0 2px 5px rgba(0,0,0,0.26); }
    #header #menu li { float:none; }
    #header #menu li .a { text-align:left;border-top:none;height:50px;line-height:50px; }
    #header #menu li .a:hover { border-top:none; }
    #header #menu li.active .a { border-top:none;color:#e83f31;background:#292929; }
}