/* ==============================

@media all and (min-width: 1024px)
@media all and (min-width: 768px) and (max-width: 1023px)
@media only screen and (max-width: 767px)


ACCORDION
BACK TO TOP BUTTON
BAR EFFECTS
BODY
BUTTON AND LINKS
BREADCRUMB
CATEGORIES
EVENTS
FEATURE BOXES
FOOT
FOOTER
FORM - NEWSLETTER
FORM - SEARCH
HEADER
HEADER - IMAGE
MAPS
NAV - MAIN
NAV - MEGA
NAV - SUB
NAV - TOP
NAVIGATION GRID
NEWS - HOME PAGE
POST
SLIDER - FULL WIDTH
SLIDER - HOME PAGE EVENTS
IMAGES GALLERY GRID
SLIDER - IMAGES GALLERY
SLIDER - VIDEOS GALLERY
SOCIAL NETWORKS
TABS MODULE
WARNING MODULE
============================== */

* {
    box-sizing: border-box; /* Important for responsive layout */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/* Clearfix */
.clear {
    clear: both;
    height: 0;
}

br.clear {
    margin: 0;
    padding: 0;
}


/* GRID OF 12 WITHOUT MARGIN - NOT USE BUT GOOD TO KNOW FOR THE WIDTH ============================================================================= */

.grid_12_of_12 {
width: 100%;
}
.grid_11_of_12 {
width: 91.66666667%;
}
.grid_10_of_12 {
width: 83.33333333%;
}
.grid_9_of_12 {
width: 75%;
}
.grid_8_of_12 {
width: 66.66666667%;
}
.grid_7_of_12 {
width: 58.33333333%;
}
.grid_6_of_12 {
width: 50%;
}
.grid_5_of_12 {
width: 41.66666667%;
}
.grid_4_of_12 {
width: 33.33333333%;
}
.grid_3_of_12 {
width: 25%;
}
.grid_2_of_12 {
width: 16.66666667%;
}
.grid_1_of_12 {
width: 8.33333333%;
}

/*BACK TO TOP BUTTON============================================================================= */

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(237, 94, 56, 0.85) url(https://www.baie-durfe.qc.ca/template_files/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.no-touch .cd-top:hover {
    background-color: #ff5035;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 10px;
        bottom: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 40px;
        width: 40px;
        right: 16px;
        bottom: 60px;
    }
}

/*################## RESPONSIVE CSS ##################*/

/* begin css behavior for large screen */
@media all and (min-width: 1024px) {

body {
background-color: #FFFFFF;
}

/* make image responsive */
#body_container_content img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#main_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*ACCORDION============================================================================= */

/* Generic accordion */

#pageaccordion_main {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion_main_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion {
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    width: 100%;
 }

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 {
    font-size: 1.125em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    border-top: #FFFFFF 7px solid;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a {
    background: transparent url("https://www.baie-durfe.qc.ca/template_files/jquery-collapse-sprite-close.png") no-repeat scroll left center;
    display: block;
    font-weight: 600;
    color:#0078c2;
    line-height: 1.125em;
    padding: 7px 10px 8px 21px;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:link, #body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:visited {
    color: #0078c2;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:active, #body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:hover {
    color: #4b9bdf;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion .pageaccordion_content {
    padding: 0px 0px 0px 0px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion .pageaccordion_content .wrapper {
    padding: 0px 10px 10px 10px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: #e9eef5;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1:hover { background: #c8dbec; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1.open  { background: #c8dbec; border-bottom: #cccccc 0px solid; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1.open a { color: #0078c2; background: url(https://www.baie-durfe.qc.ca/template_files/jquery-collapse-sprite-open.png) no-repeat left center; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 + div { padding: 0px; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1+div { display: none; }

/* Bi-Laws accordion */

#pageaccordion_documents_main {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion_documents_main_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion_documents {
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    width: 100%;
 }

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 {
    font-size: 1.250em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    border-top: #FFFFFF 7px solid;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a {
    background: transparent url("https://www.baie-durfe.qc.ca/template_files/jquery-collapse-by-laws.png") no-repeat scroll left center;
    display: block;
    font-weight: 600;
    padding: 10px 10px 10px 34px;
    text-decoration: none;
    color:#0078c2;
    line-height: 1.125em;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:link, #body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:visited {
    color: #0078c2;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:active, #body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:hover {
    color: #4b9bdf;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents .pageaccordion_documents_content {
    padding: 0px 0px 0px 0px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    border-bottom: #0078c2 0px solid;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents .pageaccordion_documents_content .wrapper {
    padding: 0px 10px 10px 10px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: #e9eef5;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1:hover { background: #c8dbec; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1.open  { background: #c8dbec; border-bottom: #cccccc 0px solid; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1.open a { color: #0078c2; background: url(https://www.baie-durfe.qc.ca/template_files/jquery-collapse-by-laws.png) no-repeat left center; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 + div { padding: 0px; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1+div { display: none; }



/*BODY============================================================================= */

#body_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
background: #FFFFFF url(https://www.baie-durfe.qc.ca/template_files/bg-waves-tiles.png) repeat;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_main {
display: block;
width: 100%;
min-width: 1024px;
max-width: 1177px;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0 auto 0 auto;
border-left: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-left: 10px solid rgba(255, 255, 255, 1);
border-right: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-right: 10px solid rgba(255, 255, 255, 1);
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_content_home {
display: inline;
width: 50%;
background-color: #ffffff;
float: left;
padding: 0px 0px 20px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-right: 10px solid rgba(255, 255, 255, 1);
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#body_container_sidebar_home {
display:inline;
width: 50%;
background-color: #ffffff;
float: left;
padding: 20px 0px 20px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-left: 10px solid rgba(255, 255, 255, 1);
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#body_container_content_sub {
display: inline;
width: 71%;
background-color: #ffffff;
float: left;
padding: 0px 0px 20px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-right: 10px solid rgba(255, 255, 255, 1);
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#body_container_content_sub_wrapper {
padding: 0px 20px 0px 15px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_content_sub h1.post_title {
    margin: 30px 0px 40px 0px;
    font-size: 2.5em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #232323;
    line-height: 1em;
    text-transform: uppercase;
}

#body_container_sidebar_sub {
display:inline;
width: 29%;
background-color: #ffffff;
float: left;
padding: 0px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-left: 10px solid rgba(255, 255, 255, 1);
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#body_container_sidebar_sub h3.mini_calendar_title {
font-size: 1.375em;
font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #0078c2;
line-height: 1em;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 30px 0px 10px 0px;
}

.body_container_sidebar_content_grey {
background-color: #d6d6d6;
padding: 8px 8px 8px 8px;
margin: 0px 0px 10px 0px;
border-bottom: #FFFFFF 0px solid;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.codered-container {
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
display: block;
text-align: center;
background-color: transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.codered-container p {
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.codered-container a:link, .codered-container a:visited, .codered-container a:active {
font-size: 1em;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
line-height: 1.375em;
}

.codered-container a:hover {
color: #4b9bdf;
text-decoration: none;
}

.codered-container img {
border: 0; width: 100%; max-width: 300px; height: auto;
}

.avis-public-container {
width: 100%;
height: auto;
display: table;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #96b3b9;
}

.avis-public-container-img {
display: table-cell;
vertical-align: top;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.avis-public-container-img img {
vertical-align: top;
max-width: 100%;
width: 100%;
height: auto;
border: 0;
padding: 0;
margin: 0;
}

.avis-public-container-txt {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
background-color: #96b3b9;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.avis-public-container-txt a:link, .avis-public-container-txt a:visited, .avis-public-container-txt a:active {
font-size: 1.5em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
}

.avis-public-container-txt a:hover {
color: #ffffff;
text-decoration: none;
}







.location-salles-container {
width: 100%;
height: auto;
display: table;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #d9d9d9;
}

.location-salles-container-img {
display: table-cell;
vertical-align: top;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.location-salles-container-img img {
vertical-align: top;
max-width: 100%;
width: 100%;
height: auto;
border: 0;
padding: 0;
margin: 0;
}

.location-salles-container-txt {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
background-color: #d9d9d9;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.location-salles-container-txt a:link, .location-salles-container-txt a:visited, .location-salles-container-txt a:active {
font-size: 1.5em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
}

.location-salles-container-txt a:hover {
color: #ffffff;
text-decoration: none;
}






/*BUTTON AND LINKS============================================================================= */

.news_container a.news_btn, .events_container a.events_btn {
display: inline-block;
margin: 30px 0px 0px 25px;
padding: 8px 10px 8px 10px;
clear: both;
font-size: 0.938em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
border: 0px solid #232323;
background-color: #0078c2;}

.news_container a.news_btn:hover, .events_container a.events_btn:hover {
color: #ffffff;
text-shadow: 0px 0px #232323;
border: 0px solid #232323;
background-color: #4b9bdf;}

.news_container a.more_btn, .events_container a.more_btn {
display: inline-block;
margin: 0px 0px 17px 0px;
padding: 3px 10px 3px 10px;
clear: both;
font-size: 0.938em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: none;
text-decoration: none;
text-shadow: 0px 0px #ffffff;
border: 0px solid #ffffff;
background-color: #ffffff;}

.news_container a.more_btn:hover, .events_container a.more_btn:hover {
color: #ed1c24;
text-decoration: none;
text-shadow: 0px 0px #ffffff;
border: 0px solid #ffffff;
background-color: #ffffff;}

a.alphabet_btn:link, a.alphabet_btn:visited, a.alphabet_btn:active {
padding: 3px 9px 3px 9px;
margin: 0px 3px 0px 0px;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
line-height: 2.250em;
border: 0px solid #777777;
background-color: #0078c2;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}

a.alphabet_btn:hover {
color: #ffffff;
text-decoration: none;
text-shadow: 0px 0px #232323;
border: 0px solid #777777;
background-color: #b3b3b3;
}

a.alphabet_btn_current:link, a.alphabet_btn_current:visited, a.alphabet_btn_current:active {
padding: 3px 9px 3px 9px;
margin: 0px 3px 0px 0px;
font-size: 1em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
line-height: 2.250em;
border: 0px solid #777777;
background-color: #b3b3b3;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}

.inline_content_button_container {
padding: 12px 0px 7px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
border-top: #999999 1px solid;
}

.inline_content_button {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: table;
width: 100%;
}

.inline_content_button:hover, .inline_content_button:focus {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: table;
width: 100%;
}

.inline_content_button .image {
margin: 0px 0px 0px 0px;
padding: 0px 7px 0px 0px;
width: 47px;
display: table-cell;
vertical-align: middle;
}

.inline_content_button .text {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
display: table-cell;
vertical-align: middle;
}

.inline_content_button p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; }

.inline_content_button .text a {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.125em;
color: #232323;
text-transform: normal;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.inline_content_button .text a:hover {
color: #ed1c24;
text-decoration: none;}

/*BREADCRUMB============================================================================= */

#breadcrumb_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#breadcrumb_container_main {
display: block;
width: 100%;
min-height: 32px;
padding: 10px 0px 0px 5px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* Style the list */
ul.breadcrumb_nav {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    background-color: transparent;
}

/* Display list items side by side */
ul.breadcrumb_nav li {
    display: inline;
    font-size: 0.938em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #0078c2;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb_nav li+li:before {
    padding: 1px;
    color: #232323;
    content: "|\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb_nav li a {
    color: #232323;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb_nav li a:hover {
    color: #0078c2;
    text-decoration: underline;
}

/*CATEGORIES============================================================================= */

.category_name {
    margin: 0px 0px 0px 0px;
    padding: 5px 13px 5px 13px;
    background-color: #e5e5e5;
    font-size: 0.875em;
    font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 35px;
    color: #232323;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.category_description {
    margin: 0px 0px 0px 0px;
    padding: 3px 7px 3px 7px;
    background-color: #ffffff;
    border: 1px solid #777777;
    font-size: 0.875em;
    font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 35px;
    color: #232323;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

/*EVENTS============================================================================= */

.events_container {
display: block;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-left: 0px solid rgba(255, 255, 255, 0);
 }

.events_container .events-item {
display: block;
padding: 15px 10px 15px 10px;
margin: 0px 0px 0px 0px;
background: transparent;
border-bottom: #1a9bd1 2px solid;
}

.events_container h1 {
font-size: 1.75em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #ffffff;
text-align: center;
text-shadow: 1px 1px #232323;
border: 0;
background-color: #0078c2;
padding: 17px 0px 17px 0px;
margin: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);

 }

.events_container h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
font-size: 1.250em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;}

.events_container h2 a:link {
color: #232323;
text-decoration: none;}

.events_container h2 a:visited {
color: #232323;
text-decoration: none;}

.events_container h2 a:hover {
color: #ed1c24;
text-decoration: underline;}

.events_container p {
font-size: 0.938em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #232323;
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px 0px;}

.events_container .date {
font-size: 0.938em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #666666;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;}

#events_mini_calendar {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 0px solid rgba(255, 255, 255, 0);
 }


/*FEATURE BOXES============================================================================= */

#feature_boxes_container {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_container_main {
display: block;
width: 100%;
background-color: #ffffff;
padding: 40px 0px 9px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_environment {
position: relative;
display:inline-block;
float: left;
width: 16.66666667%;
height: 176px;
background: #81bf6c url(https://www.baie-durfe.qc.ca/template_files/icon-environment-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_environment:hover {
background: #71a85f url(https://www.baie-durfe.qc.ca/template_files/icon-environment-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_environment h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_environment h2 a:link, #feature_boxes_environment h2 a:visited, #feature_boxes_environment h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_environment h2 a:hover {
text-decoration: none;
}

#feature_boxes_bi_laws {
position: relative;
display:inline-block;
float: left;
width: 16.66666667%;
height: 176px;
background: #4b9faf url(https://www.baie-durfe.qc.ca/template_files/icon-bi-laws-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_bi_laws:hover {
background: #428c9a url(https://www.baie-durfe.qc.ca/template_files/icon-bi-laws-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_bi_laws h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_bi_laws h2 a:link, #feature_boxes_bi_laws h2 a:visited, #feature_boxes_bi_laws h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_bi_laws h2 a:hover {
text-decoration: none;
}

#feature_boxes_industrial_park {
position: relative;
display:inline-block;
float: left;
width: 16.66666667%;
height: 176px;
background: #324a5c url(https://www.baie-durfe.qc.ca/template_files/icon-industrial-park-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_industrial_park:hover {
background: #2c4151 url(https://www.baie-durfe.qc.ca/template_files/icon-industrial-park-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_industrial_park h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_industrial_park h2 a:link, #feature_boxes_industrial_park h2 a:visited, #feature_boxes_industrial_park h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_industrial_park h2 a:hover {
text-decoration: none;
}

#feature_boxes_info_work {
position: relative;
display:inline-block;
float: left;
width: 16.66666667%;
height: 176px;
background: #f87a3d url(https://www.baie-durfe.qc.ca/template_files/icon-info-work-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_info_work:hover {
background: #da6b36 url(https://www.baie-durfe.qc.ca/template_files/icon-info-work-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_info_work h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_info_work h2 a:link, #feature_boxes_info_work h2 a:visited, #feature_boxes_info_work h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_info_work h2 a:hover {
text-decoration: none;
}

#feature_boxes_permit {
position: relative;
display:inline-block;
float: left;
width: 16.66666667%;
height: 176px;
background: #838383 url(https://www.baie-durfe.qc.ca/template_files/icon-permit-certificate-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_permit:hover {
background: #737373 url(https://www.baie-durfe.qc.ca/template_files/icon-permit-certificate-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_permit h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_permit h2 a:link, #feature_boxes_permit h2 a:visited, #feature_boxes_permit h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_permit h2 a:hover {
text-decoration: none;
}

#feature_boxes_waste_collection {
position: relative;
display:inline-block;
float: left;
width: 16.66666667%;
height: 176px;
background: #46afe6 url(https://www.baie-durfe.qc.ca/template_files/icon-collections-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_waste_collection:hover {
background: #3d9aca url(https://www.baie-durfe.qc.ca/template_files/icon-collections-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_waste_collection h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_waste_collection h2 a:link, #feature_boxes_waste_collection h2 a:visited, #feature_boxes_waste_collection h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_waste_collection h2 a:hover {
text-decoration: none;
}

/*FOOT============================================================================= */

#foot_container {
display: block;
width: 100%;
background-color: #4d4d4f;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#foot_container_main {
display: block;
width: 100%;
min-width: 1024px;
max-width: 1177px;
background-color: #4d4d4f;
height: 50px;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.foot_container_item {
padding: 15px 0px 0px 0px;
margin: 0;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 0.875em;
font-weight: 400;
text-decoration: none;
text-align: center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

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

#footer_container {
display: block;
width: 100%;
background-color: #0078c2;
padding: 0;
margin: 0px auto 0px auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#footer_container_main {
display: block;
width: 100%;
min-width: 1024px;
max-width: 1177px;
background: transparent url(https://www.baie-durfe.qc.ca/template_files/bg-footer.png) no-repeat 222px bottom;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#footer_container_contact {
display:inline-block;
float: left;
width: 28%;
background-color: transparent;
padding: 15px 15px 15px 15px;
margin: 0px 0px 15px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 10px solid transparent;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#footer_container_contact p {
padding: 19px 0px 0px 0px;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
}

#footer_container_contact a:link, #footer_container_contact a:visited, #footer_container_contact a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-decoration: none;
}

#footer_container_contact a:hover {
text-decoration: underline;
}

#footer_container_quick_links {
display:inline-block;
float: left;
width: 28%;
background-color: transparent;
padding: 15px 15px 15px 15px;
margin: 0px 0px 15px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 10px solid transparent;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#footer_container_quick_links ul {
list-style-type: none;
padding: 0px 0px 0px 13px;
margin: 12px 0px 0px 0px;
border-left: 2px solid #f6973b;
}

#footer_container_quick_links li {
padding: 22px 0px 22px 0px;
margin: 0px 0px 0px 0px;
}

#footer_container_quick_links li a:link, #footer_container_quick_links li a:visited, #footer_container_quick_links li a:active {
line-height: 1em;
font-size: 1.125em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}

#footer_container_quick_links li a:hover {
text-decoration: underline;
}

#footer_container_newsletter {
display:inline-block;
float: left;
width: 44%;
background-color: transparent;
padding: 15px 15px 15px 15px;
margin: 0px 0px 15px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 10px solid transparent;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#footer_container_newsletter p {
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-decoration: none;
}

