/* FONTS */
@import url("//hello.myfonts.net/count/2e71ca");

@font-face {
    font-family: 'GloberBook';
    src: url('../fonts/webfonts/2E71CA_0_0.eot');
    src: url('../fonts/webfonts/2E71CA_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/2E71CA_0_0.woff2') format('woff2'), url('../fonts/webfonts/2E71CA_0_0.woff') format('woff'), url('../fonts/webfonts/2E71CA_0_0.ttf') format('truetype'), url('../fonts/webfonts/2E71CA_0_0.svg#wf') format('svg');
}

@font-face {
    font-family: 'GloberBold';
    src: url('../fonts/webfonts/2E71CA_1_0.eot');
    src: url('../fonts/webfonts/2E71CA_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/2E71CA_1_0.woff2') format('woff2'), url('../fonts/webfonts/2E71CA_1_0.woff') format('woff'), url('../fonts/webfonts/2E71CA_1_0.ttf') format('truetype'), url('../fonts/webfonts/2E71CA_1_0.svg#wf') format('svg');
}

@font-face {
    font-family: "opensans-regular";
    src: url('../fonts/webfonts/opensans-regular-webfont.eot');
    src: url('../fonts/webfonts/opensans-regular-webfont.woff') format('woff'),
        url('../fonts/webfonts/opensans-regular-webfont.ttf') format('truetype'),
        url('../fonts/webfonts/opensans-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Specific for ecublens template */
.moduletable.home_news {
    float: left;
    width: 57%;
    margin-right: 3%;
}

.moduletable.home_agenda {
    float: left;
    width: 40%;
}

.moduletable.bottom_menu {
    float: left;
    width: 50%;
}

.moduletablehome_bottominfos {
    width: 100%;
}

.moduletable.home_shortcuts {
    float: right;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: 2px;
    position: relative;
}

.moduletable.home_shortcuts:after {
    content: "";
    position: absolute;
    top: -6px;
    left: -20px;
    background-color: #dedede;
    height: 37px;
    width: 2px;
}

.moduletablehome_weather {
    float: right;
}

.moduletable.home_search {
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 37px;
}

.searchmobile {
    display: none;
    margin: 2px 0px 0px 6px;
}

.moduletablehome_gtranslate {
    float: right;
}

.moduletable.home_social {
    float: right;
}

.moduletable.home_social {
    margin-top: 25px;
    margin-left: 6px;
}

.moduletable.home_social ul li {
    float: left;
    margin-right: 6px;
    display: inline-block;
}

.moduletable.home_social ul li img {
    opacity: 0.7;
}

.moduletable.home_social ul li img:hover {
    opacity: 1;
    cursor: pointer;
}

.moduletable.home_social ul li::marker {
    display: none;
}

.moduletable.rssfeed {
    position: absolute;
    right: 6px;
    top: -112px;
    background-color: #FFF;
    border-top: 3px solid #08C;
    padding: 8px 30px 5px 12px;
    display: none;
}

.moduletable.rssfeed a {
    font-family: GloberBold, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    background: transparent url("../images/rss-contenus.png") no-repeat scroll left center;
    padding-left: 25px;
    color: #000;
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.moduletable.bottom_menu .bottom_menu {
    margin-top: 40px;
    font-size: 13px;
    margin-left: 15px;
}

.gtranslate_container {
    float: left;
    margin-top: 5px;
}

.gtranslate_select , .home_gtranslate .gt_selector{
    width: 190px;
    border: none;
    height: 45px;
    background-color: #585D5E;
    color: #e6e6e6;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
}

.slideshow {
    position: absolute;
    top: 137px;
    width: 100%;
    height: 600px;
    z-index: 0;
}

.moduletable.menu_right,
.moduletablemenu_infos {
    margin-bottom: 25px !important;
    padding: 0 !important;
}

.moduletable.menu_right ul.small,
.moduletablemenu_infos ul.small {
    margin: 0;
}

.moduletable.menu_right h3,
.moduletablemenu_infos h3 {
    color: #FFF;
    height: auto;
    font-size: 15px !important;
    padding: 7px;
    background-color: #000;
    text-transform: initial !important;
    margin-bottom: 2px !important;
    word-wrap: break-word;
}

#right .moduletable table td h3 {
    color: #FFF;
    height: auto;
    font-size: 15px !important;
    padding: 7px;
    text-transform: initial !important;
    margin-bottom: 2px !important;
}

.moduletable.menu_right .right_menu li,
.moduletablemenu_infos .right_menu li {
    color: #FCFCFC !important;
    list-style: none;
    display: block;
    background-color: #efefef;
}

.moduletablemenu_infos .right_menu li {
    height: 35px;
    padding: 10px 8px;
    border-bottom: 1px solid #fff;
}

.moduletable.menu_right .right_menu li.current,
.moduletablemenu_infos .right_menu li.current {
    background-color: #e1e1e1;
}

.moduletable.menu_right .right_menu li a {
    border-bottom: 1px solid #fff;
    padding: 10px 8px;
    color: #000;
    display: block;
    font-size: 13px;
}

.moduletable.menu_right .right_menu li a span {
    display: block !important;
}

.moduletablemenu_infos h3 {
    background-color: #bb1300;
}

.dropdown-menu li {
    display: inline-block;
}

.homeaccess_item {
    float: left;
    width: 33%;
    margin-bottom: 17px;
}

.homeaccess_item img {
    float: left;
    margin-right: 5px;
    margin-top: -10px;
}

.header-title-icons .dropdown-toggle {
    display: none !important;
}

div.finder {
    margin-top: 0px;
}

div.finder h1 {
    margin-bottom: 20px;
}

div.finder .word label {
    float: left;
    line-height: 26px;
}

div.finder .word input,
div.finder .word button {
    float: left;
}

.docman_thumbnail img {
    display: none !important;
}

/* End Specific for ecublens template */

html {
    height: 101%;
}

body {
    margin: 0;
    padding: 0;
}

header {
    background-color: #FFF;

}

* {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.contentheading,
.componentheading {
    padding: 3px 0;
    margin: 0;
    line-height: 1.2;
    font-family: GloberBold, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}

h1,
.componentheading {
    font-size: 1.75em;
}

h2,
.contentheading {
    font-size: 1.5em;
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1em;
}


p {
    padding: 5px 0;
}

address {
    margin: 0.75em 0;
    font-style: normal;
}

a:focus {
    outline: none;
}

img {
    border: none;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

input,
button,
select {
    vertical-align: middle;
    padding: 5px;
    color: #2F2F2F;
}

.clr {
    clear: both;
}

#wrapper {
    margin: 0 auto;
}

.full {
    width: 100%;
}

.demi {
    width: 50%;
}

.tiers {
    width: 33.33%;
}

.quart {
    width: 25%;
}

.flexiblemodule,
.column,
.logobloc {
    float: left;
}

/* ---------------------------------------
Sytles De bases
-----------------------------------------*/
body {
    background-color: #efefef;
    color: #2f2f2f;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

a,
a.white {
    color: #0087e2;
    text-decoration: none;
    transition: all 1s ease 0s;
}

a.white {
    color: #FFFFFF;
}

a:hover {
    color: #000000;
    transition: 1s;
}

a.white:hover {
    color: #d9dada;
    transition: 1s;
}

#center .item-page img {
    margin-bottom: 10px;
    max-width: 585px;
}

#center .item-page img.wf_file_icon {
    margin-bottom: 0 !important;
}

#center img {
    max-width: 587px;
}

h1,
div.componentheading {
    color: #2b2b2b;
    text-align: left;
    font-size: 26px;
}

#center .item-page h2 a {
    color: #FF3900;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    margin: 0 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

h3 {
    text-align: left;
    font-size: 18px;
}

#center .item-page h4 {
    color: #3A434A;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: lighter;
    margin: 15px 0;
}

