/* ==========================================================================
   Reset (Eric Meyer)
   ========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
em {
  font-style: oblique;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
   Simple Grid Framework (display: inline-block)
   ========================================================================== */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-offset-1, .col-offset-2, .col-offset-3, .col-offset-4, .col-offset-5, .col-offset-6, .col-offset-7, .col-offset-8, .col-offset-9, .col-offset-10, .col-offset-11, .col-offset-12 { display:inline-block; font-size: 1rem; }
.col-1, .col-offset-1 { width: 8.33333333333%; }
.col-2, .col-offset-2 { width: 16.6666666666%; }
.col-3, .col-offset-3 { width: 24.9999999999%; }
.col-4, .col-offset-4 { width: 33.3333333333%; }
.col-5, .col-offset-5 { width: 41.6666666666%; }
.col-6, .col-offset-6 { width: 49.9999999999%; }
.col-7, .col-offset-7 { width: 58.3333333333%; }
.col-8, .col-offset-8 { width: 66.6666666666%; }
.col-9, .col-offset-9 { width: 74.9999999999%; }
.col-10, .col-offset-10 { width: 83.3333333333%; }
.col-11, .col-offset-11 { width: 91.6666666666%; }
.col-12, .col-offset-12 { width: 100%; }

@media screen and (max-width: 767px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { display:block; width: 100%; }
  .col-offset-1, .col-offset-2, .col-offset-3, .col-offset-4, .col-offset-5, .col-offset-6, .col-offset-7, .col-offset-8, .col-offset-9, .col-offset-10, .col-offset-11, .col-offset-12 { width: 0% !important; display: none; }
}

/* .container > col-x */

.container { font-size:0; }
.container > * {vertical-align: top;}

/* ==========================================================================
   HELPER WP CLASS
   ========================================================================== */

/* Responsive Google Maps */

.google-maps {position:relative;padding-bottom:/*21%*/400px;overflow:hidden;margin-top:0;}
.google-maps iframe {position:absolute;top:0;left:0;width:100%!important;height:450px!important;}
.google-maps h3.map-title {/*margin-left:5px;*/margin-top:20px!important;}

 /* ALERT BOXES */