/*FORM - NEWSLETTER============================================================================= */

.form-newsletter-footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.form-newsletter-footer .form-row {
max-width: 100%;
margin: 3px 0px 0px 0px;}

#footer_container_newsletter p {
font-size: 1.375em;
line-height: 1em;
color: #73d0f4;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
padding: 0px 0px 5px 0px;}

.form-newsletter-footer .form-row > label span {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color:#ffffff;
padding: 0px 0px 0px 0px;}

.form-newsletter-footer input {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color:#232323;
width: 100%;
height: 30px;
background-color: #d1d2d4;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
border: 0px solid #c1c1c1;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px; }

.form-newsletter-footer button {
margin: 15px 0 0 0;
padding: 6px 12px 6px 12px;
border: 0;
font-size: 1em;
color: #0078bd;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
background-color: #73d0f4;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;}

.form-newsletter-footer button:hover {
color: #ffffff;
background-color: #73d0f4;}

/*FORM - SEARCH============================================================================= */

#search_container {
margin: 0px 0px 0px 0px;
position: relative;
}

#search-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
height: 48px;
margin: 0;
border: 0px;
}

#search-form
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
overflow: hidden;
}

#search-text
{
padding: 10px 50px 10px 10px;
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
height: 48px;
border: 2px solid #232323;
background-color: rgba(255, 255, 255, 1);
}

#search-box input[type="text"]
{
width: 100%;
color: #232323;
outline: none;
}

#search-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
height: 48px;
width: 48px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.125em;
color: #232323;
text-align: center;
line-height: 42px;
cursor: pointer;
border-top: 2px solid #232323;
border-right: 2px solid #232323;
border-bottom: 2px solid #232323;
border-left: 0px solid #232323;
background-color: rgba(255, 255, 255, 1);
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

:-moz-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

::-moz-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 0.875em;
}

/*HEADER============================================================================= */

#header_container {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_main {
display: block;
width: 100%;
min-width: 1024px;
max-width: 1177px;
background-color: #ffffff;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_left {
width: 50%;
height: 90px;
background-color: #ffffff;
padding: 10px 0px 0px 10px;
margin: 0;
float: left;
display: inline-block;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_right {
width: 50%;
height: 90px;
background-color: #ffffff;
padding: 0px 10px 0px 0px;
margin: 0;
float: left;
display: inline-block;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_logo {
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
float: left;
display: inline-block;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_logo img {
width: 400px;
height: 129px;
border: 0;
}

#header_container_search {
width: 100%;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
float: left;
display: inline-block;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*HEADER - IMAGE============================================================================= */

#header_image_container {
display: block;
width: 100%;
height: 280px;
background-color: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_image_container_main {
display: block;
width: 100%;
height: 280px;
min-width: 1024px;
max-width: 3000px;
overflow: hidden;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*MAPS============================================================================= */

/*Full width map*/
#full_width_map_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_map_container_main {
display: block;
width: 100%;
min-width: 1024px;
max-width: 3000px;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_map {
position: relative;
/* padding-bottom: 75%; */
padding-bottom: 620px;
height: 0px;
overflow: hidden;
}

#full_width_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
/* height: 100% !important; */
height: 620px;
border: 0;
}

/*Regular maps*/
#regular_map_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#regular_map_container_main {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#regular_map {
position: relative;
/* padding-bottom: 75%; */
padding-bottom: 620px;
height: 0px;
overflow: hidden;
}

#regular_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
/* height: 100% !important; */
height: 620px;
border: 0;
}

/*NAV - MAIN============================================================================= */

#main_nav_container {
display: none;
}

/*NAV - MEGA============================================================================= */

#mega_nav_container {
position: relative;
bottom: -60px;
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
z-index: 5000;
}

#mega_nav_container_main {
display: block;
width: 100%;
min-width: 1024px;
max-width: 1182px;
background-color: transparent;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*NAV - SUB============================================================================= */

#sub_nav_container {
position: relative;
bottom: -10px;
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_container_main {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
background-color: transparent;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_title_wrapper {
position: relative;
bottom: -21px;
display: block;
background-color: transparent;
padding: 0px 0px 0px 20px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_title {
display: block;
background-color: #0078c2;
padding: 11px 20px 11px 20px;
margin: 0;
font-size: 1.125em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1.125em;
text-decoration: none;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_title_bg {
display: block;
width: 100%;
height: 21px;
padding: 0;
margin: 0;
background-color: #cecece;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_container_gradient {
display: block;
width: 100%;
height: 200px;
padding: 0;
margin: 0;
border-top: #FFFFFF 1px solid;
background: #cecece; /* For browsers that do not support gradients */
background: linear-gradient(rgba(206,206,206,1), rgba(255,255,255,1)); /* Standard syntax (must be last)
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*NAV - TOP============================================================================= */

#top_nav_container {
display: block;
width: 100%;
background-color: transparent;
padding: 13px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#top_nav_container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

#top_nav_container li {
    float: left;
}

#top_nav_container li a {
    display: inline-block;
    padding: 0px 15px 0px 0px;
    font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.125em;
    color: #4d4d4f;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

#top_nav_container li a:hover {
    color: #0078c2;
}

#top_nav_container li.language a {
    color: #0078c2;
    text-decoration: none;
}

#top_nav_container li.language a:hover {
    color: #0078c2;
}

/*NAVIGATION GRID============================================================================= */

#navigation_grid {
display: block;
background-color: transparent;
padding: 25px 0px 0px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_wrapper:first-child {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 25%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_wrapper {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 25%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item {
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
width: 100%;
height: auto;
border: 0px solid #cccccc;
background-color: #e9eef5;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item:hover {
border: 0px solid #cccccc;
background-color: #c8dbec;
}

#navigation_grid_main .navigation_grid_item_image {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}

#navigation_grid_main .navigation_grid_item_image img {
width: 100%;
max-width: 100%;
border: 0;
}

#navigation_grid_main .navigation_grid_item_text {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
min-height: 120px;
}

#navigation_grid_main .navigation_grid_item h2 {
font-size: 1em;
line-height: 1.063em;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navigation_grid_main .navigation_grid_item h2 a:link, #navigation_grid_main .navigation_grid_item h2 a:visited, #navigation_grid_main .navigation_grid_item h2 a:active {
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
width: 100%;
height: 100%;
padding: 5px 5px 5px 5px;
position: absolute;
bottom: 0px;
left: 0px;
}

#navigation_grid_main .navigation_grid_item h2 a:hover {
color: #232323;
text-decoration: none;
background-color: transparent; }

/* TEXT ONLY */

#navigation_grid_main .navigation_grid_item_text_only_wrapper:first-child {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 25%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_text_only_wrapper {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 25%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_text_only {
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
width: 100%;
height: auto;
border: 0px solid #cccccc;
background-color: #e9eef5;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_text_only:hover {
border: 0px solid #cccccc;
background-color: #c8dbec;
}

#navigation_grid_main .navigation_grid_item_text_only_image {
display: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}

#navigation_grid_main .navigation_grid_item_text_only_image img {
width: 100%;
max-width: 100%;
border: 0;
}

#navigation_grid_main .navigation_grid_item_text_only_text {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
min-height: 125px;
}

#navigation_grid_main .navigation_grid_item_text_only h2 {
font-size: 1em;
line-height: 1.063em;
text-align: center;
}

#navigation_grid_main .navigation_grid_item_text_only h2 a:link, #navigation_grid_main .navigation_grid_item_text_only h2 a:visited, #navigation_grid_main .navigation_grid_item_text_only h2 a:active {
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
width: 100%;
height: 100%;
padding: 20px 5px 5px 5px;
padding-top: 20px;
position: absolute;
bottom: 0px;
left: 0px;
}

#navigation_grid_main .navigation_grid_item_text_only h2 a:hover {
color: #232323;
text-decoration: none;
background-color: transparent; }


/*NEWS - HOME PAGE============================================================================= */

.news_container {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-right: 0px solid rgba(255, 255, 255, 0);
}

.news_container .news-item {
display: block;
padding: 15px 0px 15px 0px;
margin: 0px 0px 0px 25px;
background: transparent;
border-bottom: #58595b 1px solid;
}

.news_container h1 {
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #232323;
background: url(https://www.baie-durfe.qc.ca/template_files/h1_title_bullet_blue.png) no-repeat 0 50%;
padding: 0px 0px 0px 25px;
margin: 31px 0px 0px 0px; }

.news_container h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600; }

.news_container h2 a:link, .news_container h2 a:visited, .news_container h2 a:active {
color: #0078c2;
text-decoration: none;}

.news_container h2 a:hover {
color: #4b9bdf;
text-decoration: underline;}

.news_container p {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #232323;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.news_container .date {
font-size: 0.813em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #878787;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.news_container .read_more a:link, .news_container .read_more a:visited, .news_container .read_more a:active {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #0078c2;
text-decoration: none;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;}

.news_container .read_more a:hover {
color: #4b9bdf;
text-decoration: underline; }