h5 {
    text-align: left;
}

h6 {
    text-align: left;
}

#center .item-page ul,
#center .item-page ol,
#center .blog ul,
#center .blog ol {
    margin: 13px 0;
    padding-left: 40px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

#center .item-page ul ul,
#center .item-page ol ol,
#center .blog ul ul,
#center .blog ol ol {
    margin-top: 0;
}

#compostables ul {
    margin: 0 0 13px !important;
}

#wrapper .button {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    color: #626262;
    cursor: pointer;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 5px 15px;
}

#wrapper .button:hover {
    border: 1px solid #000;
    color: #000;
}

ul.pagenav li {
    list-style: none;
    display: inline-block;
}

ul.pagenav li a {
    display: block;
    background: none repeat scroll 0 0 #FAFAFA;
    border-radius: 3px;
    color: #626262;
    padding: 5px;
    padding-bottom: 7px;
    text-align: center;
    line-height: 20px;
}

ul.pagenav li a:hover {
    background: #17A17F;
    text-align: center;
    color: #fff;
}

.readmore a {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    color: #626262;
    cursor: pointer;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 5px 15px;
}

.readmore a:hover {
    border: 1px solid #17A17F;
    color: #17A17F;
}

.invalid {
    border: red;
}

#header {
    width: 100%;
}

#wrapper {
    width: 990px;
    text-align: left;
    margin-bottom: 50px;
}

/****************************************************************************
*********** ______ ------  HEADER ------ ______ **************************/

#mainbanner {
    width: 990px;
    margin: 0 auto;
    min-height: 136px;
}

#mainbanner h1 img {
    border: medium none;
    margin: 0;
    width: 285px;
    height: 130px;
}

#banner {
    width: 40%;
    text-align: left;
    float: right;
    margin-top: 18px;
}

/* Slide */
#slideshow .header {
    margin: 0 auto;
    width: 990px;
}

/****************************************************************************
*********** ______ ------ FIN HEADER ------ ______ **************************/


/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------ MODULE HAUT  ------ ______ ************************/

#modulestop div.moduletable,
#modulestop div.module,
#modulestop div.moduletable_menu,
#modulestop div.module_menu {
    text-align: left;
}

#modulestop div.moduletable h3,
#modulestop div.module h3,
#modulestop div.moduletable_menu h3,
#modulestop div.module_menu h3 {
    text-align: left;
}

#moduletop1>div.inner {
    padding: 2px;
    text-align: left;
}

#moduletop1 div.moduletable,
#moduletop1 div.module,
#moduletop1 div.moduletable_menu,
#moduletop1 div.module_menu {
    text-align: left;
}

#moduletop1 div.moduletable h3,
#moduletop1 div.module h3,
#moduletop1 div.moduletable_menu h3,
#moduletop1 div.module_menu h3 {
    text-align: left;
}

#moduletop2>div.inner {
    padding: 2px;
    text-align: left;
}

#moduletop2 div.moduletable,
#moduletop2 div.module,
#moduletop2 div.moduletable_menu,
#moduletop2 div.module_menu {
    text-align: left;
}

#moduletop2 div.moduletable h3,
#moduletop2 div.module h3,
#moduletop2 div.moduletable_menu h3,
#moduletop2 div.module_menu h3 {
    text-align: left;
}

#moduletop3>div.inner {
    padding: 2px;
    text-align: left;
}

#moduletop3 div.moduletable,
#moduletop3 div.module,
#moduletop3 div.moduletable_menu,
#moduletop3 div.module_menu {
    text-align: left;
}

#moduletop3 div.moduletable h3,
#moduletop3 div.module h3,
#moduletop3 div.moduletable_menu h3,
#moduletop3 div.module_menu h3 {
    text-align: left;
}

#moduletop4>div.inner {
    padding: 2px;
    text-align: left;
}

#moduletop4 div.moduletable,
#moduletop4 div.module,
#moduletop4 div.moduletable_menu,
#moduletop4 div.module_menu {
    text-align: left;
}

#moduletop4 div.moduletable h3,
#moduletop4 div.module h3,
#moduletop4 div.moduletable_menu h3,
#moduletop4 div.module_menu h3 {
    text-align: left;
}

#main {
    text-align: left;
    margin-top: 15px;
    background-color: #FFF;
    padding-top: 20px;
    padding-right: 10px;
}

#main div.moduletable,
#main div.module,
#main div.moduletable_menu,
#main div.module_menu {
    text-align: left;
}

#main div.moduletable h3,
#main div.module h3,
#main div.moduletable_menu h3,
#main div.module_menu h3 {
    text-align: left;
}

#maintop .inner {
    height: 480px;
    margin-top: 180px;
}

/* ========================================================================
Component: Off-canvas
========================================================================== */
#jform_articletext_toolbar2,
#jform_description_toolbar2 {
    display: block !important;
}

.menumobile {
    /* 1 */
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1011;
    /* 2 */
    width: 244px;
    max-width: 100%;
    background: #000;
    /* 3 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 4 */
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;

}

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

.menumobile ul li li,
.menumobile ul.nav-child li:nth-child(4) {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #fefefe;
}

.menumobile ul li a {
    color: #2F2F2F;
    font-family: GloberBold, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.menumobile ul li li ul li a {
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
}

.menumobile ul ul li>a {
    font-size: 15px !important;
}

.menumobile ul ul ul.nav-child li>a {
    font-size: 14px !important;
}

.menumobile ul li.item-535>span,
.menumobile ul li.item-536>span,
.menumobile ul li.item-537>span,
.menumobile ul li.item-538>span,
.menumobile ul li.item-539>span {
    text-transform: uppercase;
    color: #FFF;
    font-size: 18px;
    line-height: 48px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.menumobile ul li.item-535>span {
    background-color: #0168ad;
}

.menumobile ul li.item-536>span {
    background-color: #74a247;
}

.menumobile ul li.item-537>span {
    background-color: #f17d00;
}

.menumobile ul li.item-538>span {
    background-color: #f7b229;
}

.menumobile ul li.item-539>span {
    background-color: #ba1704;
}

.menumobile ul.nav-child {
    display: none;
}

.menumobile li.active>ul.nav-child {
    display: block;
}

.menumobile ul li.active li.current ul.nav-child a {
    color: #747474;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
}

.menumobile a,
.menumobile span {
    display: block;
    height: 50px;
    line-height: 3.5em;
    color: rgba(255, 255, 255, 0.5);
    padding-left: 15px;
}

.menumobile a {
    padding: 14px 0px 14px 15px !important;
    line-height: 20px !important;
    height: auto !important;
}

.menumobile li ul li ul li ul {
    display: none;
}

#hidemenu {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1010;
}

#hidemenu a {
    display: block;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}