.valide_box{border:1px solid #a1c15e;background-color:#dee3ab;color:#5d692b} /* ------ GREEN ------ */
.warning_box{border:1px solid #ff989a;background-color:#fecccb;color:#b42004} /* ------ RED ------ */
.note_box{border:1px solid #e5c554;background-color:#fdebad;color:#9e670c} /* ------ YELLOW ------ */
.info_box{border:1px solid #65a4d0;background-color:#bfe3f9;color:#3d559d} /* ------ BLUE ------ */

/* WORDPRESS CORE */

img {max-width:100%;height:auto;display:block;position:relative;}
img.alignnone{margin:0;}
img.aligncenter{margin:0 auto;}
img.alignright{float:right;margin:0 0 0 20px;}
img.alignleft{float:left;margin:0 20px 0 0;}
a img.alignnone{margin:0;}
a img.aligncenter{margin:0 auto;}
a img.alignright{float:right;margin:0 0 0 20px;}
a img.alignleft{float:left;margin:0 20px 0 0;}

.image-container {display:block;width:100%;}
.image-container:after {display:block;content:'';clear:both;}

@media screen and (max-width:767px) {
  img.alignnone, img.alignleft, img.alignright, img.aligncenter {float:none;margin:0 auto;}
  .image-container {display:block;width:100%;text-align:center;min-height:1px;margin:1rem auto 1rem;}
  .image-container:after {
    content: " ";
    display: block;
    clear: both;
  }
}

/* Pagination */

#pagination {padding:0;position:relative;font-size:1rem;line-height:13px;text-align:center;margin-top:40px;}
#pagination li {display:inline-block;margin:0 4px;}
#pagination li a, #pagination li span {display:inline-block;padding:10px 15px;text-decoration:none;width:auto;background:#555;font-weight:400;line-height: 1rem;}
#pagination li:hover a {background:#386f8f;}
#pagination span.current {background:#386f8f;}
#pagination li a, #pagination li span {color:#fff;}

/* Citation */

blockquote p{margin-bottom:0!important}
blockquote{width:80%;color:#386f8f;font-size:1.3em!important;line-height:1.2;text-align:center;padding:24px 60px;margin:40px auto!important;margin-bottom:18px;border:solid 1px #dcdcdc;position:relative;background-color:#fff}
blockquote:before,blockquote:after{position:absolute;width:48px;height:48px;content:".";font-size:0}
blockquote:before{background-image:url(http://i.imgur.com/uoHCjSK.png);top:0;left:0}
blockquote:after{background-image:url(http://i.imgur.com/m3HnqqU.png);bottom:0;right:0}

/* Visual Composer */

/*
.wpb_row {margin:0 auto!important;}
body > .wrapper {margin-right:auto!important;margin-left:auto!important;}
.wpb_content_element, .wpb_button {margin-bottom:0!important;}
.wpb_wrapper {padding:0!important;}
.vc_column_container>.vc_column-inner {padding:0!important;}
.wpb_content_element {padding:0!important;}
.wpb_wrapper .nomargin {margin:0!important;}
.wpb_wrapper .nopadding {padding:0!important;}
.wpb_text_column .wpb_text_column {padding:0 0!important;}
.wpb_text_column ul {clear:both;padding:0 0 0 20px;}
.vc_empty_space {clear:both;}
.vc_images_carousel .vc_carousel-control {top:45%!important;}
.vc_images_carousel .vc_carousel-control .icon-next,
.vc_images_carousel .vc_carousel-control .icon-prev {font-size:80px!important;color:#fff!important;}
@media screen and (max-width:767px) {
  .wpb_single_image {text-align: center!important;}
  .vc_images_carousel {margin:20px 0;}
}
*/

/* ARCHIVES (smart archives reloaded) */

#smart-archives-fancy {overflow: hidden;margin-top: 20px!important;}
#smart-archives-fancy h2 {text-align: left;}
#smart-archives-fancy a {                                                               /* Default year link color */
  color: #b2b2b2 !important;font-weight: 400;}
#smart-archives-fancy ul.tabs.month-list a {                                            /* Default month link color */
  color: #cecece !important;}
#smart-archives-fancy ul.tabs.month-list .empty-month {                                 /* Default month link empty color */
  color: #9fa6a9 !important;}
#smart-archives-fancy a.current, #smart-archives-fancy ul.tabs.month-list a.current {   /* Active (current) year & month links color */
  color: #fff !important;}
#smart-archives-fancy .month-archive-link {display: none;}
#smart-archives-fancy ul.tabs.year-list {background-color: #7a2b42;border-bottom: #d7d7d7;padding: 4px 0 0 !important;margin-top: 0 !important;}
#smart-archives-fancy ul.tabs.month-list {background-color: #8d9396;border-bottom: none;padding: 10px 0 10px 5px !important;}
#smart-archives-fancy h2.month-heading {text-transform: uppercase;font-size: 1.714em;margin: 20px 0 20px;}
#smart-archives-fancy .pane ul.archive-list {padding-left: 20px;margin: 0;}
#smart-archives-fancy .pane ul.archive-list li {list-style-type: disc !important;color: #a5a6a8;}
#smart-archives-fancy .pane ul.archive-list a {color: #585858 !important;}
#smart-archives-fancy .pane ul.archive-list a:hover {color: #9fa6a9 !important;}

/* ==========================================================================
   BASE GENERAL
   ========================================================================== */

*,:before,:after{text-rendering:optimizeLegibility;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
html, body {height:100%;}
html {font-size:16px;}
body {
  color:#7f7f7f;                                         /* Default text color */
  font-family: 'Cabin', sans-serif;    /* Default font family */
  font-weight:400;
  font-size:1rem;        
  background:#e5e5e5 url('../images/body-bg.jpg') repeat left top;                
}
a,a:link,a:visited,a:active,a:focus,a:hover{text-decoration:none;outline:none;font-family: 'Source Sans Pro', sans-serif;}
a, a:link, a:visited {color:#386f8f;font-weight:400;}   /* Default link color */
a:hover, a:active, a:focus {color:#606060;}             /* Survol link color */
b,strong{font-weight:600;color:#606060;}
hr, .vc_separator {margin:1.5rem 0!important;}
small {font-size:0.65rem;}

h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:normal;line-height:1.25;font-family: 'Cabin', sans-serif;text-align:left;font-weight:600;}
h1{font-size:1.5rem;margin:0 0 1.8rem;color:#606060;}
h2{font-size:1.5rem;margin:1.8rem 0 1rem;color:#606060;}
h3{font-size:1.25rem;margin:1.25rem 0;color:#386f8f;}
h4{font-size:1.25rem;margin:1rem 0;color:#606060;}
h5{font-size:1.1rem;margin:1rem 0;color:#606060;}
h6{font-size:1rem;margin:1rem 0;color:#606060;}
/*h1,h2,h3,h4,h5,h6,p{margin-top:0;}*/
p{line-height:1.25;margin:1rem 0;}
/*p:last-child {margin-bottom:0;}*/

input, textarea, select {border:1px solid #dadada;padding:2px!important;}
input:focus, textarea:focus, select:focus {outline:none;border-color:#386f8f;
  -webkit-box-shadow:0 0 3px #386f8f;
  -moz-box-shadow:0 0 3px #386f8f;
  box-shadow:0 0 3px #386f8f;} 
input[type="submit"], input[type="reset"] {padding:4px 20px !important;background-color:#386f8f !important;border:1px solid #386f8f !important;color:#fff !important;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
input[type="submit"]:hover, input[type="reset"]:hover {background-color:#fff !important;color:#386f8f !important;}

a.button {padding:0.75rem 0.6rem 0.6rem;line-height:0.95rem;border:1px solid #fff;color:#fff;margin-top:0.9rem;display:inline-block;text-transform:uppercase;border-radius:5px;font-size:1rem;font-family: 'Cabin', sans-serif;font-weight:400;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a.button:hover, a.button:focus, a.button:active {background-color:#fff;color:#386f8f;}

.wrapper {max-width:1042px;margin:0 auto;position:relative;padding-right:2.813rem;padding-left:2.813rem;float:none!important;}
.wrapper.nopadding {padding-right:0;padding-left:0;}
.wrapper:before {clear:both;display:block;content:' ';}
.wrapper:after {clear:both;display:block;content:' ';}
.clear:before {clear:both;display:block;content:' ';}
.clear:after {clear:both;display:block;content:' ';}
@media screen and (max-width:767px) {
  .wrapper, .wrapper.nopadding, .wrapper.menu {padding:0 20px;}
}

.hidden,
[hidden] {
    display: none !important;
} 
li {list-style-type:none;}
#main li {line-height: 1.5;list-style-type:circle;list-style-position: inside;padding-left:1px;overflow:hidden;}
#main object {width:100%;max-height:100%;}

.paraxify {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.caldera-grid .form-group {margin-bottom:15px!important;}
.caldera-grid input[type="submit"] {float:right;}



/* ==========================================================================
   MENU
   ========================================================================== */

@media screen and (min-width: 768px) { /* Desktop */
    .js .nav-collapse {position: relative;}
    .js .nav-collapse.closed {max-height: none;}
    .nav-toggle {display: none;}
    #menu-button {display:none;}
}

@media screen and (max-width: 767px) { /* Mobile */
    .nav-collapse ul {
      margin: 0;
      padding: 0;
      width: 100%;
      display: block;
      list-style: none;
    }
    .nav-collapse li {
      width: 100%;
      display: block;
    }
    .js .nav-collapse {
      clip: rect(0 0 0 0);
      max-height: 0;
      position: absolute;
      display: block;
      overflow: hidden;
      zoom: 1;
    }
    .nav-collapse.opened {
      max-height: 9999px;
    }
    .nav-toggle {
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
}

/* ==========================================================================
   MENU CUSTOM
   ========================================================================== */

/* ------------------------------------------- */
/* ---------------- DESKTOP -------------------*/
/* ------------------------------------------- */

@media screen and (min-width: 768px) { 

/* ---------------- MAIN MENU -------------------*/
    #banner {height:6.25rem;}
    .home #banner {height:9.375rem;}
    #banner #main-menu, #banner #logo {height:6.25rem;}
    #banner #main-menu {float:right;}
    #banner #main-menu #cssmenu > ul {text-align:right;font-size:0;position:relative;}
    #banner #main-menu #cssmenu > ul ul {text-align:left;font-size:0;position:absolute;left:0;opacity:0;z-index:999;}
    #banner #main-menu #cssmenu > ul ul ul {top:0;}

    /* Not sticky */
    #banner {background:#FFFFFF url('') repeat-x left top;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }
    #banner #cssmenu > ul {padding-right:0px;}
    #banner #cssmenu > ul > li {display:inline-block;margin:0 10px;padding:0;line-height:6.25rem;position:relative;}
    #banner #cssmenu > ul li a {display:inline-block;font-family: 'Cabin', sans-serif;text-transform:capitalize;font-size:1rem;font-weight:400;color:#312783;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }
    #banner #cssmenu > ul > li:hover:after,
    #banner #cssmenu > ul > li.current-menu-ancestor:after,
    #banner #cssmenu > ul > li.current-menu-item:after {content:'';display:block;position:absolute;top:0;left:50%;margin-left:-6px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 6.5px 0 6.5px;
      border-color: #ffffff transparent transparent transparent;
    }
    #banner #cssmenu > ul > li:hover a,
    #banner #cssmenu > ul > li.current-menu-ancestor a,
    #banner #cssmenu > ul > li.current-menu-item a {color:#98c223;}
    /* Submenu */
    #banner #main-menu #cssmenu > ul ul {background-color:#fff;
      -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
      -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
      box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
    }
    #banner #main-menu #cssmenu > ul ul > li {display:block;position:relative;line-height:36px;}
    #banner #main-menu #cssmenu > ul ul > li:first-child {padding-top:6px;}
    #banner #main-menu #cssmenu > ul ul > li:last-child {padding-bottom:6px;}
    #banner #main-menu #cssmenu > ul ul > li a {display:block;white-space:nowrap;text-transform:none;font-size:1rem;font-weight:300;color:#6a6a6a;padding:0 14px;}
    #banner #main-menu #cssmenu > ul ul > li a:hover {color:#fff;background-color:#312783;}

    /* Complementary */
    #logo {margin-top:1.2rem;}
    #logo .logo-link {display:inline-block; width: 90%;}

}

/* ------------------------------------------ */
/* ---------------- MOBILE -------------------*/
/* ------------------------------------------ */

@media screen and (max-width:767px) {
    
    #banner #main-menu {position:fixed;width:100%;z-index:999;overflow-y:auto;max-height:100%;}

    #banner #menu-button {display:block;background-color:#262626;height:45px;line-height:45px;font-size:20px;text-transform:uppercase;color:#fff;padding-left:55px!important;border:none;position:relative;z-index:9999;}
    #banner #menu-button.active > .menu-button-content {background: transparent;}
    #banner #menu-button.active > .menu-button-content:before {bottom: 0;transform: rotate(45deg);}
    #banner #menu-button.active > .menu-button-content:after {top: 0;transform: rotate(-45deg);}
    #banner #menu-button .menu-button-content {
      height: 2px;
      width: 30px;
      background: white;
      transition: 0.2s;
      position: absolute;
      top:22px;
      left:12px;
    }
    #banner #menu-button .menu-button-content:before {
      height: 2px;
      width: 30px;
      background: white;
      transition: 0.2s;
      position: absolute;
      content: '';
      bottom: -10px;
    }
    #banner #menu-button .menu-button-content:after {
      height: 2px;
      width: 30px;
      background: white;
      transition: 0.2s;
      position: absolute;
      content: '';
      top: -10px;
    }
    #banner #cssmenu > ul {background-color:#303030;}
    #banner #cssmenu > ul ul {display:none;}
    #banner #cssmenu > ul ul ul {display:none;}
    #banner #cssmenu > ul > li > a {padding-left:15px;background-color:#303030;} /* First li */
    #banner #cssmenu > ul ul > li > a {padding-left:35px;} /* Second li */
    #banner #cssmenu > ul ul ul > li > a {padding-left:55px;} /* Third li */
    #banner #cssmenu li {position:relative;}
    #banner #cssmenu li > a {line-height:45px;height:45px;border-bottom:1px solid #444444;color:#fff;font-weight:400;display:block;}
    #banner #cssmenu li > a.more {display:block;content:'';width:45px;height:45px;border-left:1px solid #444444;position:absolute;right:0;top:0;cursor:pointer;background:transparent url('../images/menu-arrow.png') no-repeat center center;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
    }
    #banner #cssmenu li > a.more:hover,
    #banner #cssmenu li.opened > a.more {background:transparent url('../images/menu-arrow-white.png') no-repeat center center;}

}

@media screen and (min-width: 768px) {
    #banner #main-menu #cssmenu > ul {
        text-align: left !important;
        font-size: 0;
        position: relative;
    }
}

/* ==========================================================================
   SLIDERS (bxslider)
   ========================================================================== */

section#slider {width:100%;position:relative;z-index:0;overflow:hidden;}
section#slider video {width:100%;min-height:100%;}

section#slider .bx-wrapper,
section#slider .bx-viewport,
section#slider .bx-viewport ul,
section#slider .bx-viewport ul .slide {height:100%!important;width:100%!important;font-size:0;}
section#slider .slide .image {width:10000px!important;min-height:100%!important;margin-left:0;position:relative;overflow:hidden;}
section#slider .slide .image img {display:block;min-height:100%;margin:0 auto;width:auto;max-width:none;}

#slider .bx-controls-direction {position:absolute;z-index:99;top:46%;width:100%;}
#slider .bx-prev, #slider .bx-next {
  -webkit-transition: all 0.2s ease-out; 
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#slider .bx-prev {width:3rem;height:3rem;left:0;background:transparent url('../images/arrow-left.png') no-repeat center center;background-size:contain;}
#slider .bx-next {width:3rem;height:3rem;right:0;background:transparent url('../images/arrow-right.png') no-repeat center center;background-size:contain;}

section#slider .bx-pager {padding:0;margin:0;bottom:1.25rem;z-index:99;}
section#slider .bx-pager.bx-default-pager a {width:1rem;height:1rem;border-radius:1rem;background:#fff;
    -webkit-box-shadow: 0px 0px 1.25rem 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 1.25rem 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 1.25rem 0px rgba(0,0,0,0.7);
}
section#slider .bx-pager.bx-default-pager a:hover,
section#slider .bx-pager.bx-default-pager a.active {background:#661113;}

/* Pour definir différentes tailles */

section#slider {height:35.13rem;} 
/*.home section#slider {height:100%;}*/

@media screen and (min-width:1920px) { 
  section#slider .slide img {height:auto;}
}
@media screen and (max-width:767px) { 
  section#slider {height:25rem;}
  /*.home section#slider {}*/
  section#slider .image img {max-height:100%;}/*height:100%;*/
}

/* Kenburn effect */
/*
.home section#slider .slide .image img {
  animation:move 8s ease infinite;
  -ms-animation:move 8s ease infinite;
  -webkit-animation:move 8s ease infinite;
  -0-animation:move 8s ease infinite;
  -moz-animation:move 8s ease infinite;
}

@-webkit-keyframes move {
  from {
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
  to {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
  }
}
*/

/* ==========================================================================
   PAGE
   ========================================================================== */

/* This only works with JavaScript, 
if it's not present, don't show loader */
.se-pre-con {
  display:none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/preloader.gif) center no-repeat #fff;
}

#page {background-color:#fff;}

#visual {padding:2.5rem 0 !important;}
.post-type-archive-type-dechets #visual {padding-right:0;}
.home #visual,
.page-template-template-full-width #visual,
.single-type-dechets #visual {padding-right:0;}
.home h3 {color:#606060;}

#slider {margin-top:-36px;}
#slider .slide .title {position:absolute;top:2.813rem;left:2.813rem;z-index:999;}
#slider .slide .title h1 {text-align:left;margin:0;line-height:4.375rem;font-size:4.375rem;font-weight:bold;text-transform:none;color:#000;}
#slider .slide .title h1 .grey {font-size:2.813rem;line-height:2.813rem;color:#545353;}
#slider .slide .text {position:absolute;width:100%;bottom:0;z-index:999;}
#slider .slide .text h2 {margin:0;font-size:1.5rem;line-height:2.5rem;text-align:center;color:#fff;text-transform:uppercase;}

#visual .smicon-box .smicon-icon img.smicon-box-icon {width:auto!important;}
#visual .smicon-box .smicon-description {text-align:left;}
#visual .smicon-box .smicon-description .smicon-read {margin-top:10px;}
#visual .smicon-box .smicon-description .smicon-read i {display:none;}
#visual .smicon-box .smicon-header h3.smicon-title {font-size: 1.563rem;}

#visual .uc_content_box_zoom_effect .uc_title,
#visual .uc_content_box_zoom_effect .uc_content,
#visual .uc_content_box_zoom_effect .uc_more {text-align:left;}
#visual .page-thumbnails {margin-bottom:2.4rem;}

#visual object embed {border:1px solid #ccc;width:100%!important;max-height:100%!important;}

.wpb_wrapper > *:first-child {margin-top:0;}

/* Icons */
#visual .lien-cal {margin: 7px 0 0 0;padding: 10px 0 10px 2.5rem;background: url(../images/icons/icon-cal.png) left center no-repeat;}
#visual .lien-pdf {margin: 7px 0 0 0;padding: 10px 0 10px 2.5rem;background: url(../images/icons/icon-pdf.png) left center no-repeat;}
#visual .lien-site {margin: 7px 0 0 0;padding: 10px 0 10px 2.5rem;background: url(../images/icons/icon-web.png) left center no-repeat;}

/* Borders */
#visual .dashed.green {display:block;border:2px dotted #6aa426;padding:1rem 1rem 1rem 7.188rem;}
#visual .dashed.green h4 {color:#6aa426;}
#visual .dashed.red {display:block;border:2px dotted #ba2d26;padding:1rem 1rem 1rem 7.188rem;}
#visual .dashed.red h4 {color:#ba2d26;}
#visual .dashed.bac-bleu {background: url(../images/bac_bleu.png) left top no-repeat;}
#visual .dashed.bac-verre {background: url(../images/bac_verre.png) left top no-repeat;}
#visual .dashed.bac-vert {background: url(../images/bac_vert.png) left top no-repeat;}
#visual .point-vert {background: url(../images/point_vert.png) left top no-repeat;padding:1rem 1rem 1rem 7.188rem;}

#archive-wrapper {margin:0 -15px;}
#archive-wrapper .archive-box {padding:0 15px;}

.single #main .page-thumbnails {float:left;margin:0 20px 10px 0;}

#visual #presse .image a img {display:inline-block;max-width:8.125rem;height:auto;border:2px dotted #ddd;}
#visual #presse .image {text-align:center;}
#visual #presse p {text-align:center;margin-bottom:1.5rem;}
#visual .tel {font-weight:600;color:#606060;}
#visual .horaire {font-weight:600;color:#429846;}
#visual .ferme {font-weight:600;color:#7b1919;}

.liste-des-decheteries h3 {text-transform:none;}

.caldera-grid a {display:inline-block;}
.caldera-grid a.button {border:1px solid #386f8f;color:#fff;background-color:#386f8f;text-decoration:none;}
.caldera-grid a.button:hover, .caldera-grid a.button:focus, .caldera-grid a.button:active {background-color:transparent;color:#386f8f;text-decoration:none;}

#copyright {text-align: center;}

.news-container {padding-bottom:25px;margin-top:25px;border-bottom:1px solid #ddd;}
.tax-faq_categorie .news-container a.news-link {font-weight:600;font-family:'Cabin', arial, sans-serif;font-size:18px;}
.news-container:last-child {border-bottom:none;}
.single .news-container {border-bottom:none;}
.news-container .date {display:inline-block;background:transparent url('../images/date-bg.png') no-repeat left top;width:3.25rem;height:4.188rem;color:#fff;padding-top:4px;font-size:14px;text-align:center;background-size:contain;}
.news-container .title {display:inline-block;width:calc(100% - 3.25rem);}
.news-container .title h5 {height:3.25rem;margin:0;display:table-cell;vertical-align:middle;padding-left:15px;}
.news-container p.excerpt, .news-container .vc_row p:first-child {margin-top:5px;}
.news-container .wpb_content_element {margin-bottom:0!important;}
.news-container .thumb {margin-top:20px;}
.single .more {margin-top:20px;}

#table_collecte tr {border-top:1px solid #ddd;}
#table_collecte tr:first-child {border-top:none;}
#table_collecte tr .ville, #table_collecte tr .calendrier {padding:8px 0;}

#sidebar {border-left:1px solid #ddd;padding-left:2.813rem;padding-top:2.5rem;padding-bottom:2.5rem;}
#sidebar h2, #sidebar h5 {margin-top:0;}
#sidebar .excerpt {margin:14px 0;}

#sidebar .thumb-list li {margin-bottom:2.5rem;}
#sidebar .thumb-list li:last-child {margin-bottom:0;}
#sidebar .thumb-list .excerpt p {margin:0;}
#sidebar .thumb-list .excerpt .more {display:block;}

#sidebar .dechets-list li {list-style-type:none;display:block;padding:10px 20px;border-radius:12px;margin-bottom:8px;background-color:#eaeaea;}

#main ul.links-list li, #sidebar ul.links-list li {list-style-type:none;margin-bottom:8px;line-height: 1.5;font-size:14px;text-transform:uppercase;}
#main ul.links-list li:before, #sidebar ul.links-list li:before {width:11px;height:11px;margin-right:10px;content:'';display:inline-block;background:transparent url('../images/item-list-icon.png') no-repeat left top;}
#main ul.links-list li:hover:before, #sidebar ul.links-list li:hover:before,
#main ul.links-list li:focus:before, #sidebar ul.links-list li:focus:before {background-position:left -24px;}

.home .wpb_content_element {margin-bottom:20px!important;}
.contact #visual {padding-bottom:0;}

a.btn, input[type="submit"], input[type="reset"] {display:inline-block;background-color:#dedede!important;color:#494949!important;line-height:2.625rem;height:2.625rem;border-radius:12px;padding:0 20px!important;border:none!important;cursor:pointer;font-size:16px;font-family:'Cabin', arial, sans-serif;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a.btn:hover, a.btn:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus {background-color:#494949!important;color:#fff!important;}


#login-container {margin-top:-20px;padding:20px 2.813rem 10px 2.813rem;background-color:#f5f5f5;}
#loginform label, #loginform input[type="text"], #loginform input[type="password"] {width:100%;display:block;}

#visual .faq-home .links-list a {color:#494949;}

.single #page #visual #main img {margin-top:20px;}

.wpb_animate_when_almost_visible {opacity:1!important;}

/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer {color:#fff;}
#footer .wrapper {background-color:#312783;padding:2.813rem 3.125rem;}
#footer strong {color:#fff;}
#footer a {color:#fff;font-weight:300;text-transform:uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#footer a:active,
#footer a:hover,
#footer a:focus {color:#c8c8c8;}

#footer #links .nav-footer {font-size:0;}
#footer #links .nav-footer > li {display:inline-block;width:33%;font-size:13px;}
#footer #links .nav-footer > li > a[href="#hidden"] {display:none;}
#footer #links .nav-footer > li li {line-height:2;list-style-type:none;}
#footer #links .nav-footer > li li:before {width:3px;height:5px;margin-right:10px;position:relative;top:-3px;content:'';display:inline-block;background:transparent url('../images/item-menu-icon.png') no-repeat left top;}
#footer #links .nav-footer > li li:hover:before,
#footer #links .nav-footer > li li:focus:before {background-position: left -16px;}

#footer #numero {text-transform:uppercase;font-size:18px;}
#footer #numero .tel {padding-left:2.5rem;font-size:32px;font-family: 'Source Sans Pro', sans-serif;background:transparent url('../images/icon-tel.png') no-repeat left center;line-height:3.125rem;}

#copyright {line-height:5rem;}
#copyright a {text-transform:uppercase;color:#7f7f7f;font-family: 'Cabin', sans-serif;}





/* ==========================================================================
   RESPONSIVE 320 / 767 / 980 / 1280 / 1680
   ========================================================================== */

/* TABLETTE -------------------------------------------------------------------- */
@media screen and (max-width:1280px) and (min-width:768px) {
  html {font-size: 13px;}
  #cssmenu > ul > li > a {font-size: 13px;}
  #footer #links {width:70%;}
  #footer #numero {width:30%;}
  #footer #numero .tel {font-size:30px;}
  #footer .wrapper {padding-right:0;}
}

/* SMARTPHONE -------------------------------------------------------------------- */
@media screen and (max-width:767px) {
  html {font-size: 14px;}
  .home #visual #main {padding-top:175px;}
  #banner #logo {padding-top:60px;text-align:center;padding-bottom:15px;}
  #banner #logo .logo-link {display:inline-block;}
  #banner .wrapper, #slider {padding:0;}
  .home #visual #main {padding-top:0;}
  #footer #links {display:none;}
  #footer .wrapper {padding:1rem 3rem;}
  #main .vc_custom_1505395176049 {padding-right:0!important;}
  #login-container {margin-top:0;}
  #copyright {line-height:2rem;}
  #visual {padding-right:0;}
  #sidebar {display:none;}
  #slider {margin-top:0;}
  .comite-syndical .image-container {text-align:left;}
  .comite-syndical .image-container img {margin:0;}
  .archive #sidebar, .category #sidebar, .single #sidebar {display:block;padding-left:0;padding-top:0;border:none;}
  section#slider {height:15rem;}
  section#slider .slide .image {width:100vw;height:100%;min-height:none;}
  section#slider .slide .image img {min-height:none;max-width:100%;}

}

/* OLD SMARTPHONE -------------------------------------------------------------------- */
@media screen and (max-width:320px) {
  html {font-size: 13px;}
  .home #visual #main {padding-top:175px;}

}