/*POST============================================================================= */

.post_container {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-item:first-child {
display: block;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
background: transparent;
border-top: #58595b 1px solid;
border-bottom: #58595b 1px solid;
}

.post-item {
display: block;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
background: transparent;
border-bottom: #58595b 1px solid;
}

#body_container_content_sub .post_container h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600; }

#body_container_content_sub .post_container h2 a:link, #body_container_content_sub .post_container h2 a:visited, #body_container_content_sub .post_container h2 a:active {
color: #0078c2;
text-decoration: none;}

#body_container_content_sub .post_container h2 a:hover {
color: #4b9bdf;
text-decoration: underline;}

#body_container_content_sub .post_container p {
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;}

#body_container_content_sub .post_container p.news_date {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #ed5e38;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#body_container_content_sub p.news_date_small {
font-size: 0.813em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #878787;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#body_container_content_sub .post_container .read_more a:link, #body_container_content_sub .post_container .read_more a:visited, #body_container_content_sub .post_container .read_more a:active {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #0078c2;
text-decoration: none;
border: 0;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;}

#body_container_content_sub .post_container .read_more a:hover {
color: #4b9bdf;
text-decoration: underline; }

#body_container_content_sub .post_container .paginate {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
border: 0;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#body_container_content_sub .post_container .paginate a:link, #body_container_content_sub .post_container .paginate a:visited, #body_container_content_sub .post_container .paginate a:active {
color: #0078c2;
text-decoration: none;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;}

#body_container_content_sub .post_container .paginate a:hover {
color: #4b9bdf;
text-decoration: underline; }


/*SLIDER - FULL WIDTH ============================================================================= */

#full_width_slider_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_slider_container_main {
display: block;
width: 100%;
min-width: 1024px;
max-width: 3000px;
background-color: transparent;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_slider_container .carousel_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_slider_container .carousel_container ul, li {
    margin: 0;
    padding: 0;
}

#full_width_slider_container .bxslider li {
height: 491px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; }

#full_width_slider_container .bxslider .inner {
position: relative;
width: 300px;
min-height: 350px;
max-height: 350px;
left: 60.7%;
margin: 100px 0px 0px 0px;
padding: 20px 20px 20px 40px;
text-align: center;
background-color: rgba(195, 34, 32, 0.83);
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
overflow: hidden; }

#full_width_slider_container .bxslider h1, #full_width_slider_container .bxslider h2, #full_width_slider_container .bxslider h3, #full_width_slider_container .bxslider h4, #full_width_slider_container .bxslider h5, #full_width_slider_container .bxslider h6 {
font-size: 1.75em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1em;
text-align: left;
color: #ffffff;
text-transform: uppercase;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
margin-bottom: 20px;}

#full_width_slider_container .bxslider p {
font-size: 1.125em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.25em;
text-align: left;
color: #ffffff;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); }

#full_width_slider_container .bxslider a.btn {
display: inline-block;
margin: 30px 0 0;
padding: 9px 18px 8px 18px;
clear: both;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #0078c2;}

#full_width_slider_container .bxslider a.btn:hover {
font-size: 1em;
color: #ffffff;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #145d8e;}

#full_width_slider_container .bx-wrapper .bx-prev {
    left: 20px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat 0 -33px;
}

#full_width_slider_container .bx-wrapper .bx-next {
    right: 20px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat -43px -33px;
}

#full_width_slider_container .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#full_width_slider_container .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

#full_width_slider_container .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}

#full_width_slider_container .bx-wrapper {
    position: relative;
    margin: 0 auto 0px;
    padding: 0;
    *zoom: 1;
}


#full_width_slider_container .bx-wrapper .bx-pager,
#full_width_slider_container .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 47px;
    left: 60.7%;
    width: 300px;
    background-color: transparent;
}

#full_width_slider_container .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: rgba(35, 35, 35, 1);
    text-indent: -9999px;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}

#full_width_slider_container .bx-wrapper .bx-pager.bx-default-pager a:hover,
#full_width_slider_container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: rgba(255, 255, 255, 1);
}

/*SLIDER - HOME PAGE EVENTS ============================================================================= */

#home_page_events_slider_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#home_page_events_slider_container .carousel_container h2.title {
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #232323;
text-transform: uppercase;
background: url(https://www.baie-durfe.qc.ca/template_files/h1_title_bullet_blue.png) no-repeat 0 50%;
padding: 0px 0px 0px 25px;
margin: 3px 0px 20px 0px; }

#home_page_events_slider_container .carousel_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#home_page_events_slider_container .carousel_container ul, li {
    margin: 0;
    padding: 0;
}

#home_page_events_slider_container .bxslider_home_page_events li {
height: 250px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0; }

#home_page_events_slider_container .bxslider_home_page_events .inner {
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 250px;
margin: 0;
padding: 10px 45px 10px 10px;
text-align: left;
background-color: rgba(75, 75, 75, 0.85);
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
overflow: hidden; }

#home_page_events_slider_container .carousel_container .bxslider_home_page_events h1, #home_page_events_slider_container .carousel_container .bxslider_home_page_events h2, #home_page_events_slider_container .carousel_container .bxslider_home_page_events h3, #home_page_events_slider_container .carousel_container .bxslider_home_page_events h4, #home_page_events_slider_container .carousel_container .bxslider_home_page_events h5, #home_page_events_slider_container .carousel_container .bxslider_home_page_events h6 {
font-size: 1.125em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
margin: 0px 0px 15px 0px; }

#home_page_events_slider_container .bxslider_home_page_events p {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.25em;
color: #ffffff;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); }

#home_page_events_slider_container .bxslider_home_page_events a.btn {
display: inline-block;
margin: 30px 0 0;
padding: 9px 18px 8px 18px;
clear: both;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #0078c2;}

#home_page_events_slider_container .bxslider_home_page_events a.btn:hover {
font-size: 1em;
color: #ffffff;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #145d8e;}

#home_page_events_slider_container .bx-wrapper .bx-prev {
    left: 0px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-prev-off.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-prev:hover {
    background: rgba(0, 120, 194, 0.60) url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-prev-hover.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-next {
    right: 0px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-next-off.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-next:hover {
    background: rgba(0, 120, 194, 0.5) url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-next-hover.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    margin: 0;
    outline: 0;
    border: 0;
    width: 44px;
    height: 250px;
    text-indent: -9999px;
}

/*SLIDER - IMAGES GALLERY============================================================================= */

#image_gallery_main {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.image_gallery_container ul, li {
    margin: 0;
    padding: 0;
}

#image_gallery_main .bx-wrapper .bx-prev {
    left: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat 0 -33px;
}

#image_gallery_main .bx-wrapper .bx-next {
    right: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat -43px -33px;
}

#image_gallery_main .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#image_gallery_main .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

#image_gallery_main .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}

/*SLIDER - IMAGES GALLERY GRID============================================================================= */

#image_gallery_grid_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#image_gallery_grid_container .image_gallery_grid {
margin: 0;
padding: 0;
border: 0;
}

#image_gallery_grid_container .image_gallery_grid img {
width: 19.5%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
}

#image_gallery_grid_container .image_gallery_grid a {
width: 19.5%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
}

/*SLIDER - VIDEOS GALLERY============================================================================= */

#video_gallery_main {
display: block;
width: 100%;
height: auto;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#video_gallery_container {
display: block;
width: 100%;
height: auto;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.video_gallery_container ul, li {
    margin: 0;
    padding: 0;
}

#video_gallery_main .bx-wrapper .bx-prev {
    left: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat 0 -33px;
}

#video_gallery_main .bx-wrapper .bx-next {
    right: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat -43px -33px;
}

#video_gallery_main .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#video_gallery_main .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

#video_gallery_main .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}


/*SOCIAL NETWORKS============================================================================= */

/*header icons*/