/****************************************************************************
*********** ______ ------ FIN MODULE HAUT  ------ ______ ********************/
/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------ MODULE GAUCHE  ------ ______ *********************/
#left>div.inner {
    padding-right: 25px;
}

#left div.moduletable,
#left div.module,
#left div.moduletable_menu,
#left div.module_menu {
    text-align: left;
}

#left div.moduletable h3,
#left div.module h3,
#left div.moduletable_menu h3,
#left div.module_menu h3 {
    text-align: left;
}

/****************************************************************************
*********** ______ ------ FIN MODULE GAUCHE  ------ ______ ******************/
/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------ CONTENU CENTRE  ------ ______ *********************/
#center>div.inner {
    margin: 0 0 20px;
    padding: 20px 20px 0px 20px;
}

td.sectiontableheader {
    background-color: #0066AF;
    color: #fff;
    padding: 8px 10px;
}

.styled_table tbody td {
    padding: 7px 10px;
}

td.sectiontableentry1 {
    background-color: #E9E9E9;
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.jcl_search_form,
#jcl_layout_body .jcal_categories {
    margin-top: 25px;
}

#jcl_layout_body .jcal_categories {
    margin-bottom: 5px;
}

.jcl_toolbar .jcl_navbar a.disabled {
    display: none !important;
}

.item-pagehomepage {
    overflow: hidden;
}

.item-pagehomepage .articleBody {
    overflow: hidden;
    padding-top: 8px;
}

.item-pagehomepage .com-content-article__body {
    overflow: hidden;
    padding-top: 26px;
}

.jcl_layout_edit #JCalProEventTabTabs {
    display: none;
}

.jcl_layout_edit div.btn-toolbar {
    clear: both;
    padding: 25px 0;
    overflow: hidden;
}

.jcl_layout_edit .control-group {
    margin: 7px 0;
}

.jcl_layout_edit .control-label {
    clear: both;
    float: left;
    min-width: 213px;
}

.jcl_layout_edit #details .control-group label {
    display: inline-block;
    min-width: 210px;
    float: left;
}

.jcl_layout_edit #details .chzn-choices {
    width: 230px;
}

.jcl_layout_edit #details .chzn-choices input {
    margin: 0;
}

.jcl_layout_edit #jform_recur_type input {
    float: left;
    display: block;
    clear: both;
}

.jcl_layout_edit #jform_recur_type label {
    float: left;
}

.jcl_layout_edit input.jcalradio {
    clear: both;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}

.jcl_layout_edit label {
    min-width: 1px;
    display: block;
}

.jcl_layout_edit .jformstart_date {
    margin-bottom: 15px;
}

.jcl_layout_edit .control-label {
    margin-bottom: 5px;
}

.jcl_layout_edit .jformend_date .jcalradio {
    float: left;
    margin-top: 0px !important;
}

.jcl_layout_edit .jformend_date #jform_duration_type label {
    margin-right: 10px !important;
    margin-bottom: 5px !important;
}

.jcl_layout_edit .jformend_date input {
    margin-bottom: 0 !important;
}

.jcl_layout_edit .chzn-container-single {
    min-width: 80px;
}

.jcl_layout_edit .jformend_date .chzn-container-single {
    margin-bottom: 15px;
}

.jcl_layout_edit #jform_recur_end_type,
.jcl_layout_edit #jform_recur_type {
    padding-left: 0;
}

@media (min-width: 220px) and (max-width: 480px) {
    .jcl_layout_edit .control-label {
        float: none;
    }
}

/* PAGE CONTACT */

#center .contact .contact-address img,
#center .contact .contact-contactinfo img {
    border: none;
    padding: 4px;
    margin-right: 15px;
    float: left;
}

#center .contact .contact-address {
    overflow: hidden;
}

#center .contact .contact-address dt {
    float: left;
    clear: both;
}

#center .contact .contact-address dd {
    float: left;
}

#center .contact .contact-telephone {
    line-height: 35px;
}

#center .contact-form label {
    width: 130px;
    float: left;
    margin-top: 5px;
}

#center .contact-form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#center .contact-form legend {
    font-size: 12px;
    padding-left: 0;
    margin: 5px 0 25px;
}

#center #jform_contact_email_copy {
    float: left;
    margin-left: 130px;
}

#center #jform_contact_email_copy-lbl {
    width: 225px !important;
    float: left;
    margin-left: 6px;
    margin-top: 0;
}

#center #contact-form .control-group {
    float: left;
    width: 100%;
}

#center #contact-form .control-group #jform_captcha {
    margin: 0 0 20px 130px;
}

#center #contact-form .control-group.field-spacer {
    display: none!important;
}

#center .contact-form label#jform_captcha-lbl {
    display: none;
}

#center .contact-form fieldset .control-group:last-of-type{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#center .contact-form fieldset .control-group:last-of-type .control-label {
    order: 1;
}

@media screen and (max-width: 758px) {
    #center #contact-form .control-group #jform_captcha {
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
    }
}

#contact-form .form-actions {
    clear: both;
    margin-left: 130px;
    margin-bottom: 25px;
}

#center input {
    margin-bottom: 15px;
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
    color: #3A434A;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
}

#center textarea {
    max-width: 460px;
    width: 460px;
    margin-bottom: 15px;
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px 3px 3px 3px;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
    color: #3A434A;
    font-size: 14px;
}


#center .contact-form .button.validate,
#center button,
#center .btn {
    display: inline-block;
    background-color: #FAFAFA;
    border: 1px solid #D3D1D1;
    width: auto;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    color: #0087E2;
    font-weight: normal;
}

#center .contact-form .button.validate:hover,
#center button:hover,
#center .btn:hover {
    color: #000;
    transition: all 1s ease 0s;
}

#center input:hover,
#center textarea:hover {
    border: 1px solid #0087e2;
}

#recaptcha_area {
    float: left;
    margin-bottom: 15px !important;
    width: 100%;
}

.list-title {
    float: left;
    width: 30%;
}

.content-category .list-title {
    width: auto;
}

.content-category .list-edit td {
    vertical-align: top;
}

.content-category .list-edit .list-title {
    max-width: 500px;
}

.pull-right {
    float: left;
    width: 70%;
}

.contact-category ul.list-striped {
    list-style-type: none;
    margin-top: 20px;
}

/****** Blog *********/
.blog .items-row .page-header,
.blog .items-leading .page-header {
    float: left;
    width: 80%;
}

.blog .clear {
    clear: both;
}

.content-category,
.blog .items-row,
.blog .items-leading {
    position: relative;
}

.blog .page-header h2 {
    margin-bottom: 20px;
}

.content-category .icons,
.blog .icons {
    position: absolute;
    right: 0px;
    height: 50px;
    top: 7px;
}

.blog .icons .pull-right {
    width: 100%;
}

.blog .icons .pull-right .dropdown-toggle {
    display: none !important;
}

.blog .icons .pull-right ul {
    margin: 0px !important;
    padding: 0px !important;
}

/****** END Blog *********/

/**** FIL D'ARIANE ***/
.breadcrumb {
    margin-top: 30px;
}

.breadcrumb li {
    display: inline-block;
    word-wrap: break-word;
    float: left;
}

.breadcrumb li.active {
    float: left;
    height: 26px;
}

.breadcrumbs>img {
    border: 0 none !important;
    padding: 2px !important;
}

.breadcrumb a,
.breadcrumb span {
    color: #000;
    cursor: text;
}

.breadcrumb .divider {
    margin-left: 7px;
    margin-right: 7px;
}


/* ARTCILES ACTIONS */

.item-page .header-title-icons {
    height: 50px;
    right: 0px;
    position: absolute;
}

.item-page .icons {
    margin-top: -2px;
}

.item-page .icons .stButton .sharethis {
    font-size: 0px !important;
    background: url("../images/partager.png") no-repeat scroll left center transparent;
    width: 16px;
    height: 15px;
    float: right;
    top: 3px;
    position: relative;
    margin-left: -2px;
    overflow: hidden;
    padding: 0px;
}

.icon-print,
.icon-envelope,
.icon-edit,
.icon-file {
    width: 20px;
    height: 20px;
    background-image: url('../images/printButton.png');
    background-repeat: no-repeat;
    float: right;
}

.icon-print {
    padding-top: 1px;
}

.icon-envelope {
    background-image: url('../images/emailButton.png');
}

.icon-file {
    margin-top: 3px;
}

.icon-file {
    background-image: url('../images/transformer-pdf.png');
}

.icon-edit {
    background-image: url('../images/editButton.png');
    padding-top: 1px !important;
    margin-left: 0px;
}

.icon-rss {
    display: block;
    width: 17px;
    height: 15px;
    padding-top: 0px;
    background: transparent url("../images/rss-contenus.png") no-repeat scroll left center;
    position: relative;
    top: 3px;
}

.icon-envelope {
    margin-left: 0px;
    margin-top: 3px;
}

.icons a {
    font-size: 0px;
}

#center .actions {
    padding: 0 !important;
}

#center .actions li {
    display: inline-block;
    float: left;
    list-style: none;
    margin-left: 5px;
}

#center .actions li img {
    display: none;
}

#center .actions img,
#center .content_rating img {
    border: 0 !important;
}

#center .content_vote .radio {
    padding: 0 5px;
}

.monthview thead th,
.jcl_month .jcl_header h2,
.jcl_month_row td.disabled {
    text-transform: capitalize;
}

.jcl_mainview .eventdesclarge ul {
    margin-left: 16px;
}


/****************************************************************************
*********** ______ ------ FIN CONTENU CENTRE  ------ ______ *****************/
/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------  MODULE DROIT  ------ ______ *********************/
#right>div.inner {
    zoom: 1;
    text-align: left;
    margin-left: 0px;
    margin-top: 18px;
}

#right .moduletable,
#right div.module,
#right div.moduletable_menu,
#right div.module_menu,
#right .moduletable.acces,
#right .moduletable.meteo,
#right .moduletable.annuaire {
    margin: 0 0 10px;
    padding: 20px 0 5px 15px;
}

#right .moduletable {
    padding: 0px 0 5px 0px;
}

#right div.moduletable h3,
#right div.module h3,
#right div.moduletable_menu h3,
#right div.module_menu h3 {
    text-align: left;
}

/****************************************************************************
*********** ______ ------ FIN MODULE DROIT  ------ ______ ******************/
/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------  MODULE CENTRE BAS  ------ ______ *****************/
#modulesbot§m>div.inner {
    margin-top: 10px;
    text-align: left;
}

#modulesbottom div.moduletable,
#modulesbottom div.module,
#modulesbottom div.moduletable_menu,
#modulesbottom div.module_menu {
    text-align: left;
}

#modulesbottom div.moduletable h3,
#modulesbottom div.module h3,
#modulesbottom div.moduletable_menu h3,
#modulesbottom div.module_menu h3 {
    text-align: left;
}

#modulebottom1>div.inner {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 0 5px 15px;
}

#modulebottom1 div.moduletable,
#modulebottom1 div.module,
#modulebottom1 div.moduletable_menu,
#modulebottom1 div.module_menu {
    text-align: left;
}

#modulebottom1 div.moduletable h3,
#modulebottom1 div.module h3,
#modulebottom1 div.moduletable_menu h3,
#modulebottom1 div.module_menu h3 {
    text-align: left;
}

#modulebottom1 a {
    color: #b82800;
}

#modulebottom1 a:hover {
    color: #000000;
}

#modulebottom2>div.inner {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 0 5px 15px;
}

#modulebottom2 div.moduletable,
#modulebottom2 div.module,
#modulebottom2 div.moduletable_menu,
#modulebottom2 div.module_menu {
    text-align: left;
}

#modulebottom2 div.moduletable h3,
#modulebottom2 div.module h3,
#modulebottom2 div.moduletable_menu h3,
#modulebottom2 div.module_menu h3 {
    text-align: left;
}

#modulebottom2 a {
    color: #b82800;
}

#modulebottom2 a:hover {
    color: #000000;
}

#modulebottom3>div.inner {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 0 5px 15px;
}

#modulebottom3 div.moduletable,
#modulebottom3 div.module,
#modulebottom3 div.moduletable_menu,
#modulebottom3 div.module_menu {
    text-align: left;
}

#modulebottom3 div.moduletable h3,
#modulebottom3 div.module h3,
#modulebottom3 div.moduletable_menu h3,
#modulebottom3 div.module_menu h3 {
    text-align: left;
}

#modulebottom3 a {
    color: #b82800;
}

#modulebottom3 a:hover {
    color: #000000;
}

#modulebottom4>div.inner {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 0 5px 15px;
}

#modulebottom4 div.moduletable,
#modulebottom4 div.module,
#modulebottom4 div.moduletable_menu,
#modulebottom4 div.module_menu {
    text-align: left;
}

#modulebottom4 div.moduletable h3,
#modulebottom4 div.module h3,
#modulebottom4 div.moduletable_menu h3,
#modulebottom4 div.module_menu h3 {
    text-align: left;
}

#modulebottom4 a {
    color: #b82800;
}

#modulebottom4 a:hover {
    color: #000000;
}

/****************************************************************************
*********** ______ ------  FIN MODULE CENTRE BAS  ------ _____**************/
/*------------------------------------------------------------------------------------------------------------------------------*/

/****************** Article Form START **************************/
#adminForm #editor div.btn-toolbar {
    overflow: hidden;
    margin: 15px 0;
}

#adminForm #publishing .control-group {
    margin-bottom: 15px;
}

#adminForm #publishing .control-group .control-label {
    margin-bottom: 5px;
}

#adminForm #publishing .controls input,
#adminForm #publishing .input-append input,
#adminForm #publishing .control-group textarea,
#adminForm #publishing .control-group .chzn-choices,
#adminForm #publishing .control-group .chzn-choices input {
    margin: 0;
    min-width: 212px;
}

#adminForm #publishing .chzn-container-single .chzn-single {
    line-height: 30px;
    height: 30px;
}