#social_networks_header_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 13px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#social_networks_header_container_icons {
display: inline;
float: right;
height: 24px;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.bd_facebook_header {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

.bd_youtube_header {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

.bd_instagram_header {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

.bd_twitter_header {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

/*footer icons*/

#social_networks_footer_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#social_networks_footer_container_icons {
display: block;
float: left;
width: 100%;
height: 24px;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.bd_facebook_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bd_youtube_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bd_instagram_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bd_twitter_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*TABS MODULE============================================================================= */

#tabs_main {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#tabs_main_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#tabs_main_container_wrapper {
display: none;
width: 100%;
background-color: #e9eef5;
margin: 0;
padding: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* Tabs container */
.r-tabs {
    position: relative;
    background-color: #c8dbec;

}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #c8dbec;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: inline-block;
    padding: 10px 10px 10px 10px;
    font-size: 1em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#232323;
    text-decoration: none;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #232323;
    text-shadow: none;
    background-color: #e9eef5;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
    background-color: #e9eef5;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;

}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    background-color: #c8dbec;
    font-size: 1em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#232323;
    text-decoration: none;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #ffffff;
    color: #c8dbec;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: 0.5;
}


.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 0px 10px 10px 10px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/*WARNING MODULE============================================================================= */

#warning_container {
display: block;
width: 100%;
background: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#warning_container_main {
width: 100%;
min-width: 1024px;
max-width: 1177px;
padding: 0px 10px 0px 10px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.warning_item {
width: 100%;
background-color: #ffffff;
padding: 0;
margin: 15px 0px 15px 0px;
border: #f16632 3px solid;
display: table;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.warning_item .image {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 60px;
display: table-cell;
vertical-align: middle;
text-align: center;
}

.warning_item .text {
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
display: table-cell;
vertical-align: middle;
background-color: #f16632;
}

.warning_item .close_button {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
    background-color: #f16632;
}

.warning_item .close_button a:link, .warning_item .close_button a:visited, .warning_item .close_button a:active {
    font-size: 1.125em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 800;
    text-decoration: none;
    text-align: center;
    background-color: #575757;
    color: #ffffff;
    border: #FFFFFF 1px solid;
    margin: 0px 0px 0px 50px;
    padding: 0px 6px 0px 6px;
}

.warning_item .close_button a:hover {
    text-decoration: none;
    background-color: #a8a8a8;
    border: #000000 1px solid;
}

.warning_item .text a:link, .warning_item .text a:visited, .warning_item .text a:active {
font-size: 1.0625em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1em;
color: #ffffff;
text-transform: normal;
text-decoration: none; }

.warning_item .text a:hover {
color: #ffffff;
text-decoration: underline;}


/*HIDE CONTENT FOR SOME DEVICE */
.sm-sub-menu-style li.hide_desktop { display: none; /* hide on mobile device */ }
.sm-sub-menu-style ul.hide_desktop { display: none; /* hide on mobile device */ }
#share-bar { display: none; /* remove div */ }
}



/* begin css behavior for medium screen */
@media all and (min-width: 768px) and (max-width: 1023px) {

body {
background-color: #FFFFFF;
}

/* make image responsive */
#body_container_content img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#main_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*ACCORDION============================================================================= */

/* Generic accordion */

#pageaccordion_main {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion_main_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion {
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    width: 100%;
 }

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 {
    font-size: 1.125em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    border-top: #FFFFFF 7px solid;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a {
    background: transparent url("https://www.baie-durfe.qc.ca/template_files/jquery-collapse-sprite-close.png") no-repeat scroll left center;
    display: block;
    font-weight: 600;
    color:#0078c2;
    line-height: 1.125em;
    padding: 7px 10px 8px 21px;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:link, #body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:visited {
    color: #0078c2;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:active, #body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:hover {
    color: #4b9bdf;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion .pageaccordion_content {
    padding: 0px 0px 0px 0px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion .pageaccordion_content .wrapper {
    padding: 0px 10px 10px 10px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: #e9eef5;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1:hover { background: #c8dbec; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1.open  { background: #c8dbec; border-bottom: #cccccc 0px solid; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1.open a { color: #0078c2; background: url(https://www.baie-durfe.qc.ca/template_files/jquery-collapse-sprite-open.png) no-repeat left center; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 + div { padding: 0px; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1+div { display: none; }

/* Bi-Laws accordion */

#pageaccordion_documents_main {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion_documents_main_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion_documents {
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    width: 100%;
 }

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 {
    font-size: 1.250em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    border-top: #FFFFFF 7px solid;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a {
    background: transparent url("https://www.baie-durfe.qc.ca/template_files/jquery-collapse-by-laws.png") no-repeat scroll left center;
    display: block;
    font-weight: 600;
    padding: 10px 10px 10px 34px;
    text-decoration: none;
    color:#0078c2;
    line-height: 1.125em;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:link, #body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:visited {
    color: #0078c2;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:active, #body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:hover {
    color: #4b9bdf;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents .pageaccordion_documents_content {
    padding: 0px 0px 0px 0px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    border-bottom: #0078c2 0px solid;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents .pageaccordion_documents_content .wrapper {
    padding: 0px 10px 10px 10px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: #e9eef5;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1:hover { background: #c8dbec; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1.open  { background: #c8dbec; border-bottom: #cccccc 0px solid; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1.open a { color: #0078c2; background: url(https://www.baie-durfe.qc.ca/template_files/jquery-collapse-by-laws.png) no-repeat left center; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 + div { padding: 0px; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1+div { display: none; }


/*BODY============================================================================= */

#body_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
background: #FFFFFF url(https://www.baie-durfe.qc.ca/template_files/bg-waves-tiles.png) repeat;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_main {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
border-left: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-left: 10px solid rgba(255, 255, 255, 1);
border-right: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-right: 10px solid rgba(255, 255, 255, 1);
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_content_home {
display: inline;
width: 50%;
background-color: #ffffff;
float: left;
padding: 0px 0px 20px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-right: 10px solid rgba(255, 255, 255, 1);
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#body_container_sidebar_home {
display:inline;
width: 50%;
background-color: #ffffff;
float: left;
padding: 20px 0px 20px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 10px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-left: 10px solid rgba(255, 255, 255, 1);
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#body_container_content_sub {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 20px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_content_sub_wrapper {
padding: 0px 20px 0px 20px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_content_sub h1.post_title {
    margin: 30px 0px 40px 0px;
    font-size: 2.5em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #232323;
    line-height: 1em;
    text-transform: uppercase;
}

#body_container_sidebar_sub {
display:block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 20px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_sidebar_sub h3.mini_calendar_title {
font-size: 1.375em;
font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #0078c2;
line-height: 1em;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 30px 0px 10px 0px;
}

.body_container_sidebar_content_grey {
background-color: #d6d6d6;
padding: 8px 8px 8px 8px;
margin: 0px 0px 10px 0px;
border-bottom: #FFFFFF 0px solid;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.codered-container {
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
display: block;
text-align: center;
background-color: transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.codered-container p {
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.codered-container a:link, .codered-container a:visited, .codered-container a:active {
font-size: 1em;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
line-height: 1.375em;
}

.codered-container a:hover {
color: #4b9bdf;
text-decoration: none;
}

.codered-container img {
border: 0; width: 100%; max-width: 300px; height: auto;
}

.avis-public-container {
width: 100%;
height: auto;
display: table;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #96b3b9;
}

.avis-public-container-img {
display: table-cell;
vertical-align: top;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.avis-public-container-img img {
vertical-align: top;
max-width: 100%;
width: 100%;
height: auto;
border: 0;
padding: 0;
margin: 0;
}

.avis-public-container-txt {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
background-color: #96b3b9;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.avis-public-container-txt a:link, .avis-public-container-txt a:visited, .avis-public-container-txt a:active {
font-size: 1.5em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
}

.avis-public-container-txt a:hover {
color: #ffffff;
text-decoration: none;
}









.location-salles-container {
width: 100%;
height: auto;
display: table;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #d9d9d9;
}

.location-salles-container-img {
display: table-cell;
vertical-align: top;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.location-salles-container-img img {
vertical-align: top;
width: 100%;
min-width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
}

.location-salles-container-txt {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
background-color: #d9d9d9;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.location-salles-container-txt a:link, .location-salles-container-txt a:visited, .location-salles-container-txt a:active {
font-size: 1.5em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
}

.location-salles-container-txt a:hover {
color: #ffffff;
text-decoration: none;
}

/*BUTTON AND LINKS============================================================================= */

.news_container a.news_btn, .events_container a.events_btn {
display: inline-block;
margin: 30px 0px 0px 25px;
padding: 8px 10px 8px 10px;
clear: both;
font-size: 0.938em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
border: 0px solid #232323;
background-color: #0078c2;}

.news_container a.news_btn:hover, .events_container a.events_btn:hover {
color: #ffffff;
text-shadow: 0px 0px #232323;
border: 0px solid #232323;
background-color: #4b9bdf;}

.news_container a.more_btn, .events_container a.more_btn {
display: inline-block;
margin: 0px 0px 17px 0px;
padding: 3px 10px 3px 10px;
clear: both;
font-size: 0.938em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: none;
text-decoration: none;
text-shadow: 0px 0px #ffffff;
border: 0px solid #ffffff;
background-color: #ffffff;}

.news_container a.more_btn:hover, .events_container a.more_btn:hover {
color: #ed1c24;
text-decoration: none;
text-shadow: 0px 0px #ffffff;
border: 0px solid #ffffff;
background-color: #ffffff;}

.footer_container_item a.footer_btn:link, .footer_container_item a.footer_btn:visited, .footer_container_item a.footer_btn:active {
padding: 9px 18px 8px 18px;
margin: 0px 0px 5px 0px;
clear: both;
font-size: 0.938em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 1px solid #232323;
background-color: #777777;
width: 100%;
}

.footer_container_item a.footer_btn:hover {
color: #ffffff;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 1px solid #232323;
background-color: #232323;
}

a.alphabet_btn:link, a.alphabet_btn:visited, a.alphabet_btn:active {
padding: 3px 9px 3px 9px;
margin: 0px 3px 0px 0px;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
line-height: 2.250em;
border: 0px solid #777777;
background-color: #0078c2;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}

a.alphabet_btn:hover {
color: #232323;
text-decoration: none;
text-shadow: 0px 0px #232323;
border: 0px solid #777777;
background-color: #7cd0ed;
}

a.alphabet_btn_current:link, a.alphabet_btn_current:visited, a.alphabet_btn_current:active {
padding: 3px 9px 3px 9px;
margin: 0px 3px 0px 0px;
font-size: 1em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
line-height: 2.250em;
border: 0px solid #777777;
background-color: #e7e7e7;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}

.inline_content_button_container {
padding: 12px 0px 7px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
border-top: #999999 1px solid;
}

.inline_content_button {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: table;
width: 100%;
}

.inline_content_button:hover, .inline_content_button:focus {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: table;
width: 100%;
}

.inline_content_button .image {
margin: 0px 0px 0px 0px;
padding: 0px 7px 0px 0px;
width: 47px;
display: table-cell;
vertical-align: middle;
}

.inline_content_button .text {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
display: table-cell;
vertical-align: middle;
}

.inline_content_button p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; }

.inline_content_button .text a {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.125em;
color: #232323;
text-transform: normal;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.inline_content_button .text a:hover {
color: #ed1c24;
text-decoration: none;}

/*BREADCRUMB============================================================================= */

#breadcrumb_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#breadcrumb_container_main {
display: block;
width: 100%;
min-height: 27px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* Style the list */
ul.breadcrumb_nav {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    background-color: transparent;
}

/* Display list items side by side */
ul.breadcrumb_nav li {
    display: inline;
    font-size: 0.938em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #0078c2;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb_nav li+li:before {
    padding: 1px;
    color: #232323;
    content: "|\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb_nav li a {
    color: #232323;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb_nav li a:hover {
    color: #0078c2;
    text-decoration: underline;
}

/*CATEGORIES============================================================================= */

.category_name {
    margin: 0px 0px 0px 0px;
    padding: 5px 13px 5px 13px;
    background-color: #e5e5e5;
    font-size: 0.875em;
    font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 35px;
    color: #232323;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.category_description {
    margin: 0px 0px 0px 0px;
    padding: 3px 7px 3px 7px;
    background-color: #ffffff;
    border: 1px solid #777777;
    font-size: 0.875em;
    font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 35px;
    color: #232323;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

/*EVENTS============================================================================= */

.events_container {
display: block;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-left: 0px solid rgba(255, 255, 255, 0);
 }

.events_container .events-item {
display: block;
padding: 15px 10px 15px 10px;
margin: 0px 0px 0px 0px;
background: transparent;
border-bottom: #1a9bd1 2px solid;
}

.events_container h1 {
font-size: 1.75em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #ffffff;
text-align: center;
text-shadow: 1px 1px #232323;
border: 0;
background-color: #0078c2;
padding: 17px 0px 17px 0px;
margin: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);

 }

.events_container h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
font-size: 1.250em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;}

.events_container h2 a:link {
color: #232323;
text-decoration: none;}

.events_container h2 a:visited {
color: #232323;
text-decoration: none;}

.events_container h2 a:hover {
color: #ed1c24;
text-decoration: underline;}

.events_container p {
font-size: 0.938em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #232323;
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px 0px;}

.events_container .date {
font-size: 0.938em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #666666;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;}

#events_mini_calendar {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 0px solid rgba(255, 255, 255, 0);
 }

/*FEATURE BOXES============================================================================= */

#feature_boxes_container {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_container_main {
display: block;
width: 100%;
background-color: #ffffff;
padding: 40px 0px 9px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_environment {
position: relative;
display:inline-block;
float: left;
width: 33.33333333%;
height: 176px;
background: #81bf6c url(https://www.baie-durfe.qc.ca/template_files/icon-environment-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_environment:hover {
background: #71a85f url(https://www.baie-durfe.qc.ca/template_files/icon-environment-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_environment h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_environment h2 a:link, #feature_boxes_environment h2 a:visited, #feature_boxes_environment h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_environment h2 a:hover {
text-decoration: none;
}

#feature_boxes_bi_laws {
position: relative;
display:inline-block;
float: left;
width: 33.33333333%;
height: 176px;
background: #4b9faf url(https://www.baie-durfe.qc.ca/template_files/icon-bi-laws-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_bi_laws:hover {
background: #428c9a url(https://www.baie-durfe.qc.ca/template_files/icon-bi-laws-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_bi_laws h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_bi_laws h2 a:link, #feature_boxes_bi_laws h2 a:visited, #feature_boxes_bi_laws h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_bi_laws h2 a:hover {
text-decoration: none;
}

#feature_boxes_industrial_park {
position: relative;
display:inline-block;
float: left;
width: 33.33333333%;
height: 176px;
background: #324a5c url(https://www.baie-durfe.qc.ca/template_files/icon-industrial-park-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_industrial_park:hover {
background: #2c4151 url(https://www.baie-durfe.qc.ca/template_files/icon-industrial-park-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_industrial_park h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_industrial_park h2 a:link, #feature_boxes_industrial_park h2 a:visited, #feature_boxes_industrial_park h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_industrial_park h2 a:hover {
text-decoration: none;
}

#feature_boxes_info_work {
position: relative;
display:inline-block;
float: left;
width: 33.33333333%;
height: 176px;
background: #f87a3d url(https://www.baie-durfe.qc.ca/template_files/icon-info-work-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_info_work:hover {
background: #da6b36 url(https://www.baie-durfe.qc.ca/template_files/icon-info-work-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_info_work h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_info_work h2 a:link, #feature_boxes_info_work h2 a:visited, #feature_boxes_info_work h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_info_work h2 a:hover {
text-decoration: none;
}

#feature_boxes_permit {
position: relative;
display:inline-block;
float: left;
width: 33.33333333%;
height: 176px;
background: #838383 url(https://www.baie-durfe.qc.ca/template_files/icon-permit-certificate-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_permit:hover {
background: #737373 url(https://www.baie-durfe.qc.ca/template_files/icon-permit-certificate-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_permit h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_permit h2 a:link, #feature_boxes_permit h2 a:visited, #feature_boxes_permit h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_permit h2 a:hover {
text-decoration: none;
}

#feature_boxes_waste_collection {
position: relative;
display:inline-block;
float: left;
width: 33.33333333%;
height: 176px;
background: #46afe6 url(https://www.baie-durfe.qc.ca/template_files/icon-collections-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_waste_collection:hover {
background: #3d9aca url(https://www.baie-durfe.qc.ca/template_files/icon-collections-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#feature_boxes_waste_collection h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_waste_collection h2 a:link, #feature_boxes_waste_collection h2 a:visited, #feature_boxes_waste_collection h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_waste_collection h2 a:hover {
text-decoration: none;
}

/*FOOT============================================================================= */

#foot_container {
display: block;
width: 100%;
background-color: #4d4d4f;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#foot_container_main {
display: block;
width: 100%;
background-color: #4d4d4f;
height: 50px;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.foot_container_item {
padding: 15px 0px 0px 0px;
margin: 0;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 0.875em;
font-weight: 400;
text-decoration: none;
text-align: center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

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

#footer_container {
display: block;
width: 100%;
background-color: #0078c2;
padding: 0;
margin: 0px auto 0px auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#footer_container_main {
display: block;
width: 100%;
background: transparent url(https://www.baie-durfe.qc.ca/template_files/bg-footer.png) no-repeat 222px bottom;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#footer_container_contact {
display:inline-block;
float: left;
width: 23%;
background-color: transparent;
padding: 15px 15px 15px 15px;
margin: 0px 0px 15px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 10px solid transparent;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#footer_container_contact p {
padding: 19px 0px 0px 0px;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
}

#footer_container_contact a:link, #footer_container_contact a:visited, #footer_container_contact a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-decoration: none;
}

#footer_container_contact a:hover {
text-decoration: underline;
}

#footer_container_quick_links {
display:inline-block;
float: left;
width: 33%;
background-color: transparent;
padding: 15px 15px 15px 15px;
margin: 0px 0px 15px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 10px solid transparent;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#footer_container_quick_links ul {
list-style-type: none;
padding: 0px 0px 0px 13px;
margin: 12px 0px 0px 0px;
border-left: 2px solid #f6973b;
}

#footer_container_quick_links li {
padding: 22px 0px 22px 0px;
margin: 0px 0px 0px 0px;
}

#footer_container_quick_links li a:link, #footer_container_quick_links li a:visited, #footer_container_quick_links li a:active {
line-height: 1em;
font-size: 1.125em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}

#footer_container_quick_links li a:hover {
text-decoration: underline;
}

#footer_container_newsletter {
display:inline-block;
float: left;
width: 44%;
background-color: transparent;
padding: 15px 15px 15px 15px;
margin: 0px 0px 15px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 10px solid transparent;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#footer_container_newsletter p {
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-decoration: none;
}

/*FORM - NEWSLETTER============================================================================= */

.form-newsletter-footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.form-newsletter-footer .form-row {
max-width: 100%;
margin: 3px 0px 0px 0px;}

#footer_container_newsletter p {
font-size: 1.375em;
line-height: 1em;
color: #73d0f4;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
padding: 0px 0px 5px 0px;}

.form-newsletter-footer .form-row > label span {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color:#ffffff;
padding: 0px 0px 0px 0px;}

.form-newsletter-footer input {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color:#232323;
width: 100%;
height: 30px;
background-color: #d1d2d4;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
border: 0px solid #c1c1c1;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px; }

.form-newsletter-footer button {
margin: 15px 0 0 0;
padding: 6px 12px 6px 12px;
border: 0;
font-size: 1em;
color: #0078bd;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
background-color: #73d0f4;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;}

.form-newsletter-footer button:hover {
color: #ffffff;
background-color: #73d0f4;}

/*FORM - SEARCH============================================================================= */

#search_container {
margin: 0px 0px 0px 0px;
position: relative;
}

#search-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
height: 48px;
margin: 0;
border: 0px;
}

#search-form
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
overflow: hidden;
}

#search-text
{
padding: 10px 50px 10px 10px;
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
height: 48px;
border: 2px solid #232323;
background-color: rgba(255, 255, 255, 1);
}

#search-box input[type="text"]
{
width: 100%;
color: #232323;
outline: none;
}

#search-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
height: 48px;
width: 48px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.125em;
color: #232323;
text-align: center;
line-height: 42px;
cursor: pointer;
border-top: 2px solid #232323;
border-right: 2px solid #232323;
border-bottom: 2px solid #232323;
border-left: 0px solid #232323;
background-color: rgba(255, 255, 255, 1);
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

:-moz-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

::-moz-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 0.875em;
}

/*HEADER============================================================================= */

#header_container {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_main {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_left {
width: 40%;
height: 130px;
background-color: #ffffff;
padding: 5px 0px 0px 10px;
margin: 0;
float: left;
display: inline-block;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_right {
width: 60%;
height: 130px;
background-color: #ffffff;
padding: 10px 10px 0px 0px;
margin: 0;
float: left;
display: inline-block;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_logo {
background-color: #ffffff;
padding: 8px 0px 0px 0px;
margin: 0;
float: left;
display: inline-block;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_logo img {
width: 280px;
height: 90px;
border: 0;
}

#header_container_search {
width: 100%;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
float: left;
display: inline-block;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


/*HEADER - IMAGE============================================================================= */

#header_image_container {
display: block;
width: 100%;
height: 200px;
background-color: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_image_container_main {
display: block;
width: 100%;
height: 200px;
overflow: hidden;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


/*MAPS============================================================================= */

/*Full width map*/
#full_width_map_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_map_container_main {
display: block;
width: 100%;
min-width: 1024px;
max-width: 3000px;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_map {
position: relative;
/* padding-bottom: 75%; */
padding-bottom: 620px;
height: 0px;
overflow: hidden;
}

#full_width_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
/* height: 100% !important; */
height: 620px;
border: 0;
}

/*Regular maps*/
#regular_map_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#regular_map_container_main {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#regular_map {
position: relative;
/* padding-bottom: 75%; */
padding-bottom: 620px;
height: 0px;
overflow: hidden;
}

#regular_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
/* height: 100% !important; */
height: 620px;
border: 0;
}

/*NAV - MAIN============================================================================= */

#main_nav_container {
position: relative;
bottom: 0px;
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#main_nav_container_main {
display: block;
width: 100%;
background-color: #575757;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#main_nav_container_main:after {
    clear: both;
    content: "\00a0";
    display: block;
    height: 0;
    font: 0px/0 serif;
    overflow: hidden;
}