#adminForm #publishing .control-group ul {
    padding-left: 0 !important;
}

#adminForm #publishing .input-append input {
    min-width: 202px;
}

#adminForm #publishing .control-group select {
    min-width: 215px;
}

#adminForm #publishing .control-group .calendar-container select {
    min-width: 100px;
}

#adminForm #publishing .control-group .calendar-container table tbody td.day {
    min-width: 30px;
}

#adminForm #publishing .control-group .calendar-container .buttons-wrapper.btn-group button.btn {
    line-height: 18px;
}

#adminForm #editor #jform_title {
    width: 98%;
}

#adminForm #metadata textarea {
    width: 400px;
    height: 70px;
}

#adminForm fieldset div.btn-toolbar div.btn-group {
    float: left;
    margin-right: 15px;
}

#adminForm fieldset div.btn-toolbar div.btn-group .btn {
    cursor: pointer;
}

#adminForm fieldset ul.nav-tabs {
    display: none;
}

/****************** Article Form END **************************/

/****************************************************************************
*********** ______ ------  FOOTER ------ _____*******************************/
#footer,
#footersocial {
    display: block;
    margin: 0 auto;
    width: 990px;
    position: relative;
}

.footerbg {
    background: #FFFFFF;
    min-height: 255px;
}

.footerbg2 {
    background: #282f34;
}

.footerbg3 {
    background: #1b1f22;
}

.footersocialheight {
    height: 100px;
}

#footersocial {
    padding: 20px 0 25px 0;
}

#footer .custom_copyright {
    clear: both;
    font-size: 12px;
    color: #fff;
    font-weight: lighter !important;
    text-align: center;
    letter-spacing: 0.5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer .custom_copyright a {
    color: #fff;
    text-decoration: none;
}

#footersocial .moduletable.contact,
#footersocial .moduletable.liens,
#footersocial .moduletable.plan {
    float: left;
    height: 210px;
    width: 30%;
    margin-left: 18px;
    padding: 0;
}


#footersocial h3,
.maininner h2 {
    color: #2f2f2f;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
}

.maininner {
    font-family: GloberBold, Arial, Helvetica, sans-serif;
    z-index: 999;
    position: relative;
}

#footersocial .moduletable.contact p {
    color: #3a434a;
    font-family: opensans-regular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}

#footersocial .moduletable.contact img {
    float: left;
    margin-right: 20px;
}

#footersocial .moduletable.plan .custom {
    padding-bottom: 7px;
    width: 215px;
}


#footersocial .moduletable.plan .custom img {
    border: 1px solid #d3d1d1;
    padding: 4px;
    opacity: 1;
    max-width: 335px;
}

#footersocial .moduletable.plan .custom img:hover,
#footersocial .moduletable.liens .custom_liens img:hover {
    opacity: 0.7;
}

#footersocial .moduletable.liens .custom_liens img {
    padding: 2px;
    border: 1px solid #d3d1d1;
    max-height: 72px;
    max-width: 94px;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert,
.alert h4 {
    color: #c09853;
}

.alert h4 {
    margin: 0;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.alert-success h4 {
    color: #468847;
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.alert-info h4 {
    color: #3a87ad;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block>p,
.alert-block>ul {
    margin-bottom: 0;
}

.alert-block p+p {
    margin-top: 5px;
}

#system-message a.close {
    color: #000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #ffffff;
    cursor: pointer;
}

#jcl_layout_body .alert .close {
    right: 5px;
}

#jcl_component.jcl_layout_day #jcl_layout_body .alert .close,
#jcl_component.jcl_layout_week #jcl_layout_body .alert .close,
#jcl_component.jcl_layout_flat #jcl_layout_body .alert .close {
    display: none;
}

/****************************************************************************
*********** ______ ------  FIN FOOTER  ------ _____*************************/


#modules-form .btn-toolbar {
    overflow: hidden;
    margin-bottom: 15px;
}

#modules-form .btn-toolbar .btn-group {
    float: left;
    margin-right: 15px;
}

#modules-form fieldset.form-horizontal {
    margin-top: 15px;
}

#modules-form fieldset.form-horizontal hr {
    display: none;
}

#modules-form fieldset.form-horizontal .control-group {
    clear: both;
    margin-bottom: 10px;
}

#modules-form fieldset.form-horizontal .control-label {
    float: left;
    min-width: 160px;
}

#modules-form fieldset.form-horizontal .controls fieldset.radio input,
#modules-form fieldset.form-horizontal .controls fieldset.radio label {
    float: left;
    display: block;
}

#modules-form fieldset.form-horizontal .controls fieldset.radio #jform_showtitle1,
#modules-form fieldset.form-horizontal .controls fieldset.radio #jform_published1,
#modules-form fieldset.form-horizontal .controls fieldset.radio #jform_published2 {
    clear: both;
}

#modules-form fieldset.form-horizontal .controls input {
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 7px;
}

#modules-form fieldset.form-horizontal .controls input[type="text"] {
    min-width: 350px;
}

#modules-form fieldset.form-horizontal #options #collapseTypes li {
    list-style: none;
}

#modules-form fieldset.form-horizontal #options #collapseTypes li .chzn-container {
    min-width: 100px;
}

#modules-form fieldset.form-horizontal #options .accordion-heading {
    margin-top: 10px;
    margin-bottom: 5px;
}

#modules-form fieldset.form-horizontal #jform_params_coleur_title-lbl,
#modules-form fieldset.form-horizontal #jform_params_coleur_description1-lbl,
#modules-form fieldset.form-horizontal #jform_params_coleur_description2-lbl {
    display: none;
}

#modules-form fieldset.form-horizontal #options .colorPicker-picker {
    background-color: #008000;
    float: right;
    margin-top: -36px;
    margin-right: 100px;
}

.search-results {
    list-style: none;
}

.com_sobipro .SobiPro .page-header {
    padding-bottom: 0px;
    margin-bottom: 12px;
    margin-top: 40px;
	font-family: GloberBold, Arial, Helvetica, sans-serif;
}

#weather2 .gkwCurrent {
    display: none;
}

.gkwMainRight {
    display: none;
    float: left;
    margin: 0 0 0 16px;
    width: auto;
}

ul.gkwNextDays li:nth-child(3) div.gkwFday {
    border-left: medium none;
}

div.gkwFday {
    margin: 0 6px 0 0;
    padding: 16px 0 15px 6px;
}

.field_membres_de_l_usl {
    display: none;
}

#SobiPro .smembres {
    background: url(../images/picto-usl.svg) no-repeat right center;
    display: inline-block;
    width: 45px;
    height: 28px;
}

#SobiPro .row-fluid .span12 {
    position: relative;
}

#SobiPro .field_image_url {
    position: absolute;
    top: 86px;
    right: 0px;
    max-width: 265px;
    max-height: 155px;
    overflow: hidden;
}

.controls>input#ckaddslide {
    height: auto;
}

#jcemediabox-popup-page {
    z-index: 9999999999 !important;
}

.gkwMain#weather1 {
    background: url("../images/picto-meteo.svg") no-repeat center center;
    background-size: 100%;
    width: 34px;
    height: 27px;
}

.gkwMain#weather1:hover,
.gkwMain#weather1:focus,
.gkwMain#weather1:active {
    background: url("../images/picto-meteo-a.svg") no-repeat center center;
    background-size: 100%;
    width: 34px;
    height: 27px;
}

.gkwMain#weather1 img {
    display: none;
}

body.page-672 .gkwMain#weather1 {
    background: url("../images/picto-meteo-a.svg") no-repeat center center;
    background-size: 100%;
    width: 34px;
    height: 27px;
}

body.page-569 a.picto-agenda img,
body.page-858 a.picto-news img,
body.page-1089 a.picto-film img {
    display: none;
}

body.page-569 a.picto-agenda {
    display: inline-block;
    background: url("../images/picto-agenda-a.svg") no-repeat center center;
    background-size: 100%;
    width: 22px;
    height: 25px;
}

body.page-858 a.picto-news {
    display: inline-block;
    background: url("../images/picto-news-a.svg") no-repeat center center;
    background-size: 100%;
    width: 26px;
    height: 25px;
}

body.page-1089 a.picto-film {
    display: inline-block;
    background: url("../images/picto-film-a.svg") no-repeat center center;
    background-size: 100%;
    width: 30px;
    height: 25px;
}

body.page-838 #gmaps #map-canvas {
    width: 100%;
    height: 400px;
    margin: 20px 0 30px;
}

body.page-838 .fancybox-overlay {
    top: 70px !important;
    z-index: 1 !important;
    background: transparent;
    min-height: 100% !important;
}

body.page-838 .fancybox-inner {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 50px;
}

body.page-838 .fancybox-type-ajax {
    width: 100% !important;
    max-width: 991px;
    top: 0 !important;
    min-height: 100% !important;
}

body.page-838 .fancybox-opened .fancybox-skin {
    height: 100% !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 !important;
    background: #fff;
    padding: 40px 20px 50px 20px !important;
}

body.page-838 .fancybox-close {
    top: 8px;
    right: 10px;
}

#fontlinks {
    margin-top: -8px !important;
}

#fontlinks a#decfont {
    font-size: 0px;
    background: url("../images/picto-texte-moins.svg") no-repeat center center;
    background-size: 100%;
    width: 16px;
    height: 17px;
    display: inline-block;
    margin-left: 10px;
}

#fontlinks a#decfont:hover,
#fontlinks a#decfont:active,
#fontlinks a#decfont:focus {
    background: url("../images/picto-texte-moins-a.svg") no-repeat center center;
    background-size: 16px 17px;
    width: 16px;
    height: 17px;
}

#fontlinks a#incfont {
    font-size: 0px;
    background: url("../images/picto-texte-plus.svg") no-repeat center center;
    background-size: 100%;
    width: 23px;
    height: 16px;
    display: inline-block;
}

#fontlinks a#incfont:hover,
#fontlinks a#incfont:active,
#fontlinks a#incfont:focus {
    background: url("../images/picto-texte-plus-a.svg") no-repeat center center;
    background-size: 23px 16px;
    width: 23px;
    height: 16px;
}

#xmap .page-header {
    margin: 0 0 20px;
}

#xmap h2.menutitle {
    display: none;
}

#xmap ul li>span {
    margin: 10px 0 0;
    display: block;
    font-size: 18px
}

#xmap ul.level_1 li {
    padding: 0 1em 0 1em;
}

#xmap ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#xmap ul li {
    margin: 0;
    padding: 0;
    background: transparent;
}

#xmap a img {
    border: none;
}

#xmap ul.level_0 ul {
    list-style: inside square;
    padding: 0;
}

#xmap ul.level_1 li {
    padding: 0 1em 5px 1em;
}

#xmap .active {
    font-style: italic;
}

#xmap ul.level_1 li a.nolink {
    cursor: text;
    color: #2f2f2f;
}

@media (max-width: 767px) {
    table.table-style td {
        vertical-align: top;
    }
}

.contact-bottom,
.contact-bottom * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-bottom {
    width: 88px;
    height: 88px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 999999;
}

.contact-bottom:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/picto-contact.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px auto;
}

.contact-bottom:hover {
    width: 309px;
    height: 309px;
}

.contact-bottom:hover:after {
    background-size: 0 auto;
}

.contact-bottom .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 1;
}

.contact-bottom .bg .content {
    background: #FFFFFF;
    border-radius: 50% 50% 0;
    box-shadow: 0px 0px 6px #00000029;
    width: 100%;
    height: 100%;
}

.contact-bottom:hover .bg .content {
    background: #1663A7;
}

.contact-bottom .inner-content {
    opacity: 0;
    visibility: hidden;
    max-width: 100%;
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 0 35px;
    text-align: center;
}

.contact-bottom:hover .inner-content {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s .2s;
    -o-transition: all .3s .2s;
    transition: all .3s .2s;
}

.contact-bottom .inner-content p {
    font-size: 14px;
    line-height: 19px;
    color: #FFF;
    padding: 0;
    margin-bottom: 15px;
}

.contact-bottom .inner-content a {
    background: #FFF;
    font-size: 14px;
    line-height: 17px;
    padding: 3px 12px 4px;
    max-width: 159px;
    margin: auto;
    display: inline-block;
}

.contact-bottom .inner-content a:hover {
    background: #000;
    color: #FFF;
}

@media screen and (max-width: 768px) {
    .contact-bottom {
        bottom: 10px;
        right: 10px;
    }
}

.btn-orange {
    color: #000000;
    display: block;
    width: 300px;
    margin: auto;
    background: #e67a33;
    text-align: center;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 18px;
}

/*****add******/

.wf-mediabox {
    z-index: 1000000000 !important;
}

.customhome_shortcuts .tooltip.top {
    bottom: -55px !important;
    top: auto !important;
}

.customhome_shortcuts .tooltip.top .tooltip-arrow,
#fontlinks~.tooltip.top .tooltip-arrow {
    top: 0;
    bottom: 0;
    transform: rotate(180deg);
}

.popover.right {
    display: none !important;
}

#fontlinks~.tooltip.top {
    top: 52px !important
}

/*style homepage agenda*/
.jcalpro_events_date,
.jcalpro_events_description,
.jcalpro_events_category,
.jcalpro_events_custom_field,
.jcalpro_events_location {
    display: block;
}

.jcalpro_events_date {
    float: left;
    margin-right: 10px;
    color: #A0A0A0;
}

.jcalpro_events_link {
    float: left;
}

.jcalpro_events_link a {
    color: #000;
}

/* category links should not be as prominent */
.jcalpro_events_category a,
.jcalpro_events_category a:link,
.jcalpro_events_category a:visited,
.jcalpro_events_category a:hover,
.jcalpro_events_category a:active {
    font-size: x-small;
}

/* pad the description */
.jcalpro_events_description {
    padding: 10px 5px 15px;
}

.jcalpro_eventshome_agenda {
    position: relative;
    background-color: #FFF;
    width: 100%;
    height: 349px;
}

.jcalpro_eventshome_agenda li {
    margin-bottom: 10px;
    margin-left: 15px;
    float: left;
    width: 100%;
}

.jcalpro_eventshome_agenda li .jcalpro_events_col_details {
    float: left;
    width: 100%;
}