/*NAV - MEGA============================================================================= */

#mega_nav_container {
display: none;
}

/*NAV - SUB============================================================================= */

#sub_nav_container {
position: relative;
bottom: -10px;
display: none;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_container_main {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_title_wrapper {
position: relative;
bottom: -21px;
display: block;
background-color: transparent;
padding: 0px 0px 0px 20px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_title {
display: block;
background-color: #0078c2;
padding: 11px 20px 11px 20px;
margin: 0;
font-size: 1.125em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1.125em;
text-decoration: none;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_title_bg {
display: block;
width: 100%;
height: 21px;
padding: 0;
margin: 0;
background-color: #cecece;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_container_gradient {
display: none;
width: 100%;
height: 200px;
padding: 0;
margin: 0;
border-top: #FFFFFF 1px solid;
background: #cecece; /* For browsers that do not support gradients */
background: linear-gradient(rgba(206,206,206,1), rgba(255,255,255,1)); /* Standard syntax (must be last)
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*NAV - TOP============================================================================= */

#top_nav_container {
display: block;
width: 100%;
background-color: transparent;
padding: 5px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#top_nav_container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

#top_nav_container li {
    float: left;
}

#top_nav_container li a {
    display: inline-block;
    padding: 0px 10px 0px 0px;
    font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.125em;
    color: #4d4d4f;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

#top_nav_container li a:hover {
    color: #0078c2;
}

#top_nav_container li.language a {
    color: #0078c2;
    text-decoration: none;
}

#top_nav_container li.language a:hover {
    color: #0078c2;
}

/*NAVIGATION GRID============================================================================= */

#navigation_grid {
display: block;
background-color: transparent;
padding: 25px 0px 0px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_wrapper:first-child {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 33.3333333%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_wrapper {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 33.3333333%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item {
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
width: 100%;
height: auto;
border: 0px solid #cccccc;
background-color: #e9eef5;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item:hover {
border: 0px solid #cccccc;
background-color: #c8dbec;
}

#navigation_grid_main .navigation_grid_item_image {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}

#navigation_grid_main .navigation_grid_item_image img {
width: 100%;
max-width: 100%;
border: 0;
}

#navigation_grid_main .navigation_grid_item_text {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
min-height: 120px;
}

#navigation_grid_main .navigation_grid_item h2 {
font-size: 1em;
line-height: 1.063em;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navigation_grid_main .navigation_grid_item h2 a:link, #navigation_grid_main .navigation_grid_item h2 a:visited, #navigation_grid_main .navigation_grid_item h2 a:active {
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
width: 100%;
height: 100%;
padding: 5px 5px 5px 5px;
position: absolute;
bottom: 0px;
left: 0px;
}

#navigation_grid_main .navigation_grid_item h2 a:hover {
color: #232323;
text-decoration: none;
background-color: transparent; }

/* TEXT ONLY */

#navigation_grid_main .navigation_grid_item_text_only_wrapper:first-child {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 25%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_text_only_wrapper {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 25%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_text_only {
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
width: 100%;
height: auto;
border: 0px solid #cccccc;
background-color: #e9eef5;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_text_only:hover {
border: 0px solid #cccccc;
background-color: #c8dbec;
}

#navigation_grid_main .navigation_grid_item_text_only_image {
display: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}

#navigation_grid_main .navigation_grid_item_text_only_image img {
width: 100%;
max-width: 100%;
border: 0;
}

#navigation_grid_main .navigation_grid_item_text_only_text {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
min-height: 125px;
}

#navigation_grid_main .navigation_grid_item_text_only h2 {
font-size: 1em;
line-height: 1.063em;
text-align: center;
}

#navigation_grid_main .navigation_grid_item_text_only h2 a:link, #navigation_grid_main .navigation_grid_item_text_only h2 a:visited, #navigation_grid_main .navigation_grid_item_text_only h2 a:active {
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
width: 100%;
height: 100%;
padding: 20px 5px 5px 5px;
padding-top: 20px;
position: absolute;
bottom: 0px;
left: 0px;
}

#navigation_grid_main .navigation_grid_item_text_only h2 a:hover {
color: #232323;
text-decoration: none;
background-color: transparent; }




/*NEWS - HOME PAGE============================================================================= */

.news_container {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-right: 0px solid rgba(255, 255, 255, 0);
}

.news_container .news-item {
display: block;
padding: 15px 0px 15px 0px;
margin: 0px 0px 0px 25px;
background: transparent;
border-bottom: #58595b 1px solid;
}

.news_container h1 {
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #232323;
background: url(https://www.baie-durfe.qc.ca/template_files/h1_title_bullet_blue.png) no-repeat 0 50%;
padding: 0px 0px 0px 25px;
margin: 31px 0px 0px 0px; }

.news_container h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600; }

.news_container h2 a:link, .news_container h2 a:visited, .news_container h2 a:active {
color: #0078c2;
text-decoration: none;}

.news_container h2 a:hover {
color: #4b9bdf;
text-decoration: underline;}

.news_container p {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #232323;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.news_container .date {
font-size: 0.813em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #878787;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.news_container .read_more a:link, .news_container .read_more a:visited, .news_container .read_more a:active {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #0078c2;
text-decoration: none;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;}

.news_container .read_more a:hover {
color: #4b9bdf;
text-decoration: underline; }

/*POST============================================================================= */

.post_container {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-item:first-child {
display: block;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
background: transparent;
border-top: #58595b 1px solid;
border-bottom: #58595b 1px solid;
}

.post-item {
display: block;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
background: transparent;
border-bottom: #58595b 1px solid;
}

#body_container_content_sub .post_container h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600; }

#body_container_content_sub .post_container h2 a:link, #body_container_content_sub .post_container h2 a:visited, #body_container_content_sub .post_container h2 a:active {
color: #0078c2;
text-decoration: none;}

#body_container_content_sub .post_container h2 a:hover {
color: #4b9bdf;
text-decoration: underline;}

#body_container_content_sub .post_container p {
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;}

#body_container_content_sub .post_container p.news_date {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #ed5e38;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#body_container_content_sub p.news_date_small {
font-size: 0.813em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #878787;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#body_container_content_sub .post_container .read_more a:link, #body_container_content_sub .post_container .read_more a:visited, #body_container_content_sub .post_container .read_more a:active {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #0078c2;
text-decoration: none;
border: 0;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;}

#body_container_content_sub .post_container .read_more a:hover {
color: #4b9bdf;
text-decoration: underline; }

#body_container_content_sub .post_container .paginate {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
border: 0;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#body_container_content_sub .post_container .paginate a:link, #body_container_content_sub .post_container .paginate a:visited, #body_container_content_sub .post_container .paginate a:active {
color: #0078c2;
text-decoration: none;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;}

#body_container_content_sub .post_container .paginate a:hover {
color: #4b9bdf;
text-decoration: underline; }

/*SLIDER - FULL WIDTH ============================================================================= */

#full_width_slider_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_slider_container_main {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_slider_container .carousel_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_slider_container .carousel_container ul, li {
    margin: 0;
    padding: 0;
}

#full_width_slider_container .bxslider li {
height: 431px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; }

#full_width_slider_container .bxslider .inner {
width: 60%;
min-height: 350px;
max-height: 350px;
margin: 40px auto 0px auto;
padding: 20px 20px 20px 40px;
text-align: center;
background-color: rgba(195, 34, 32, 0.83);
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
overflow: hidden; }

#full_width_slider_container .bxslider h1, #full_width_slider_container .bxslider h2, #full_width_slider_container .bxslider h3, #full_width_slider_container .bxslider h4, #full_width_slider_container .bxslider h5, #full_width_slider_container .bxslider h6 {
font-size: 1.625em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
margin-bottom: 20px;}

#full_width_slider_container .bxslider p {
font-size: 1.125em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.25em;
color: #ffffff;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); }

#full_width_slider_container .bxslider a.btn {
display: inline-block;
margin: 30px 0 0;
padding: 9px 18px 8px 18px;
clear: both;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #0078c2;}

#full_width_slider_container .bxslider a.btn:hover {
font-size: 1em;
color: #ffffff;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #145d8e;}

#full_width_slider_container .bx-wrapper .bx-prev {
    left: 40px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat 0 -33px;
}

#full_width_slider_container .bx-wrapper .bx-next {
    right: 40px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat -43px -33px;
}

#full_width_slider_container .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#full_width_slider_container .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

#full_width_slider_container .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}

#full_width_slider_container .bx-wrapper {
    position: relative;
    margin: 0 auto 0px;
    padding: 0;
    *zoom: 1;
}


#full_width_slider_container .bx-wrapper .bx-pager,
#full_width_slider_container .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 47px;
    width: 100%;
}

#full_width_slider_container .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: rgba(35, 35, 35, 1);
    text-indent: -9999px;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}

#full_width_slider_container .bx-wrapper .bx-pager.bx-default-pager a:hover,
#full_width_slider_container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: rgba(255, 255, 255, 1);
}

/*SLIDER - HOME PAGE EVENTS ============================================================================= */

#home_page_events_slider_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#home_page_events_slider_container .carousel_container h2 {
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #232323;
text-transform: uppercase;
background: url(https://www.baie-durfe.qc.ca/template_files/h1_title_bullet_blue.png) no-repeat 0 50%;
padding: 0px 0px 0px 25px;
margin: 3px 0px 20px 0px; }

#home_page_events_slider_container .carousel_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#home_page_events_slider_container .carousel_container ul, li {
    margin: 0;
    padding: 0;
}

#home_page_events_slider_container .bxslider_home_page_events li {
height: 250px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0; }

#home_page_events_slider_container .bxslider_home_page_events .inner {
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 250px;
margin: 0;
padding: 10px 45px 10px 10px;
text-align: left;
background-color: rgba(75, 75, 75, 0.85);
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
overflow: hidden; }

#home_page_events_slider_container .bxslider_home_page_events h1, #home_page_events_slider_container .bxslider_home_page_events h2, #home_page_events_slider_container .bxslider_home_page_events h3, #home_page_events_slider_container .bxslider_home_page_events h4, #home_page_events_slider_container .bxslider_home_page_events h5, #home_page_events_slider_container .bxslider_home_page_events h6 {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
margin: 0px 0px 15px 0px; }

#home_page_events_slider_container .bxslider_home_page_events p {
display: block;
font-size: 0.938em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1em;
color: #ffffff;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); }

#home_page_events_slider_container .bxslider_home_page_events a.btn {
display: inline-block;
margin: 30px 0 0;
padding: 9px 18px 8px 18px;
clear: both;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #0078c2;}

#home_page_events_slider_container .bxslider_home_page_events a.btn:hover {
font-size: 1em;
color: #ffffff;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #145d8e;}

#home_page_events_slider_container .bx-wrapper .bx-prev {
    left: 0px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-prev-off.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-prev:hover {
    background: rgba(0, 120, 194, 0.60) url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-prev-hover.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-next {
    right: 0px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-next-off.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-next:hover {
    background: rgba(0, 120, 194, 0.5) url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-next-hover.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    margin: 0;
    outline: 0;
    border: 0;
    width: 44px;
    height: 250px;
    text-indent: -9999px;
}

/*SLIDER - IMAGES GALLERY============================================================================= */

#image_gallery_main {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.image_gallery_container ul, li {
    margin: 0;
    padding: 0;
}

#image_gallery_main .bx-wrapper .bx-prev {
    left: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat 0 -33px;
}

#image_gallery_main .bx-wrapper .bx-next {
    right: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat -43px -33px;
}

#image_gallery_main .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#image_gallery_main .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

#image_gallery_main .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}

/*SLIDER - IMAGES GALLERY GRID============================================================================= */

#image_gallery_grid_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#image_gallery_grid_container .image_gallery_grid {
margin: 0;
padding: 0;
border: 0;
}

#image_gallery_grid_container .image_gallery_grid img {
width: 19.5%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
}

#image_gallery_grid_container .image_gallery_grid a {
width: 19.5%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
}

/*SLIDER - VIDEOS GALLERY============================================================================= */

#video_gallery_main {
display: block;
width: 100%;
height: auto;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#video_gallery_container {
display: block;
width: 100%;
height: auto;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.video_gallery_container ul, li {
    margin: 0;
    padding: 0;
}

#video_gallery_main .bx-wrapper .bx-prev {
    left: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat 0 -33px;
}

#video_gallery_main .bx-wrapper .bx-next {
    right: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat -43px -33px;
}

#video_gallery_main .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#video_gallery_main .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

#video_gallery_main .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}

/*SOCIAL NETWORKS============================================================================= */

/*header icons*/

#social_networks_header_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#social_networks_header_container_icons {
display: inline;
float: right;
height: 24px;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.bd_facebook_header {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

.bd_youtube_header {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

.bd_instagram_header {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

.bd_twitter_header {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

/*footer icons*/

#social_networks_footer_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#social_networks_footer_container_icons {
display: block;
float: left;
width: 100%;
height: 24px;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.bd_facebook_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bd_youtube_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bd_instagram_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bd_twitter_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*TABS MODULE============================================================================= */

#tabs_main {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#tabs_main_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#tabs_main_container_wrapper {
display: none;
width: 100%;
background-color: #e9eef5;
margin: 0;
padding: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* Tabs container */
.r-tabs {
    position: relative;
    background-color: #c8dbec;

}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #c8dbec;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: inline-block;
    padding: 10px 10px 10px 10px;
    font-size: 1em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#232323;
    text-decoration: none;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #232323;
    text-shadow: none;
    background-color: #e9eef5;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
    background-color: #e9eef5;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;

}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    background-color: #c8dbec;
    font-size: 1em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#232323;
    text-decoration: none;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #ffffff;
    color: #c8dbec;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: 0.5;
}


.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 0px 10px 10px 10px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/*WARNING MODULE============================================================================= */

#warning_container {
display: block;
width: 100%;
background: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#warning_container_main {
width: 100%;
padding: 0px 10px 0px 10px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.warning_item {
width: 100%;
background-color: #ffffff;
padding: 0;
margin: 15px 0px 15px 0px;
border: #f16632 3px solid;
display: table;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.warning_item .image {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 60px;
display: table-cell;
vertical-align: middle;
text-align: center;
}

.warning_item .text {
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
display: table-cell;
vertical-align: middle;
background-color: #f16632;
}

.warning_item .close_button {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
    background-color: #f16632;
}

.warning_item .close_button a:link, .warning_item .close_button a:visited, .warning_item .close_button a:active {
    font-size: 1.125em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 800;
    text-decoration: none;
    text-align: center;
    background-color: #575757;
    color: #ffffff;
    border: #FFFFFF 1px solid;
    margin: 0px 0px 0px 50px;
    padding: 0px 6px 0px 6px;
}

.warning_item .close_button a:hover {
    text-decoration: none;
    background-color: #a8a8a8;
    border: #000000 1px solid;
}

.warning_item .text a:link, .warning_item .text a:visited, .warning_item .text a:active {
font-size: 1.0625em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1em;
color: #ffffff;
text-transform: normal;
text-decoration: none; }

.warning_item .text a:hover {
color: #ffffff;
text-decoration: underline;}

/*HIDE CONTENT FOR SOME DEVICE */
#share-bar { display: none; /* remove div */ }
.hide_tablet { display: none; /* hide from tablet */ }
}



/* begin css behavior for small screen */
@media only screen and (max-width: 767px) {

body {
background-color: #FFFFFF;
}

/* make image responsive */
#body_container_content img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#main_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*ACCORDION============================================================================= */

/* Generic accordion */

#pageaccordion_main {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion_main_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion {
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    width: 100%;
 }

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 {
    font-size: 1.125em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    border-top: #FFFFFF 7px solid;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a {
    background: transparent url("https://www.baie-durfe.qc.ca/template_files/jquery-collapse-sprite-close.png") no-repeat scroll left center;
    display: block;
    font-weight: 600;
    color:#0078c2;
    line-height: 1.125em;
    padding: 7px 10px 8px 21px;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:link, #body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:visited {
    color: #0078c2;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:active, #body_container_content_sub #pageaccordion_main_container #pageaccordion h1 a:hover {
    color: #4b9bdf;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion .pageaccordion_content {
    padding: 0px 0px 0px 0px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion .pageaccordion_content .wrapper {
    padding: 0px 10px 10px 10px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: #e9eef5;
}

#body_container_content_sub #pageaccordion_main_container #pageaccordion h1:hover { background: #c8dbec; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1.open  { background: #c8dbec; border-bottom: #cccccc 0px solid; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1.open a { color: #0078c2; background: url(https://www.baie-durfe.qc.ca/template_files/jquery-collapse-sprite-open.png) no-repeat left center; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1 + div { padding: 0px; }
#body_container_content_sub #pageaccordion_main_container #pageaccordion h1+div { display: none; }

/* Bi-Laws accordion */

#pageaccordion_documents_main {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion_documents_main_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#pageaccordion_documents {
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    width: 100%;
 }

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 {
    font-size: 1.250em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    background-color: #e9eef5;
    margin: 0px 0px 0px 0px;
    border-top: #FFFFFF 7px solid;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a {
    background: transparent url("https://www.baie-durfe.qc.ca/template_files/jquery-collapse-by-laws.png") no-repeat scroll left center;
    display: block;
    font-weight: 600;
    padding: 10px 10px 10px 34px;
    text-decoration: none;
    color:#0078c2;
    line-height: 1.125em;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:link, #body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:visited {
    color: #0078c2;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:active, #body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 a:hover {
    color: #4b9bdf;
    text-decoration: none;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents .pageaccordion_documents_content {
    padding: 0px 0px 0px 0px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    border-bottom: #0078c2 0px solid;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents .pageaccordion_documents_content .wrapper {
    padding: 0px 10px 10px 10px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: #e9eef5;
}

#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1:hover { background: #c8dbec; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1.open  { background: #c8dbec; border-bottom: #cccccc 0px solid; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1.open a { color: #0078c2; background: url(https://www.baie-durfe.qc.ca/template_files/jquery-collapse-by-laws.png) no-repeat left center; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1 + div { padding: 0px; }
#body_container_content_sub #pageaccordion_documents_main_container #pageaccordion_documents h1+div { display: none; }


/*BODY============================================================================= */

#body_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
background-color: #FFFFFF;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_main {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0px 10px 0px 10px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_content_home, #body_container_content_sub  {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 20px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_content_sub_wrapper {
padding: 0px 10px 0px 10px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#body_container_content_sub h1.post_title {
    margin: 30px 0px 40px 0px;
    font-size: 2em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #232323;
    line-height: 1em;
    text-transform: uppercase;
}

#body_container_sidebar_home, #body_container_sidebar_sub {
display:block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-left: 0px solid rgb(255, 255, 255); /* For browsers not supporting rgba */
border-left: 0px solid rgba(255, 255, 255, 1);
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#body_container_sidebar_sub h3.mini_calendar_title {
font-size: 1.375em;
font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #0078c2;
line-height: 1em;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 30px 0px 10px 0px;
}

.body_container_sidebar_content_grey {
background-color: #d6d6d6;
padding: 8px 8px 8px 8px;
margin: 0px 0px 10px 0px;
border-bottom: #FFFFFF 0px solid;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.codered-container {
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
display: block;
text-align: center;
background-color: transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.codered-container p {
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.codered-container a:link, .codered-container a:visited, .codered-container a:active {
font-size: 1em;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
line-height: 1.375em;
}

.codered-container a:hover {
color: #4b9bdf;
text-decoration: none;
}

.codered-container img {
border: 0; width: 100%; max-width: 300px; height: auto;
}

.avis-public-container {
width: 100%;
height: auto;
display: table;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #96b3b9;
}

.avis-public-container-img {
display: table-cell;
vertical-align: top;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.avis-public-container-img img {
vertical-align: top;
max-width: 100%;
width: 100%;
height: auto;
border: 0;
padding: 0;
margin: 0;
}

.avis-public-container-txt {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
background-color: #96b3b9;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.avis-public-container-txt a:link, .avis-public-container-txt a:visited, .avis-public-container-txt a:active {
font-size: 1.5em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
}

.avis-public-container-txt a:hover {
color: #ffffff;
text-decoration: none;
}



.location-salles-container {
width: 100%;
height: auto;
display: table;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #d9d9d9;
}

.location-salles-container-img {
display: table-cell;
vertical-align: top;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.location-salles-container-img img {
vertical-align: top;
width: 100%;
min-width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
}

.location-salles-container-txt {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50%;
height: auto;
border: 0;
padding: 0;
margin: 0;
background-color: #d9d9d9;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.location-salles-container-txt a:link, .location-salles-container-txt a:visited, .location-salles-container-txt a:active {
font-size: 1.5em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
}

.location-salles-container-txt a:hover {
color: #ffffff;
text-decoration: none;
}

/*BUTTON AND LINKS============================================================================= */

.news_container a.news_btn, .events_container a.events_btn {
display: inline-block;
margin: 30px 0px 0px 25px;
padding: 8px 10px 8px 10px;
clear: both;
font-size: 0.938em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
border: 0px solid #232323;
background-color: #0078c2;}

.news_container a.news_btn:hover, .events_container a.events_btn:hover {
color: #ffffff;
text-shadow: 0px 0px #232323;
border: 0px solid #232323;
background-color: #4b9bdf;}

.news_container a.more_btn, .events_container a.more_btn {
display: inline-block;
margin: 0px 0px 17px 0px;
padding: 3px 10px 3px 10px;
clear: both;
font-size: 0.938em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: none;
text-decoration: none;
text-shadow: 0px 0px #ffffff;
border: 0px solid #ffffff;
background-color: #ffffff;}

.news_container a.more_btn:hover, .events_container a.more_btn:hover {
color: #ed1c24;
text-decoration: none;
text-shadow: 0px 0px #ffffff;
border: 0px solid #ffffff;
background-color: #ffffff;}

.footer_container_item a.footer_btn:link, .footer_container_item a.footer_btn:visited, .footer_container_item a.footer_btn:active {
padding: 9px 18px 8px 18px;
margin: 0px 0px 5px 0px;
clear: both;
font-size: 0.938em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 1px solid #232323;
background-color: #777777;
width: 100%;
}

.footer_container_item a.footer_btn:hover {
color: #ffffff;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 1px solid #232323;
background-color: #232323;
}

a.alphabet_btn:link, a.alphabet_btn:visited, a.alphabet_btn:active {
padding: 3px 9px 3px 9px;
margin: 0px 3px 0px 0px;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
line-height: 2.250em;
border: 0px solid #777777;
background-color: #0078c2;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}

a.alphabet_btn:hover {
color: #232323;
text-decoration: none;
text-shadow: 0px 0px #232323;
border: 0px solid #777777;
background-color: #7cd0ed;
}

a.alphabet_btn_current:link, a.alphabet_btn_current:visited, a.alphabet_btn_current:active {
padding: 3px 9px 3px 9px;
margin: 0px 3px 0px 0px;
font-size: 1em;
color: #232323;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0px 0px #232323;
line-height: 2.250em;
border: 0px solid #777777;
background-color: #e7e7e7;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}

.inline_content_button_container {
padding: 12px 0px 7px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
border-top: #999999 1px solid;
}

.inline_content_button {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: table;
width: 100%;
}

.inline_content_button:hover, .inline_content_button:focus {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: table;
width: 100%;
}

.inline_content_button .image {
margin: 0px 0px 0px 0px;
padding: 0px 7px 0px 0px;
width: 47px;
display: table-cell;
vertical-align: middle;
}

.inline_content_button .text {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
display: table-cell;
vertical-align: middle;
}

.inline_content_button p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; }

.inline_content_button .text a {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.125em;
color: #232323;
text-transform: normal;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.inline_content_button .text a:hover {
color: #ed1c24;
text-decoration: none;}

/*BREADCRUMB============================================================================= */

#breadcrumb_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#breadcrumb_container_main {
display: block;
width: 100%;
min-height: 27px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* Style the list */
ul.breadcrumb_nav {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    background-color: transparent;
}

/* Display list items side by side */
ul.breadcrumb_nav li {
    display: inline;
    font-size: 0.938em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #0078c2;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb_nav li+li:before {
    padding: 1px;
    color: #232323;
    content: "|\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb_nav li a {
    color: #232323;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb_nav li a:hover {
    color: #0078c2;
    text-decoration: underline;
}


/*CATEGORIES============================================================================= */

.category_name {
    margin: 0px 0px 0px 0px;
    padding: 5px 13px 5px 13px;
    background-color: #e5e5e5;
    font-size: 0.875em;
    font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 35px;
    color: #232323;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.category_description {
    margin: 0px 0px 0px 0px;
    padding: 3px 7px 3px 7px;
    background-color: #ffffff;
    border: 1px solid #777777;
    font-size: 0.875em;
    font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 35px;
    color: #232323;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

/*EVENTS============================================================================= */

.events_container {
display: block;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-left: 0px solid rgba(255, 255, 255, 0);
 }

.events_container .events-item {
display: block;
padding: 15px 10px 15px 10px;
margin: 0px 0px 0px 0px;
background: transparent;
border-bottom: #1a9bd1 2px solid;
}

.events_container h1 {
font-size: 1.75em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #ffffff;
text-align: center;
text-shadow: 1px 1px #232323;
border: 0;
background-color: #0078c2;
padding: 17px 0px 17px 0px;
margin: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);

 }

.events_container h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
font-size: 1.250em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;}

.events_container h2 a:link {
color: #232323;
text-decoration: none;}

.events_container h2 a:visited {
color: #232323;
text-decoration: none;}

.events_container h2 a:hover {
color: #ed1c24;
text-decoration: underline;}

.events_container p {
font-size: 0.938em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #232323;
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px 0px;}

.events_container .date {
font-size: 0.938em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #666666;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;}

#events_mini_calendar {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 0px solid rgba(255, 255, 255, 0);
 }

/*FEATURE BOXES============================================================================= */

#feature_boxes_container {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_container_main {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_environment {
position: relative;
display:block;
width: 100%;
height: 176px;
background: #81bf6c url(https://www.baie-durfe.qc.ca/template_files/icon-environment-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 30px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_environment:hover {
background: #71a85f url(https://www.baie-durfe.qc.ca/template_files/icon-environment-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_environment h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_environment h2 a:link, #feature_boxes_environment h2 a:visited, #feature_boxes_environment h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_environment h2 a:hover {
text-decoration: none;
}

#feature_boxes_bi_laws {
position: relative;
display:block;
width: 100%;
height: 176px;
background: #4b9faf url(https://www.baie-durfe.qc.ca/template_files/icon-bi-laws-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_bi_laws:hover {
background: #428c9a url(https://www.baie-durfe.qc.ca/template_files/icon-bi-laws-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_bi_laws h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_bi_laws h2 a:link, #feature_boxes_bi_laws h2 a:visited, #feature_boxes_bi_laws h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_bi_laws h2 a:hover {
text-decoration: none;
}

#feature_boxes_industrial_park {
position: relative;
display:block;
width: 100%;
height: 176px;
background: #324a5c url(https://www.baie-durfe.qc.ca/template_files/icon-industrial-park-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_industrial_park:hover {
background: #2c4151 url(https://www.baie-durfe.qc.ca/template_files/icon-industrial-park-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
}

#feature_boxes_industrial_park h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_industrial_park h2 a:link, #feature_boxes_industrial_park h2 a:visited, #feature_boxes_industrial_park h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_industrial_park h2 a:hover {
text-decoration: none;
}

#feature_boxes_info_work {
position: relative;
display:block;
width: 100%;
height: 176px;
background: #f87a3d url(https://www.baie-durfe.qc.ca/template_files/icon-info-work-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_info_work:hover {
background: #da6b36 url(https://www.baie-durfe.qc.ca/template_files/icon-info-work-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
}

#feature_boxes_info_work h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_info_work h2 a:link, #feature_boxes_info_work h2 a:visited, #feature_boxes_info_work h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_info_work h2 a:hover {
text-decoration: none;
}

#feature_boxes_permit {
position: relative;
display:block;
width: 100%;
height: 176px;
background: #838383 url(https://www.baie-durfe.qc.ca/template_files/icon-permit-certificate-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_permit:hover {
background: #737373 url(https://www.baie-durfe.qc.ca/template_files/icon-permit-certificate-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
}

#feature_boxes_permit h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_permit h2 a:link, #feature_boxes_permit h2 a:visited, #feature_boxes_permit h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_permit h2 a:hover {
text-decoration: none;
}

#feature_boxes_waste_collection {
position: relative;
display:block;
width: 100%;
height: 176px;
background: #46afe6 url(https://www.baie-durfe.qc.ca/template_files/icon-collections-box.png) no-repeat center 85px;
padding: 15px 15px 15px 15px;
margin: 0px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#feature_boxes_waste_collection:hover {
background: #3d9aca url(https://www.baie-durfe.qc.ca/template_files/icon-collections-box-hover.png) no-repeat center 85px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-background-clip: padding-box; /* border fix for Safari */
}

#feature_boxes_waste_collection h2 {
font-size: 1.125em;
text-align: center;
}