ul.jcalpro_eventshome_agenda {
    overflow: auto;
    overflow-x: hidden;
}

.jcalpro_title a,
.jcalpro_title a:hover {
    display: block;
    text-transform: uppercase;
    background: #1763a8 url('../images/bg_events.png');
    background-position: bottom;
    background-repeat: repeat-x;
    height: 38px;
    margin-bottom: 20px;
    padding: 12px 0 0 10px;
    font-family: GloberBold, Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #FFF;
}

.jcalpro_alldates {
    width: 100%;
    height: 24px;
    text-align: right;
    background-color: #FFF;
    padding: 3px 0px;
    text-transform: uppercase;
}

.jcalpro_alldates_sep {
    width: 92%;
    margin: auto;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 5px;
}

.jcalpro_alldates_link {
    float: right;
}

.jcalpro_alldates_link a {
    color: #000;
}

.jcalpro_alldates_arrow {
    float: right;
    margin: 6px 12px 0px 10px;
}

.jcalpro_eventshome_agenda li .jcalpro_events_date {
    width: 22%;
}

.jcalpro_eventshome_agenda li .jcalpro_events_link {
    width: 70%;
}

@media screen and (max-width: 758px) {
    .jcalpro_alldates {
        height: 45px;
    }
}

#jcl_component .jcl_toolbar a {
    margin-right: 10px;
}

#jcl_component .btn-toolbar .jcl_navbar {
    margin: 15px 0;
}

#jcl_component .btn-toolbar .jcl_navbar.month-titre a {
    text-transform: capitalize;
}

#jcl_component .jcal_categories .btn-block {
    color: #ffffff !important
}

#jcl_component .jcal_categories .btn-block.text-dark {
    color: #3A3A3A !important;
    border: 1px solid #DFDFDF;
}

#jcl_component .jcl_mainview .jcal_event .jcl_toolbar {
    clear: both;
}

#jcl_component .jcl_mainview .jcal_event .jcl_event_lieu,
#jcl_component .jcl_mainview .jcal_event .jcl_event_site {
    margin: 5px 0;
}

.pg-csv-name,
.pg-cv-folder,
.pg-cv-name {
    background: none !important;
    padding-left: 0 !important;
    font-size: 15px;
    text-align: center;
}

.pg-cv-box {
    padding-top: 5px !important;
}

#phocagallery .pg-cv-box.item.pg-grid-sizer {
    height: 207px;
    padding: 0;
    position: relative;
}

#phocagallery .pg-cv-box.item.pg-grid-sizer .pg-box-img-bottom .pg-cv-name.pg-cv-folder {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7) !important;
    color: #fff;
    padding: 5px 0;
    margin: 0;
}

#phocagallery-categories-detail .pg-cats-box-float .pg-cats-box {
    position: relative;
}

#phocagallery-categories-detail .pg-cats-box .pg-cats-name {
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7) !important;
    color: #fff;
    padding: 5px 0;
    margin: 0;
}

#phocagallery-categories-detail .pg-cats-box .pg-cats-name a {
    color: #fff;
}

.mfp-image-holder .mfp-bottom-bar .mfp-title {
    display: none;
}

.pg-cv-box.item,
#phocagallery-categories-detail .pg-cats-box {
    padding: 0px !important;
}

#phocagallery-categories-detail a img {
    width: 100%;
}

#phocagallery .pg-categories-items-box, #phocagallery .pg-category-items-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
}

#phocagallery .pg-categories-items-box .pg-category-box-title svg,
#phocagallery .pg-category-items-box .pg-item-box .ph-si-category {
    display: none!important;
}

#phocagallery .pg-categories-items-box .pg-category-box-info, #phocagallery .pg-category-items-box .pg-item-box-info  {
    position: relative;
}

#phocagallery .pg-categories-items-box .pg-category-box-title, #phocagallery .pg-category-items-box .pg-item-box-info .pg-item-box-title {
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7) !important;
    color: #fff;
    padding: 5px 0;
    margin: 0;
}

#phocagallery .pg-categories-items-box .pg-category-box-title a, #phocagallery .pg-category-items-box .pg-item-box-info .pg-item-box-title a{
    color: #fff;
}

#phocagallery .pg-categories-items-box .pg-category-box, #phocagallery .pg-category-items-box .pg-item-box {
    padding: 0;
    margin: 0;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
    box-shadow: 1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    flex: 0 0 24%;
}

#phocagallery .pg-categories-items-box .pg-category-box-image img,
#phocagallery .pg-category-items-box .pg-item-box .pg-item-box-image img {
    width: 100%;
}

#pgCategoryModal {
    display: none!important;
}

#phocagallery .pg-item-box-image.pg-svg-box {
	display: flex;
    align-items: center;
    justify-content: center;
	max-width: 100%!important;
}

#phocagallery .pg-item-box-image.pg-svg-box svg.ph-si-back-medium.pg-image{
	width: 50%!important;
    height: 50%!important;
}

@media screen and (max-width: 767px) {
    #phocagallery #phocagallery-categories-detail .pg-cats-box-float {
        width: 50% !important;
    }
}

@media screen and (max-width: 480px) {
    #phocagallery #phocagallery-categories-detail .pg-cats-box-float {
        width: 100% !important;
    }
}

#jcl_component.jcl_view_category .jcl_mainview .jcl_toolbar {
    clear: both;
}

#jcl_component button.close {
    display: none !important;
}

#jcl_component.jcl_view_category .jcl_mainview .jcl_event_description ul {
    margin: 0 0 0 20px;
}


.jcl_layout_edit #details #ModalSelectLocation_jform_location {
    display: none;
}

.jcl_layout_edit #JCalProEventTabsTabs {
    display: none;
}

.jcl_layout_edit div.btn-toolbar {
    clear: both;
    padding: 25px 0;
    overflow: hidden;
}

.jcl_layout_edit .control-group {
    margin: 7px 0;
}

.jcl_layout_edit .control-label {
    clear: both;
    float: left;
    min-width: 213px;
}

.jcl_layout_edit #details .control-group label#jform_description-lbl {
    display: none !important;
}

.jcl_layout_edit #details .control-group label {
    display: inline-block;
    min-width: 210px;
    float: left;
}

.jcl_layout_edit #details .chzn-choices {
    width: 230px;
}

.jcl_layout_edit #details .chzn-choices li {
    width: 100%;
}

.jcl_layout_edit #details .chzn-choices input {
    margin: 0;
    width: 100% !important;
}

#jcl_component.jcl_layout_edit #JCalProEventTabsContent .tab-pane {
    float: left;
    width: 100%;
}

#jcl_component.jcl_layout_edit #JCalProEventTabsContent #admin.tab-pane {
    padding: 0 0 20px;
}

#jcl_component.jcl_layout_edit .jcl_inline-controls div.control-label {
    min-width: auto;
}

#jcl_component.jcl_layout_edit #jform_approved input,
#jcl_component.jcl_layout_edit .radio input[type="radio"],
#jcl_component.jcl_layout_edit .checkbox input[type="checkbox"] {
    float: none;
    margin: 0;
}

#jcl_component.jcl_layout_edit label.btn {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