#feature_boxes_waste_collection h2 a:link, #feature_boxes_waste_collection h2 a:visited, #feature_boxes_waste_collection h2 a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 100%;
padding-top: 30px;
position: absolute;
top: 0px;
left: 0px;
}

#feature_boxes_waste_collection h2 a:hover {
text-decoration: none;
}

/*FOOT============================================================================= */

#foot_container {
display: block;
width: 100%;
background-color: #4d4d4f;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#foot_container_main {
display: block;
width: 100%;
background-color: #4d4d4f;
height: 70px;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.foot_container_item {
padding: 15px 0px 0px 0px;
margin: 0;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 0.875em;
font-weight: 400;
text-decoration: none;
text-align: center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

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

#footer_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0px auto 0px auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#footer_container_main {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 10px 0px 10px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#footer_container_contact {
display:block;
width: 100%;
background-color: #0078c2;
padding: 15px 15px 15px 15px;
margin: 0px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 0px solid transparent;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#footer_container_contact p {
padding: 0px 0px 0px 0px;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
}

#footer_container_contact a:link, #footer_container_contact a:visited, #footer_container_contact a:active {
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-decoration: none;
}

#footer_container_contact a:hover {
text-decoration: underline;
}

#footer_container_quick_links {
display:block;
width: 100%;
background-color: #0078c2;
padding: 15px 15px 15px 15px;
margin: 0px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 0px solid transparent;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#footer_container_quick_links ul {
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-left: 0px solid #f6973b;
}

#footer_container_quick_links li {
padding: 15px 0px 15px 0px;
margin: 0px 0px 0px 0px;
}

#footer_container_quick_links li a:link, #footer_container_quick_links li a:visited, #footer_container_quick_links li a:active {
line-height: 1em;
font-size: 1.125em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}

#footer_container_quick_links li a:hover {
text-decoration: underline;
}

#footer_container_newsletter {
display:block;
width: 100%;
background-color: #0078c2;
padding: 15px 15px 20px 15px;
margin: 0px 0px 10px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-right: 0px solid transparent;
-webkit-background-clip: padding-box; /* border fix for Safari */
background-clip: padding-box; /* border fix for IE9+, Firefox 4+, Opera, Chrome */
}

#footer_container_newsletter p {
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-decoration: none;
}

/*FORM - NEWSLETTER============================================================================= */

.form-newsletter-footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.form-newsletter-footer .form-row {
max-width: 100%;
margin: 3px 0px 0px 0px;}

#footer_container_newsletter p {
font-size: 1.375em;
line-height: 1em;
color: #73d0f4;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
padding: 0px 0px 5px 0px;}

.form-newsletter-footer .form-row > label span {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color:#ffffff;
padding: 0px 0px 0px 0px;}

.form-newsletter-footer input {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color:#232323;
width: 100%;
height: 30px;
background-color: #d1d2d4;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
border: 0px solid #c1c1c1;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px; }

.form-newsletter-footer button {
margin: 15px 0 0 0;
padding: 6px 12px 6px 12px;
border: 0;
font-size: 1em;
color: #0078bd;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
background-color: #73d0f4;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;}

.form-newsletter-footer button:hover {
color: #ffffff;
background-color: #73d0f4;}

/*FORM - SEARCH============================================================================= */

#search_container {
margin: 0px 0px 0px 0px;
position: relative;
}

#search-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
height: 48px;
margin: 0;
border: 0px;
}

#search-form
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
overflow: hidden;
}

#search-text
{
padding: 10px 50px 10px 10px;
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
height: 48px;
border: 2px solid #232323;
background-color: rgba(255, 255, 255, 1);
}

#search-box input[type="text"]
{
width: 100%;
color: #232323;
outline: none;
}

#search-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
height: 48px;
width: 48px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.125em;
color: #232323;
text-align: center;
line-height: 42px;
cursor: pointer;
border-top: 2px solid #232323;
border-right: 2px solid #232323;
border-bottom: 2px solid #232323;
border-left: 0px solid #232323;
background-color: rgba(255, 255, 255, 1);
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

:-moz-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

::-moz-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #232323;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 0.875em;
}

/*HEADER============================================================================= */

#header_container {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_main {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_left {
display: block;
width: 100%;
background-color: #ffffff;
padding: 10px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_right {
display: block;
width: 100%;
background-color: #ffffff;
padding: 10px 10px 10px 10px;
margin: -7px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_logo {
display: block;
width: 100%;
text-align: center;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_container_logo img {
width: 220px;
height: 71px;
border: 0;
}

#header_container_search {
display: block;
width: 100%;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*HEADER - IMAGE============================================================================= */

#header_image_container {
display: block;
width: 100%;
height: 120px;
background-color: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#header_image_container_main {
display: block;
width: 100%;
height: 120px;
overflow: hidden;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*MAPS============================================================================= */

/*Full width map*/
#full_width_map_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_map_container_main {
display: block;
width: 100%;
min-width: 1024px;
max-width: 3000px;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_map {
position: relative;
/* padding-bottom: 75%; */
padding-bottom: 620px;
height: 0px;
overflow: hidden;
}

#full_width_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
/* height: 100% !important; */
height: 620px;
border: 0;
}

/*Regular maps*/
#regular_map_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#regular_map_container_main {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#regular_map {
position: relative;
/* padding-bottom: 75%; */
padding-bottom: 620px;
height: 0px;
overflow: hidden;
}

#regular_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
/* height: 100% !important; */
height: 620px;
border: 0;
}

/*NAV - MAIN============================================================================= */

#main_nav_container {
position: relative;
bottom: 0px;
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#main_nav_container_main {
display: block;
width: 100%;
background-color: #575757;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#main_nav_container_main:after {
    clear: both;
    content: "\00a0";
    display: block;
    height: 0;
    font: 0px/0 serif;
    overflow: hidden;
}

/*NAV - MEGA============================================================================= */

#mega_nav_container {
display: none;
}

/*NAV - SUB============================================================================= */

#sub_nav_container {
position: relative;
bottom: -10px;
display: none;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_container_main {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_title_wrapper {
position: relative;
bottom: -21px;
display: block;
background-color: transparent;
padding: 0px 0px 0px 20px;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_title {
display: block;
background-color: #0078c2;
padding: 11px 20px 11px 20px;
margin: 0;
font-size: 1.125em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1.125em;
text-decoration: none;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_title_bg {
display: block;
width: 100%;
height: 21px;
padding: 0;
margin: 0;
background-color: #cecece;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#sub_nav_container_gradient {
display: none;
width: 100%;
height: 200px;
padding: 0;
margin: 0;
border-top: #FFFFFF 1px solid;
background: #cecece; /* For browsers that do not support gradients */
background: linear-gradient(rgba(206,206,206,1), rgba(255,255,255,1)); /* Standard syntax (must be last)
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*NAV - TOP============================================================================= */

#top_nav_container {
position: relative;
top: -100px;
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 5px 7px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#top_nav_container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

#top_nav_container li {
    float: right;
}

#top_nav_container li a {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    font-family: "Open Sans Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.125em;
    color: #4d4d4f;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

#top_nav_container li a:hover {
    color: #0078c2;
}

#top_nav_container li.language a {
    color: #0078c2;
    text-decoration: none;
}

#top_nav_container li.language a:hover {
    color: #0078c2;
}

/*NAVIGATION GRID============================================================================= */

#navigation_grid {
display: block;
background-color: transparent;
padding: 25px 0px 0px 0px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_wrapper:first-child {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 50%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_wrapper {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 50%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item {
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
width: 100%;
height: auto;
border: 0px solid #cccccc;
background-color: #e9eef5;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item:hover {
border: 0px solid #cccccc;
background-color: #c8dbec;
}

#navigation_grid_main .navigation_grid_item_image {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}

#navigation_grid_main .navigation_grid_item_image img {
width: 100%;
max-width: 100%;
border: 0;
}

#navigation_grid_main .navigation_grid_item_text {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
min-height: 120px;
}

#navigation_grid_main .navigation_grid_item h2 {
font-size: 0.938em;
line-height: 1em;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navigation_grid_main .navigation_grid_item h2 a:link, #navigation_grid_main .navigation_grid_item h2 a:visited, #navigation_grid_main .navigation_grid_item h2 a:active {
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
width: 100%;
height: 100%;
padding: 5px 5px 5px 5px;
position: absolute;
bottom: 0px;
left: 0px;
}

#navigation_grid_main .navigation_grid_item h2 a:hover {
color: #232323;
text-decoration: none;
background-color: transparent; }

/* TEXT ONLY */

#navigation_grid_main .navigation_grid_item_text_only_wrapper:first-child {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 50%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_text_only_wrapper {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
width: 50%;
height: auto;
display: inline-block;
float:left;
border-left: 0px solid transparent;
border-right: 10px solid transparent;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_text_only {
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
width: 100%;
height: auto;
border: 0px solid #cccccc;
background-color: #e9eef5;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#navigation_grid_main .navigation_grid_item_text_only:hover {
border: 0px solid #cccccc;
background-color: #c8dbec;
}

#navigation_grid_main .navigation_grid_item_text_only_image {
display: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}

#navigation_grid_main .navigation_grid_item_text_only_image img {
width: 100%;
max-width: 100%;
border: 0;
}

#navigation_grid_main .navigation_grid_item_text_only_text {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:center;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
min-height: 125px;
}

#navigation_grid_main .navigation_grid_item_text_only h2 {
font-size: 1em;
line-height: 1.063em;
text-align: center;
}

#navigation_grid_main .navigation_grid_item_text_only h2 a:link, #navigation_grid_main .navigation_grid_item_text_only h2 a:visited, #navigation_grid_main .navigation_grid_item_text_only h2 a:active {
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
width: 100%;
height: 100%;
padding: 20px 5px 5px 5px;
padding-top: 20px;
position: absolute;
bottom: 0px;
left: 0px;
}

#navigation_grid_main .navigation_grid_item_text_only h2 a:hover {
color: #232323;
text-decoration: none;
background-color: transparent; }


/*NEWS - HOME PAGE============================================================================= */

.news_container {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-right: 0px solid rgba(255, 255, 255, 0);
}

.news_container .news-item {
display: block;
padding: 15px 0px 15px 0px;
margin: 0px 0px 0px 25px;
background: transparent;
border-bottom: #58595b 1px solid;
}

.news_container h1 {
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #232323;
background: url(https://www.baie-durfe.qc.ca/template_files/h1_title_bullet_blue.png) no-repeat 0 50%;
padding: 0px 0px 0px 25px;
margin: 31px 0px 0px 0px; }

.news_container h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600; }

.news_container h2 a:link, .news_container h2 a:visited, .news_container h2 a:active {
color: #0078c2;
text-decoration: none;}

.news_container h2 a:hover {
color: #4b9bdf;
text-decoration: underline;}

.news_container p {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #232323;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.news_container .date {
font-size: 0.813em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #878787;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.news_container .read_more a:link, .news_container .read_more a:visited, .news_container .read_more a:active {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #0078c2;
text-decoration: none;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;}

.news_container .read_more a:hover {
color: #4b9bdf;
text-decoration: underline; }

/*POST============================================================================= */

.post_container {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-item:first-child {
display: block;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
background: transparent;
border-top: #58595b 1px solid;
border-bottom: #58595b 1px solid;
}

.post-item {
display: block;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
background: transparent;
border-bottom: #58595b 1px solid;
}

#body_container_content_sub .post_container h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600; }

#body_container_content_sub .post_container h2 a:link, #body_container_content_sub .post_container h2 a:visited, #body_container_content_sub .post_container h2 a:active {
color: #0078c2;
text-decoration: none;}

#body_container_content_sub .post_container h2 a:hover {
color: #4b9bdf;
text-decoration: underline;}

#body_container_content_sub .post_container p {
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;}

#body_container_content_sub .post_container p.news_date {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #ed5e38;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#body_container_content_sub p.news_date_small {
font-size: 0.813em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #878787;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#body_container_content_sub .post_container .read_more a:link, #body_container_content_sub .post_container .read_more a:visited, #body_container_content_sub .post_container .read_more a:active {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #0078c2;
text-decoration: none;
border: 0;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;}

#body_container_content_sub .post_container .read_more a:hover {
color: #4b9bdf;
text-decoration: underline; }

#body_container_content_sub .post_container .paginate {
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
color: #232323;
border: 0;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#body_container_content_sub .post_container .paginate a:link, #body_container_content_sub .post_container .paginate a:visited, #body_container_content_sub .post_container .paginate a:active {
color: #0078c2;
text-decoration: none;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;}

#body_container_content_sub .post_container .paginate a:hover {
color: #4b9bdf;
text-decoration: underline; }

/*SLIDER - FULL WIDTH ============================================================================= */

#full_width_slider_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_slider_container_main {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_slider_container .carousel_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#full_width_slider_container .carousel_container ul, li {
    margin: 0;
    padding: 0;
}

#full_width_slider_container .bxslider li {
height: 440px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; }

#full_width_slider_container .bxslider .inner {
width: 85%;
margin: 40px auto 0px auto;
min-height: 360px;
max-height: 360px;
padding: 20px 20px 20px 40px;
text-align: center;
background-color: rgba(195, 34, 32, 0.83);
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
overflow: hidden; }

#full_width_slider_container .bxslider h1, #full_width_slider_container .bxslider h2, #full_width_slider_container .bxslider h3, #full_width_slider_container .bxslider h4, #full_width_slider_container .bxslider h5, #full_width_slider_container .bxslider h6 {
font-size: 1.5em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
margin-bottom: 20px;}

#full_width_slider_container .bxslider p {
font-size: 1em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.25em;
color: #ffffff;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); }

#full_width_slider_container .bxslider a.btn {
display: inline-block;
margin: 30px 0 0;
padding: 9px 18px 8px 18px;
clear: both;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #0078c2;}

#full_width_slider_container .bxslider a.btn:hover {
font-size: 1em;
color: #ffffff;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #145d8e;}

#full_width_slider_container .bx-wrapper .bx-prev {
    left: 5px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat 0 -33px;
}

#full_width_slider_container .bx-wrapper .bx-next {
    right: 5px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat -43px -33px;
}

#full_width_slider_container .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#full_width_slider_container .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

#full_width_slider_container .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}

#full_width_slider_container .bx-wrapper {
    position: relative;
    margin: 0 auto 0px;
    padding: 0;
    *zoom: 1;
}

#full_width_slider_container .bx-wrapper .bx-pager,
#full_width_slider_container .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 47px;
    width: 100%;
}

#full_width_slider_container .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: rgba(35, 35, 35, 1);
    text-indent: -9999px;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 6px;
    outline: 0;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}

#full_width_slider_container .bx-wrapper .bx-pager.bx-default-pager a:hover,
#full_width_slider_container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: rgba(255, 255, 255, 1);
}

/*SLIDER - HOME PAGE EVENTS ============================================================================= */

#home_page_events_slider_container {
display: block;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#home_page_events_slider_container .carousel_container h2 {
font-size: 1.313em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #232323;
text-transform: uppercase;
background: url(https://www.baie-durfe.qc.ca/template_files/h1_title_bullet_blue.png) no-repeat 0 50%;
padding: 0px 0px 0px 25px;
margin: 3px 0px 20px 0px; }

#home_page_events_slider_container .carousel_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#home_page_events_slider_container .carousel_container ul, li {
    margin: 0;
    padding: 0;
}

#home_page_events_slider_container .bxslider_home_page_events li {
height: 250px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0; }

#home_page_events_slider_container .bxslider_home_page_events .inner {
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 250px;
margin: 0;
padding: 10px 45px 10px 10px;
text-align: left;
background-color: rgba(75, 75, 75, 0.85);
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
overflow: hidden; }

#home_page_events_slider_container .bxslider_home_page_events h1, #home_page_events_slider_container .bxslider_home_page_events h2, #home_page_events_slider_container .bxslider_home_page_events h3, #home_page_events_slider_container .bxslider_home_page_events h4, #home_page_events_slider_container .bxslider_home_page_events h5, #home_page_events_slider_container .bxslider_home_page_events h6 {
font-size: 0.938em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
margin: 0px 0px 15px 0px; }

#home_page_events_slider_container .bxslider_home_page_events p {
display: block;
font-size: 0.875em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1em;
color: #ffffff;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); }

#home_page_events_slider_container .bxslider_home_page_events a.btn {
display: inline-block;
margin: 30px 0 0;
padding: 9px 18px 8px 18px;
clear: both;
font-size: 1em;
color: #ffffff;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #0078c2;}

#home_page_events_slider_container .bxslider_home_page_events a.btn:hover {
font-size: 1em;
color: #ffffff;
text-shadow: 1px 1px #232323;
border: 2px solid #ffffff;
background-color: #145d8e;}

#home_page_events_slider_container .bx-wrapper .bx-prev {
    left: 0px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-prev-off.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-prev:hover {
    background: rgba(0, 120, 194, 0.30) url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-prev-hover.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-next {
    right: 0px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-next-off.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-next:hover {
    background: rgba(0, 120, 194, 0.5) url(https://www.baie-durfe.qc.ca/template_files/bxslider/home-page-events-next-hover.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#home_page_events_slider_container .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    margin: 0;
    outline: 0;
    border: 0;
    width: 44px;
    height: 250px;
    text-indent: -9999px;
}

/*SLIDER - IMAGES GALLERY============================================================================= */

#image_gallery_main {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.image_gallery_container ul, li {
    margin: 0;
    padding: 0;
}

#image_gallery_main .bx-wrapper .bx-prev {
    left: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat 0 -33px;
}

#image_gallery_main .bx-wrapper .bx-next {
    right: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat -43px -33px;
}

#image_gallery_main .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#image_gallery_main .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

#image_gallery_main .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}

/*SLIDER - IMAGES GALLERY GRID============================================================================= */

#image_gallery_grid_container {
display: block;
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#image_gallery_grid_container .image_gallery_grid {
margin: 0;
padding: 0;
border: 0;
}

#image_gallery_grid_container .image_gallery_grid img {
width: 32%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
}

#image_gallery_grid_container .image_gallery_grid a {
width: 32%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
}

/*SLIDER - VIDEOS GALLERY============================================================================= */

#video_gallery_main {
display: block;
width: 100%;
height: auto;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#video_gallery_container {
display: block;
width: 100%;
height: auto;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.video_gallery_container ul, li {
    margin: 0;
    padding: 0;
}

#video_gallery_main .bx-wrapper .bx-prev {
    left: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat 0 -33px;
}

#video_gallery_main .bx-wrapper .bx-next {
    right: 4px;
    background: url(https://www.baie-durfe.qc.ca/template_files/bxslider/controls.png) no-repeat -43px -33px;
}

#video_gallery_main .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#video_gallery_main .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

#video_gallery_main .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}

/*SOCIAL NETWORKS============================================================================= */

/*header icons*/

#social_networks_header_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#social_networks_header_container_icons {
display: block;
width: 68px; /* Largeur exacte du bloc */
height: 24px;
background-color: transparent;
margin: 0px auto 0px auto;
padding: 5px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.bd_facebook_header {
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

.bd_youtube_header {
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

.bd_instagram_header {
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

.bd_twitter_header {
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

/*footer icons*/

#social_networks_footer_container {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#social_networks_footer_container_icons {
display: block;
float: right;
width: 100%;
height: 24px;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.bd_facebook_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bd_youtube_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bd_instagram_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.bd_twitter_footer {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*TABS MODULE============================================================================= */

#tabs_main {
display: block;
width: 100%;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#tabs_main_container {
display: block;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #e9eef5;
}

#tabs_main_container_wrapper {
display: none;
width: 100%;
background-color: #e9eef5;
margin: 0;
padding: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* Tabs container */
.r-tabs {
    position: relative;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
    display: none;
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    display: none;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: none;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    display: none;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
    background-color: #e9eef5;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.r-tabs .r-tabs-accordion-title {
    display: block;
    padding: 0;
    margin: 0;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    background: #e9eef5 url("https://www.baie-durfe.qc.ca/template_files/jquery-collapse-sprite-close.png") no-repeat scroll left center;
    padding: 6px 10px 5px 22px;
    margin: 0;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.250em;
    color: #0078c2;
    text-decoration: none;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover {
    background: #c8dbec url("https://www.baie-durfe.qc.ca/template_files/jquery-collapse-sprite-close.png") no-repeat scroll left center;
}


/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background: #c8dbec url("https://www.baie-durfe.qc.ca/template_files/jquery-collapse-sprite-open.png") no-repeat scroll left center;
    color: #0078c2;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: 0.5;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-panel {
    display: none;
}

.r-tabs .r-tabs-nav {
    display: none;
    }

.r-tabs .r-tabs-accordion-title {
    display: block;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
    padding: 0px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    background-color: #e9eef5;
}



/*WARNING MODULE============================================================================= */

#warning_container {
display: block;
width: 100%;
background: #ffffff;
padding: 0;
margin: 0;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#warning_container_main {
width: 100%;
padding: 0px 10px 0px 10px;
margin: 0 auto 0 auto;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.warning_item {
width: 100%;
background-color: #ffffff;
padding: 0;
margin: 15px 0px 15px 0px;
border: #f16632 3px solid;
display: table;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
box-sizing: border-box; /* Important for responsive layout */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.warning_item .image {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 60px;
display: table-cell;
vertical-align: middle;
text-align: center;
}

.warning_item .text {
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
display: table-cell;
vertical-align: middle;
background-color: #f16632;
}

.warning_item .close_button {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
    background-color: #f16632;
}

.warning_item .close_button a:link, .warning_item .close_button a:visited, .warning_item .close_button a:active {
    font-size: 1.125em;
    font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 800;
    text-decoration: none;
    text-align: center;
    background-color: #575757;
    color: #ffffff;
    border: #FFFFFF 1px solid;
    margin: 0px 0px 0px 50px;
    padding: 0px 6px 0px 6px;
}

.warning_item .close_button a:hover {
    text-decoration: none;
    background-color: #a8a8a8;
    border: #000000 1px solid;
}

.warning_item .text a:link, .warning_item .text a:visited, .warning_item .text a:active {
font-size: 1.0625em;
font-family: "Open Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1em;
color: #ffffff;
text-transform: normal;
text-decoration: none; }

.warning_item .text a:hover {
color: #ffffff;
text-decoration: underline;}


/*HIDE CONTENT FOR SOME DEVICE */
#share-bar { display: none; /* remove div */ }
.hide_mobile { display: none; /* hide on mobile device */ }
}