#jcl_component .eventdesclarge img {
    width: revert-layer;
    height: revert-layer;
}

.jcl_layout_edit #jform_recur_type input {
    float: left !important;
    margin: 0 10px 0 0 !important;
    display: block;
    clear: both;
}

.jcl_layout_edit #jform_recur_type label {
    float: left;
}

.jcl_layout_edit input.jcalradio {
    clear: both;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}

.jcl_layout_edit label {
    min-width: 1px;
    display: block;
}

.jcl_layout_edit .jformstart_date {
    margin-bottom: 15px;
}

.jcl_layout_edit .control-label {
    margin-bottom: 5px;
}

.jcl_layout_edit .jformend_date .jcalradio {
    float: left;
    margin-top: 0px !important;
}

.jcl_layout_edit .jformend_date #jform_duration_type label {
    margin-right: 10px !important;
    margin-bottom: 5px !important;
}

.jcl_layout_edit .jformend_date input {
    margin-bottom: 0 !important;
}

.jcl_layout_edit .chzn-container-single {
    min-width: 80px;
}

.jcl_layout_edit .jformend_date .chzn-container-single {
    margin-bottom: 15px;
}

.jcl_layout_edit #jform_recur_end_type,
.jcl_layout_edit #jform_recur_type {
    padding-left: 0;
}

@media (min-width: 220px) and (max-width: 480px) {
    .jcl_layout_edit .control-label {
        float: none;
    }
}

.jcl_layout_edit .wf-editor-header ul.wf-editor-tabs.nav.nav-tabs {
    display: none;
}

.jcl_layout_edit .mceDefaultSkin .mceToolbar,
.jcl_layout_edit .mceDefaultSkin .mceLeft .mceToolbarRow,
.jcl_layout_edit .mceDefaultSkin .mceToolbarRow>button,
.jcl_layout_edit .mceDefaultSkin .mceToolbarRow>div {
    float: left;
}

.item-page.edit .mceDefaultSkin .mceToolbar,
.item-page.edit .mceDefaultSkin .mceLeft .mceToolbarRow,
.item-page.edit .mceDefaultSkin .mceToolbarRow>button,
.item-page.edit .mceDefaultSkin .mceToolbarRow>div {
    float: left;
}

.item-page.edit a.btn.wf-media-upload-button {
    border: 0 !important;
}

.jcl_layout_edit .mceDefaultSkin .mceIframeContainer,
.item-page.edit .mceDefaultSkin .mceIframeContainer {
    float: left;
    width: 100%;
}


.wf-editor-header .wf-editor-tabs li {
    float: none;
    list-style: none;
    padding: 5px;
}

.mfp-auto-cursor .mfp-content {
    top: 0 !important;
    right: 0 !important;
    position: absolute !important;
    max-width: 720px !important;
}

body.page-575 .mfp-auto-cursor .mfp-content {
    position: relative !important;
}

#camera_wrap_131 .camera_caption>div {
    background: rgba(51, 51, 51, 0.6);
    font-size: 10px;
}

.visually-hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    line-height: 0;
    display: none;
}

button.input-password-toggle {
    vertical-align: top;
    cursor: pointer;
}
.input-password-toggle .visually-hidden {
    visibility: visible;
    opacity: 1;
    height: auto;
    line-height: 20px;
    display: block;
}

input.btn, button.btn {
    cursor: pointer;
}

.com-content-category__navigation .com-content-category__counter.counter {
    text-align: center;
}

.pagination__wrapper ul.pagination {
    padding: 0 10px;
    text-align: center;
}

.pagination__wrapper ul.pagination li {
    background: none !important;
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 20px;
}

.pagination__wrapper ul.pagination .page-link {
    padding: 4px 8px;
    margin: 0 5px;
    display: block;
    border: 1px solid #efefef;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    vertical-align: middle;
    background: #fff;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    position: relative;
}

.pagination__wrapper ul.pagination span.icon-angle-double-left::before {
    content: "<<";
}

.pagination__wrapper ul.pagination span.icon-angle-left::before {
    content: "<";
}

.pagination__wrapper ul.pagination span.icon-angle-double-right::before {
    content: ">>";
}

.pagination__wrapper ul.pagination span.icon-angle-right::before {
    content: ">";
}


.ex-menu a.btn.btn-link.jmodedit, section#sidbar-news a.btn.btn-link.jmodedit {
    display: none!important;
}
a.btn.btn-link.jmodedit{
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    z-index: 99;
    text-decoration: none;
    padding: 3px 12px;
    background: transparent;
    border: 0;
    color: #08c!important;
}
a.btn.btn-link.jmodedit + div{
    display: none;
}
a.btn.btn-link.jmodedit:before, a.btn.btn-link.jmodedit:after{
    display: none!important;
}
a.btn.btn-link.jmodedit span.visually-hidden{
    display: none;
}
#footer a.btn.btn-link.jmodedit, #copyright a.jmodedit{
    color: #ffffff !important
}
joomla-tab#com-content-form > button {
    display: none;
}
joomla-tab#com-content-form .editor-xtd-buttons button {
    display: none;
}
joomla-tab#com-content-form .editor-xtd-buttons button:first-child {
    display: block;
}
#jform_articletext_tabsaccordions_modal {
    display: none!important;
}
.edit.item-page .mb-2 button{
    cursor: pointer;
}

#center .com-users-login input#remember {
    margin: 0 5px 3px 0px;
}

joomla-field-media.field-media-wrapper.wf-media-wrapper .input-group button.button-select,
joomla-field-media.field-media-wrapper.wf-media-wrapper .input-group button.button-clear {
    line-height: 20px;
    vertical-align: top;
}

joomla-field-media.field-media-wrapper.wf-media-wrapper .input-group button.button-clear .visually-hidden {
    visibility: visible;
    opacity: 1;
    height: auto;
    line-height: 20px;
    display: block;
}

.field-calendar .visually-hidden {
    visibility: visible;
    opacity: 1;
    height: auto;
    line-height: 20px;
    display: block;
}

.com_config.view-modules #jform_content_tabsaccordions_modal,
.com_contact.view-form #jform_misc_tabsaccordions_modal {
	display: none;
}

.com_config.view-modules #custom .editor-xtd-buttons {
	display: none;
}

.com_config.view-modules #custom {
	margin-bottom: 20px;
}

.com_config.view-modules .field-calendar {
	margin-bottom: 10px;
}

.com_config.view-modules .field-calendar input {
	margin-bottom: 0!important;
}

.com_config.view-modules #collapseTypes .accordion-body ul.nav li {
	display: block;
}



joomla-tab#com-contact-form button[aria-controls="details"],
joomla-tab#com-contact-form button[aria-controls="misc"],
joomla-tab#com-contact-form button[aria-controls="attrib-publishing"],
joomla-tab#com-contact-form button[aria-controls="attrib-metadata"] {
	display: none;
}

joomla-tab#com-contact-form[view=tabs]>div[role=tablist] button {
	display: block!important;
}

joomla-tab-element#misc .editor-xtd-buttons button {
    display: none;
}



[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list] {
	display: block!important;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button] {
	display: inline-block!important;
}

.bppopup-mode-text {
	background-repeat: no-repeat !important;
}