/**************************************************************************************************************/
/*
			DIOCESE DE SAINT DENIS - V1.5 Site generique

			Date : juillet 2017
			Auteur :
			URL : http://pommier2:42980/stdenis

*/
/**************************************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 62.5%; /*ensuite 1em=10px en taille normale*/
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    border: none;
    font-weight: bold;
    letter-spacing: normal;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.3em;
}

img {
    border: none;
}

a, a:link {
    text-decoration: none;
    color: #000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

a:visited {
    text-decoration: none;
    color: #000;
}

a:hover, a:focus {
    text-decoration: underline;
    color: #000;
}

input,
textarea {
    font-family: 'Poppins', sans-serif;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    background-color: #eae5e6;
}

/*
	ELEMENTS DE PLONE
*/
dl.portlet,
dl.portalMessage,
div.managePortletsLink,
a.managePortletsFallback,
div.portletAssignments,
#content,
div.overlay,
#edit-bar,
#portal-sitemap,
#portal-searchbox,
#portal-globalnav,
#portal-breadcrumbs,
#portal-column-content #content,
#portal-footer,
#portal-siteactions,
#portal-colophon,
#portal-languageselector,
#content pre,
.portletItemDetails,
#portal-personaltools,
#fieldset-openid-login input,
#login-form input,
div.listingBar,
#content legend,
#content div.documentByLine,
.commentDate,
.comment,
#portal-sitemap .navTreeLevel2,
#portal-sitemap .navTreeLevel2 ul,
#content .discreet,
#sidebar .discreet,
#category {
    font-size: 100%;
}

#content a:link,
dl.portlet a:link,
#content a:visited,
dl.portlet a:visited {
    border: none;
    color: #000;
}

#content dt {
    font-weight: normal;
}

#content {
    clear: none;
}

#content ul {
    list-style: none;
    margin: 0;
}

.portletAssignments .portlet_here.portlet_visible .portletHeader {
    color: #000;
    background: #666;
}

body.template-logged_out #content,
body.template-login_form #content {
    text-align: left;
}

.highlightedSearchTerm {
    background: none !important;
    font-weight: normal !important;
}

div.width-full {
    width: 100%;
}

div.position-0,
div.position-1\:2 {
    margin: 0;
}

div.cell {
    float: none;
    left: 0;
    width: auto;
}

div.row {
    float: none;
}

#content-ckeditor,
body.cke_panel_frame {
    background: #fff !important;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= BXSLIDER
*/
/*------------------------------------------------------------------------------------------------------------*/
/*
	RESET - LAYOUT
*/
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    width: 100%;
    display: block;
}

/*
	THEME
*/
.bx-wrapper .bx-viewport {
}
.bx-wrapper .bx-controls{
    position: absolute;
    right:0;
    bottom:-25px;
}
.actus .bx-wrapper .bx-controls {
    bottom:-45px;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom:0;
    width: 50px;
    right: 15px;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/bx-slider/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: 10px;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    color: #333333;
    padding-top: 0;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: auto;
    height: 10px;
    outline: 0;
}

#content .bx-wrapper .bx-pager.bx-default-pager a {
    display: none;
}

#content .bx-wrapper .bx-pager.bx-default-pager a.active, #content .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child a {
    display: block;
}

#content .bx-wrapper .bx-pager.bx-default-pager a.active:after {
    content: " / ";
    color: #333333;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 10px;
}

#content .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child a:after {
    content: " ";
}

#content .bx-wrapper .bx-pager.bx-default-pager a:hover,
#content .bx-wrapper .bx-pager.bx-default-pager a.active {
    text-decoration: none;
}

#content .actus .bx-wrapper .bx-pager.bx-default-pager a:hover,
#content .actus .bx-wrapper .bx-pager.bx-default-pager a.active {
    color: #eb6251 !important;
}

#content .images.videos .bx-wrapper .bx-pager.bx-default-pager a:hover,
#content .images.videos .bx-wrapper .bx-pager.bx-default-pager a.active {
    color: #4eb16d !important;
}

#content .albums .bx-wrapper .bx-pager.bx-default-pager a:hover,
#content .albums .bx-wrapper .bx-pager.bx-default-pager a.active {
    color: #90c849 !important;
}

#content .bx-wrapper .bx-prev {
    background: url('../images/bx-slider/control-left-off.png') center center no-repeat;
}

#content .bx-wrapper .bx-next {
    background: url('../images/bx-slider/control-right-off.png') center center no-repeat;
}

#content .actus .bx-wrapper .bx-prev:hover {
    background: url('../images/bx-slider/control-left-on-rouge.png') center center no-repeat;
}

#content .actus .bx-wrapper .bx-next:hover {
    background: url('../images/bx-slider/control-right-on-rouge.png') center center no-repeat;
}

#content .images.videos .bx-wrapper .bx-prev:hover {
    background: url('../images/bx-slider/control-left-on-vert-fonce.png') center center no-repeat;
}

#content .images.videos .bx-wrapper .bx-next:hover {
    background: url('../images/bx-slider/control-right-on-vert-fonce.png') center center no-repeat;
}

#content .images.albums .bx-wrapper .bx-prev:hover {
    background: url('../images/bx-slider/control-left-on-vert-clair.png') center center no-repeat;
}

#content .images.albums .bx-wrapper .bx-next:hover {
    background: url('../images/bx-slider/control-right-on-vert-clair.png') center center no-repeat;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    right: 65px;
    background-size: contain;
    transition: all 0.5s ease 0s;
}

.bx-wrapper .bx-next {
    right: 5px;
    background-size: contain;
    transition: all 0.5s ease 0s;
}

.bx-wrapper .bx-prev {
    transition: all 0.5s ease 0s;
}

.bx-wrapper .bx-next {
    transition: all 0.5s ease 0s;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    bottom: -2px;
    outline: 0;
    width: 10px;
    height: 18px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../images/bx-slider/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../images/bx-slider/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 80%;
    text-align: left;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
}

.bx-wrapper .bx-caption span {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 0.85em;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORLTETS
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet {
}

#portal-columns dl.portlet dt {
}

#portal-columns dl.portlet dd {
}

/*--------------------------------------------------------------------------------------------------------------
	== PHOTOS SUITE
--------------------------------------------------------------------------------------------------------------*/
.photos-suite {
    background-color: #62bcba;
    box-shadow: -15px 15px 50px 15px rgba(0, 0, 0, 0.08);
}

.photos-suite ul li {
    display: block;
    width: 100%;
}

.photos-suite ul li img {
    float: right;
}

.photos-suite:after,
.photos-suite:before {
    content: " ";
    display: table;
}

.photos-suite:after {
    clear: both;
}

/*--------------------------------------------------------------------------------------------------------------
	== ACTUS
--------------------------------------------------------------------------------------------------------------*/
.actus {
    float: left;
}

.section-accueil #content .actus .bx-wrapper .bx-viewport {
    background: transparent;
}

.section-accueil #content .actus .bx-wrapper ul li h2 a {
    font-family: 'osp-din', sans-serif;
    color: #eb6251;
    font-size: 45px;
    font-weight: 300;
    line-height: 0.85;
    letter-spacing: 0.04em;
}

.section-accueil #content .actus .bx-wrapper ul li h2 a:hover,
.section-accueil #content .actus .bx-wrapper ul li h2 a:focus {
    text-decoration: none;
    color: #eb6251 !important;
}

@media screen and (max-width: 767px) {
    .section-accueil .actus {
        width: 100%;
    }
}

/*@media screen and (min-width: 768px) {*/
    .section-accueil #content .actus {
        width: 50%;
        position: relative;
        padding-top: 25px;
    }

    .section-accueil #content .actus .bx-wrapper {
        margin-top: -52px;
    }

    .section-accueil #content .actus .bx-wrapper {
        border-left: 2px solid #eb6251 !important;
        margin-bottom: 0;
        padding-left: 15px;
    }

    /* BORDER + PADDING */
    .section-accueil #content .actus .portletFooter a {
        padding: 30px 0 9px 45px;
        display: inline-block;
        border-left: 2px solid #eb6251 !important;
    }

    .section-accueil #content .actus .portletFooter a:before {
        background-color: #eb6251;
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        padding: 10px 8px 10px 12px;
        content: ">";
        color: #ffffff;
        position: absolute;
        left: 0;
        bottom: -1px;
    }

    .section-accueil #content .actus .bx-wrapper ul li {
        display: flex;
        flex-direction: column;
        display: -webkit-flex;
        -webkit-flex-direction: column;
    }

    .section-accueil #content .actus .bx-wrapper ul li h2 {
        order: 1;
        line-height: 1;
    }

    .section-accueil #content .actus .bx-wrapper ul li p.description {
        order: 2;
        line-height: 1;
    }

    .section-accueil #content .actus .bx-wrapper ul li a {
        order: 3;
        line-height: 1;
    }
/*}*/

.section-accueil #content .actus .portletFooter a {
    color: #eb6251;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    display: inline-block;
}

.section-accueil #content .actus .portletFooter a:hover,
.section-accueil #content .actus .portletFooter a:focus {
    color: #eb6251 !important;
    text-decoration: none;
}

.section-accueil #content .actus .bx-wrapper ul li p.description, span.description {
    font-family: 'Poppins', sans-serif;
    color: #3b3b3b;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
}

/*.section-accueil .actus:after, .section-accueil .actus:before{content:" ";display:table;}
.section-accueil .actus:after{clear:both;}
*/
.actus .bx-wrapper img {
    width: 100%;
    height: auto;
}

.section-accueil .actus .entete {
    font-family: 'Poppins', sans-serif;
    color: #fad8d3;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 130px;
    line-height: 1;
    padding-left: 15px;
}

/*--------------------------------------------------------------------------------------------------------------
	== INFOS EGLISE
--------------------------------------------------------------------------------------------------------------*/
.infos-eglise {
    position: relative;
}

.section-accueil .infos-eglise {
    float: left;
    padding-right: 15px;
}

@media screen and (max-width: 767px) {
    .section-accueil .infos-eglise {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .section-accueil .infos-eglise {
        margin-left: 10%;
        width: 40%;
        margin-top: 50px;
    }
}

dl.infos-eglise dt.portletHeader {
    background: transparent;
    padding: 0 0 0 15px;
    border-left: 2px solid #e1a643;
}

#portal-columns .infos-eglise .portletHeader span,
#portal-columns .infos-eglise .portletHeader span a,
#portal-columns .infos-eglise .portletHeader span a:hover,
#portal-columns .infos-eglise .portletHeader span a:focus{
    font-family: 'Poppins', sans-serif;
    color: #e1a643!important;
    font-weight: 600;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 0.8;
}
#portal-column-two .infos-eglise li img {
    width: 25px !important;
    height: 25px !important;
}
dl.infos-eglise dd.portletItem {
    padding: 0;
}

#content dl.infos-eglise dd.portletItem ul {
    /*position: absolute;
    right: 15px;
    top: -19px;*/
    padding: 10px 0 0 10px;
    border-left: 2px solid #e1a643;
}

#portal-column-two dl.infos-eglise dd.portletItem ul {
    /*position: absolute;
    right: 0;
    top: -26px;
    list-style-type: none;*/
    margin: 0;
    padding: 10px 0 0 10px;
    border-left: 2px solid #e1a643;
}
#portal-column-two dl.infos-eglise dd.portletItem ul li,
#content dl.infos-eglise dd.portletItem ul li {
    display: inline-block;
}

#content dl.infos-eglise dd.portletItem p,
#portal-column-two dl.infos-eglise dd.portletItem p {
    font-family: 'Poppins', sans-serif;
    color: #3b3b3b;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    padding-top: 15px;
    margin: 0;
    padding-left: 15px;
    padding-bottom: 10px;
    border-left: 2px solid #e1a643;
}

#content dl.infos-eglise dd.portletItem #inscription,
#portal-column-two dl.infos-eglise dd.portletItem #inscription {
    position: relative;
    padding-left: 15px;
    border-left: 2px solid #e1a643;
}

#content dl.infos-eglise dd.portletItem #inscription input[type="email"],
#portal-column-two dl.infos-eglise dd.portletItem #inscription input[type="email"] {
    border-top: 1px solid #efefef;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    background-color: #f5f5f5;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

#content dl.infos-eglise dd.portletItem #inscription input[type="email"] {
    width: 90%;
}

#portal-column-two dl.infos-eglise dd.portletItem #inscription input[type="email"] {
    width: 86%;
}

#content dl.infos-eglise dd.portletItem #inscription input[type="submit"],
#portal-column-two dl.infos-eglise dd.portletItem #inscription input[type="submit"] {
    border: 0 none;
    height: 45px;
    text-indent: -1000000px;
    background: #e1a643 url('../images/st-denis-newsletter-picto.png') center center no-repeat;
    position: absolute;
    right: 0;
}

#content dl.infos-eglise dd.portletItem #inscription input[type="submit"] {
    width: 10%;
}

#portal-column-two dl.infos-eglise dd.portletItem #inscription input[type="submit"] {
    width: 14%;
}

input[type="submit"]:hover {
    cursor: pointer;
}

#content dl.infos-eglise dd.portletItem p.tous,
#portal-column-two dl.infos-eglise dd.portletItem p.tous {
    padding: 25px 0 5px 0;
    position: relative;
}

#content dl.infos-eglise dd.portletItem p.tous a,
#portal-column-two dl.infos-eglise dd.portletItem p.tous a {
    color: #e1a643;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding-bottom: 0;
    display: inline-block;
    padding-left: 45px;
}

#content dl.infos-eglise dd.portletItem p.tous a:before,
#portal-column-two dl.infos-eglise dd.portletItem p.tous a:before {
    background-color: #e1a643;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 300;
    padding: 7px 8px 7px 11px;
    content: ">";
    color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
}

#content dl.infos-eglise dd.portletItem p.tous a:hover,
#content dl.infos-eglise dd.portletItem p.tous a:focus,
#portal-column-two dl.infos-eglise dd.portletItem p.tous a:hover,
#portal-column-two dl.infos-eglise dd.portletItem p.tous a:focus {
    color: #e1a643 !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== JOURNAL DIOCESAIN
--------------------------------------------------------------------------------------------------------------*/
.section-accueil .journal-diocesain {
    float: left;
    clear: left;
}

/*@media screen and (max-width: 767px) {
    .section-accueil .journal-diocesain {
        width: 100%;
    }
}*/

/*@media screen and (min-width: 768px) {*/
    .section-accueil .journal-diocesain {
        width: 50%;
        margin-top: 50px;
    }

    #portal-column-two .journal-diocesain {
        margin-top: 50px;
    }

    .section-accueil .journal-diocesain, #portal-column-two .journal-diocesain {
        position: relative;
    }

    /*.section-accueil .journal-diocesain:after {
        background: url("../images/journal-diocese-quatre-pages-saint-denis.jpg") center center no-repeat;
        background-size: contain;
        content: " ";
        height: 90px;
        left: 50%;
        margin-left: 5px;
        position: absolute;
        top: 0;
        width: 90px;
    }

    #portal-column-two .journal-diocesain:after {
        background: url("../images/journal-diocese-quatre-pages-saint-denis.jpg") center center no-repeat;
        background-size: contain;
        content: " ";
        height: 90px;
        right: 0;
        margin-left: 5px;
        position: absolute;
        top: 0;
        width: 90px;
    }*/
/*}*/

dl.journal-diocesain dt.portletHeader {
    background: transparent;
    padding: 0 0 0 15px;
    border-left: 2px solid #eb6251;
}

#portal-column-two dl.journal-diocesain dt.portletHeader {
    width: 50%;
}

.journal-diocesain .portletHeader span {
    font-family: 'Poppins', sans-serif;
    color: #eb6251;
    font-weight: 600;
    font-size: 25px;
    text-transform: uppercase;
}
.journal-diocesain .portletHeader a,
#portal-columns .journal-diocesain .portletHeader a:hover,
#portal-columns .journal-diocesain .portletHeader a:focus{
    color: #eb6251!important;
    text-decoration: none;
}
#content .journal-diocesain .portletHeader span {
    line-height: 0.8;
}

#portal-column-two .journal-diocesain .portletHeader span {
    line-height: 0.9;
}

dl.journal-diocesain dd.portletItem {
    padding: 0;
}
dl.journal-diocesain dd.portletItem img {
    position: absolute;
    top: 0;
    right: 0;
}
#content dl.journal-diocesain dd.portletItem p, #portal-column-two dl.journal-diocesain dd.portletItem p {
    font-family: 'Poppins', sans-serif;
    color: #3b3b3b;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    padding-top: 15px;
    margin: 0;
    padding-left: 15px;
    padding-bottom: 10px;
    border-left: 2px solid #eb6251;
}

@media screen and (min-width: 768px) {
    #content dl.journal-diocesain dd.portletItem p:first-child, #portal-column-two dl.journal-diocesain dd.portletItem p:first-child {
        width: 50%;
        max-width: 50%;
    }
    dl.journal-diocesain dd.portletItem img {
        left: 305px;
        right: auto;
    }
    #portal-column-two dl.journal-diocesain dd.portletItem img {
        left: auto;
        right: 0;
    }

}

#content dl.journal-diocesain dd.portletItem p.tous, #portal-column-two dl.journal-diocesain dd.portletItem p.tous {
    padding: 25px 0 5px 0;
    position: relative;
}

#content dl.journal-diocesain dd.portletItem p.tous a, #portal-column-two dl.journal-diocesain dd.portletItem p.tous a {
    color: #eb6251;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding-left: 45px;
}

#content dl.journal-diocesain dd.portletItem p.tous a:before, #portal-column-two dl.journal-diocesain dd.portletItem p.tous a:before {
    background-color: #eb6251;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 300;
    padding: 7px 8px 7px 11px;
    content: ">";
    color: #ffffff;
    margin-right: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#content dl.journal-diocesain dd.portletItem p.tous a:hover,
#content dl.journal-diocesain dd.portletItem p.tous a:focus,
#portal-column-two dl.journal-diocesain dd.portletItem p.tous a:hover,
#portal-column-two dl.journal-diocesain dd.portletItem p.tous a:focus {
    color: #eb6251 !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== AGENDA
--------------------------------------------------------------------------------------------------------------*/
.agenda {
    float: right;
}

@media screen and (max-width: 767px) {
    .section-accueil .agenda {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .section-accueil .agenda {
        width: 50%;
        position: relative;
        max-width: 50%;
        margin-top: 120px;
    }
}

.section-accueil .agenda .portletHeader .entete {
    font-family: 'Poppins', sans-serif;
    color: #e2ddec;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 130px;
    line-height: 1;
    padding-left: 15px;
}
.section-accueil #content .agenda .bx-viewport{
    margin-top: -53px;
    border-left: 2px solid #8a78b4 !important;
    margin-bottom: 0;
    padding: 0 0 75px ;
}
.section-accueil #content .agenda ul {

}

.section-accueil #content .agenda ul li{
    padding: 0 0 0 15px;
}
.section-accueil #content .agenda ul li h2 {
    width: 100%;
}

.section-accueil #content .agenda ul li h2 a {
    font-family: 'osp-din', sans-serif;
    color: #3b3b3b;
    font-size: 45px;
    font-weight: 300;
    line-height: 0.85;
    letter-spacing: 0.04em;
    display: inline-block;
    margin-bottom: 15px;
}

.section-accueil #content .agenda ul li h2 a:hover, .section-accueil #content .agenda ul li h2 a:focus {
    color: #3b3b3b !important;
    text-decoration: none;
}

.section-accueil #content .agenda ul li > a.illustration,
.section-accueil #content .agenda ul li > a{
    display: block;
    width: 40%;
    margin-left: 10%;
    float: right;
}

.section-accueil #content .agenda ul li > a img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.section-accueil #content .agenda ul li > span, .section-accueil #content .agenda ul li > p {
    width: 50%;
    float: left;
}

.section-accueil #content .agenda ul li > span {
    font-family: 'Poppins', sans-serif;
    color: #8a78b4;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    padding-bottom: 40px;
}

.section-accueil #content .agenda ul li > p {
    font-family: 'Poppins', sans-serif;
    color: #3b3b3b;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0;
}
#content .agenda .bx-wrapper .bx-pager.bx-default-pager a:hover,
#content .agenda .bx-wrapper .bx-pager.bx-default-pager a.active{
    color: #8a78b4;

}
/* CLEARFIX */
.section-accueil #content .agenda ul li:before, .section-accueil #content .agenda ul li:after {
    content: " ";
    display: table;
}

.section-accueil #content .agenda ul li:after {
    clear: both;
}

/* PORTLET FOOTER */
.section-accueil #content .agenda .portletFooter {
    padding: 25px 0 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.section-accueil #content .agenda .portletFooter a {
    color: #8a78b4;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding-left: 45px;
}

.section-accueil #content .agenda .portletFooter a:before {
    background-color: #8a78b4;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 8px 10px 12px;
    content: ">";
    color: #ffffff;
    margin-right: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.section-accueil #content .agenda .portletFooter a:hover, .section-accueil #content .agenda .portletFooter a:focus {
    color: #8a78b4 !important;
    text-decoration: none;
}
.agenda .bx-wrapper .bx-controls{
    bottom:0;
}

/*--------------------------------------------------------------------------------------------------------------
	== LIENS DIVERS
--------------------------------------------------------------------------------------------------------------*/
.liens-divers {
}

.liens-divers.liens-groupe1 {
    float: left;
}

.liens-divers.liens-groupe2 {
    float: left;
}

@media screen and (max-width: 767px) {
    .section-accueil .liens-divers {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .section-accueil .liens-divers.liens-groupe1 {
        margin-left: 10%;
        width: 40%;
        margin-top: 50px;
        padding-left: 10px;
        max-width: 40%;
    }

    .liens-divers.liens-groupe2 {
        width: 50%;
        position: relative;
        max-width: 50%;
        margin-top: 50px;
    }
}

.section-accueil #content .liens-divers ul {
    position: relative;
}

.section-accueil #content .liens-divers ul li,
#portal-column-two .liens-divers ul li {
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    margin-bottom: 5px;
    position: relative;
    align-items: center;
}

#portal-column-two .liens-divers ul {
    margin-left: 4%;
    margin-top: 50px;
}

.section-accueil #content .liens-divers ul li:before,
#portal-column-two .liens-divers ul li:before {
    background-color: #e1a643;
    border: 10px solid #f2c56c;
    content: " ";
    margin-right: 10px;
}
.section-accueil #content .liens-divers ul li.don:before,
#portal-column-two .liens-divers ul li.don:before {
    background-color: #eb6251;
    border: 10px solid #fad8d3;
}
.section-accueil #content .liens-divers ul li:before {
    width: 100px;
    height: 100px;
}

#portal-column-two .liens-divers ul li:before {
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px;
}

.section-accueil #content .liens-divers ul li a:before,
#portal-column-two .liens-divers ul li a:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.section-accueil #content .liens-divers ul li a,
#portal-column-two .liens-divers ul li a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000000;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-accueil #content .liens-divers ul li a {
    font-size: 12px;
}

#portal-column-two .liens-divers ul li a {
    font-size: 10px;
}

.section-accueil #content .liens-divers ul li a strong,
#portal-column-two .liens-divers ul li a strong {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #333333;
    line-height: 1;
    padding-top: 10px;
    text-transform: none;
}

.section-accueil #content .liens-divers ul li a strong {
    font-size: 30px;
}

#portal-column-two .liens-divers ul li a strong {
    font-size: 20px;
}

.section-accueil #content .liens-divers ul li a:hover,
.section-accueil #content .liens-divers ul li a:focus,
#portal-column-two .liens-divers ul li a:hover,
#portal-column-two .liens-divers ul li:focus {
    color: #000000 !important;
    text-decoration: none;
}

.section-accueil #content .liens-divers ul li a strong:hover,
.section-accueil #content .liens-divers ul li a strong:focus,
#portal-column-two .liens-divers ul li a strong:hover,
#portal-column-two .liens-divers ul li a strong:focus {
    color: #333333 !important;
}

.section-accueil #content .liens-groupe1:before, .section-accueil #content .liens-groupe1:after,
.section-accueil #content .liens-groupe2:before, .section-accueil #content .liens-groupe2:after,
.section-accueil #content .liens-divers ul li:before, .section-accueil #content .liens-divers ul li:after {
    display: table;
    content: " ";
}

.section-accueil #content .liens-groupe1:after, .section-accueil #content .liens-groupe2:after,
.section-accueil #content .liens-divers ul li:after {
    clear: both;
}

/* Backgrounds li */

.liens-divers ul li.question:before {
    background: url('../images/st-denis-cyberecure-question.png') no-repeat center center;
}

.liens-divers ul li.recherche:before {
    background: url('../images/st-denis-information-recherche.png') no-repeat center center;
}

.liens-divers ul li.don:before {
    background: url('../images/st-denis-donner-eglise-denier.png') no-repeat center center;
}

.liens-divers ul li.jesus:before {
    background: url('../images/st-denis-rencontrer-jesus.png') no-repeat center center;
}

.liens-divers ul li.parcous:before {
    background: url('../images/st-denis-parcours-foi.png') no-repeat center center;
}

.liens-divers ul li.formations:before {
    background: url('../images/st-denis-formations.png') no-repeat center center;
}

/*--------------------------------------------------------------------------------------------------------------
	== ACCES MEDIAS
--------------------------------------------------------------------------------------------------------------*/
.section-accueil #portal-column-content #content .acces-medias {
    display: inline-block;
}

#portal-column-two .acces-medias {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}

@media screen and (min-width: 768px) {
    .section-accueil #portal-column-content #content .acces-medias {
        /*position: absolute;
        bottom: 6%;
        right: 0;
        z-index: 5;*/
        float: right;
        margin:20px 0 0;
    }
}

.section-accueil #portal-column-content #content .acces-medias ul {
}

.section-accueil #portal-column-content #content .acces-medias ul li {
    display: inline-block;
}

#portal-column-two .acces-medias ul li {
    display: block;
    margin-left: 4%;
}

.section-accueil #portal-column-content #content .acces-medias ul li a {
    color: #ffffff;
    display: block;
    font-family: "leaguespartan", sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 15px 62px;
    margin-right: 10px;
}

#portal-column-two .acces-medias ul li a {
    color: #ffffff;
    display: block;
    font-family: "leaguespartan", sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 15px 62px;
    width: 100%;
}

.section-accueil #portal-column-content #content .acces-medias ul li a:hover,
.section-accueil #portal-column-content #content .acces-medias ul li a:focus,
#portal-column-two .acces-medias ul li a:hover,
#portal-column-two .acces-medias ul li a:focus {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #62bcba !important;
}

.section-accueil #portal-column-content #content .acces-medias ul li.sons a,
#portal-column-two .acces-medias ul li.sons a {
    background: #d9aa4d url('../images/diocese-saint-denis-sons.png') 18px center no-repeat;
}

.section-accueil #portal-column-content #content .acces-medias ul li.documents a,
#portal-column-two .acces-medias ul li.documents a {
    background: #bb98ae url('../images/diocese-saint-denis-documents.png') 18px center no-repeat;
}

.section-accueil #portal-column-content #content .acces-medias ul li.annuaire a,
#portal-column-two .acces-medias ul li.annuaire a {
    background: #df866b url('../images/diocese-saint-denis-annuaire.png') 18px center no-repeat;
}

#portal-column-two .acces-medias ul li.videos a {
    background: #4eb16d url('../images/diocese-saint-denis-videos.png') 18px center no-repeat;
}

#portal-column-two .acces-medias ul li.photos a {
    background: #90c849 url('../images/diocese-saint-denis-photos.png') 18px center no-repeat;
}
.section-accueil #portal-column-content #content .acces-medias ul li.archive a,
#portal-column-two .acces-medias ul li.archive a {
    background: #bebebe url('../images/diocese-saint-denis-archive.png') 18px center no-repeat;
}

/*--------------------------------------------------------------------------------------------------------------
	== BANIERES
--------------------------------------------------------------------------------------------------------------*/
.section-accueil #portal-column-content #content .banieres {
    margin-left: -5px;
    margin-right: -5px;
}

.section-accueil #portal-column-content #content .banieres .portletHeader {
    display: none;
}

.section-accueil #portal-column-content #content .banieres ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
}

.section-accueil #portal-column-content #content .banieres ul li {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 10px 5px;
}

.section-accueil #portal-column-content #content .banieres ul li a:hover img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.section-accueil #portal-column-content #content .banieres ul li a img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    z-index: 1;
    transition: all 1s ease 0s;
}

.section-accueil #portal-column-content #content .banieres ul li h2 {
    display: none;
}


@media screen and (max-width: 599px) {
    .section-accueil #portal-column-content #content .banieres ul li {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .section-accueil #portal-column-content #content .banieres ul li {
        width: 50%;
    }

    .section-accueil #portal-column-content #content .banieres {
        margin-top: 10px;
    }
}

#portal-columns #below-content .banieres {
    padding: 50px 0;
}

#portal-columns #below-content .banieres .portletHeader {
    display: none;
}

#portal-columns #below-content .banieres ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: center;
    -webkit-justify-content: center;
}

#portal-columns #below-content .banieres ul li {
    width: 25%;
    padding: 0 5px;
    max-width: 25%;
}

#portal-columns #below-content .banieres ul li a.illustration img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    transition: all 1s ease 0s;
}

#portal-columns #below-content .banieres ul li a.illustration img:hover {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#portal-columns #below-content .banieres ul li h2 {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== IMAGES
--------------------------------------------------------------------------------------------------------------*/
.images {
}

/*
	VIDEO
*/
.images.videos {
    margin: 0;
    position: relative;
}

/*@media screen and (max-width: 991px) {
    .images.videos {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}*/

/*@media screen and (min-width: 992px) {*/
    .section-accueil #content .images.videos {
        margin-left: 15px;
        width: 60%;
        padding-top: 25%;
    }

    .images.videos .entete {
        position: absolute;
        right: 20%;
        top: 20%;
        margin-right: -5px;
    }
/*}*/

.images.videos .entete {
    font-family: 'Poppins', sans-serif;
    color: #d3ebda;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 130px;
    line-height: 1;
}

.images.videos .bx-wrapper {
    z-index: 3;
    position: relative;
    margin: 0;
    padding:0;
}

/* VIDEO RESPONSIVE 16:9 */
.images.videos .bx-wrapper .bx-viewport ul li div.video div {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.images.videos .bx-wrapper .bx-viewport ul li div.video div iframe,
.images.videos .bx-wrapper .bx-viewport ul li div.video div object{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
	ALBUMS
*/
.images.albums, .images.albums .bx-wrapper {
    margin: 0;
}

/*@media screen and (max-width: 991px) {
    .images.albums {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}*/

/*@media screen and (min-width: 992px) {*/
    .section-accueil #content .images.albums {
        width: 50%;
        position: absolute;
        top: 50px;
        right: 15px;
        z-index: 2;
    }
/*}*/

/* DESCRIPTIONS VIDEO + ALBUMS*/

/* h2 + p.description */

#content .images.videos .bx-wrapper .bx-viewport ul li p.description,
#content .images.albums .bx-wrapper .bx-viewport ul li p.description {
    padding-bottom: 15px;
}

#content .images.videos .bx-wrapper .bx-viewport ul li h2,
#content .images.albums .bx-wrapper .bx-viewport ul li h2 {
    padding-top: 25px;
    padding-bottom: 10px;
    line-height:1;
}

#content .images.videos .bx-wrapper .bx-viewport ul li h2 a,
#content .images.videos .bx-wrapper .bx-viewport ul li p.description,
#content .images.albums .bx-wrapper .bx-viewport ul li h2 a,
#content .images.albums .bx-wrapper .bx-viewport ul li p.description {
    display: block;
    color: #3b3b3b;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    padding-left: 15px;
}

#content .images.videos .bx-wrapper .bx-viewport ul li h2 a,
#content .images.albums .bx-wrapper .bx-viewport ul li h2 a {
    font-weight: bold;
}





#content .images.videos .bx-wrapper .bx-viewport ul li h2 a:hover,
#content .images.videos .bx-wrapper .bx-viewport ul li h2 a:focus,
#content .images.albums .bx-wrapper .bx-viewport ul li h2 a:hover,
#content .images.albums .bx-wrapper .bx-viewport ul li h2 a:focus {
    text-decoration: none;
    color: #3b3b3b;
}

/*@media screen and (min-width: 992px) {*/
    .images.videos .bx-wrapper .bx-viewport ul li h2,
    .images.videos .bx-wrapper .bx-viewport ul li p,
    .images.videos .portletFooter a,
    .images.albums .bx-wrapper .bx-viewport ul li h2,
    .images.albums .bx-wrapper .bx-viewport ul li p,
    .images.albums .portletFooter a {
        margin-left: 33.3333334%;
    }

    .images.videos .bx-wrapper .bx-viewport ul li p, .images.albums .bx-wrapper .bx-viewport ul li p {
        margin-bottom: 0;
    }

    #content .images.albums .bx-wrapper:after {
        border-left: 2px solid #90c849;
        position: absolute;
        display: block;
        content: " ";
        width: 1px;
        left: 33.333334%;
        height: 50%;
        bottom: 0;
        z-index: 1;
    }

    #content .images.albums .bx-wrapper .bx-viewport {
        z-index: 2;
    }

    #content .images.videos .bx-wrapper:after {
        border-left: 2px solid #4eb16d;
        position: absolute;
        display: block;
        content: " ";
        width: 1px;
        left: 33.333334%;
        height: 50%;
        bottom: 0;
        z-index: 1;
    }

    #content .images.videos .bx-wrapper .bx-viewport {
        z-index: 2;
    }
/*}*/

/* Subtitle */
.section-accueil #content .images.albums .portletFooter a,
.section-accueil #content .images.videos .portletFooter a {
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    display: inline-block;
}

.section-accueil #content .images.albums .portletFooter a:hover,
.section-accueil #content .images.albums .portletFooter a:focus {
    color: #90c849 !important;
    text-decoration: none;
}

.section-accueil #content .images.videos .portletFooter a:hover,
.section-accueil #content .images.videos .portletFooter a:focus {
    color: #4eb16d !important;
    text-decoration: none;
}

.section-accueil #content .images.albums .portletFooter a {
    border-left: 2px solid #90c849 !important;
    color: #90c849;
}

.section-accueil #content .images.albums .portletFooter a:before {
    background-color: #90c849;
}

.section-accueil #content .images.videos .portletFooter a {
    border-left: 2px solid #4eb16d !important;
    color: #4eb16d;
}

.section-accueil #content .images.videos .portletFooter a:before {
    background-color: #4eb16d;
}

/*@media screen and (min-width: 992px) {*/
    .section-accueil #content .images.albums .portletFooter a,
    .section-accueil #content .images.videos .portletFooter a {
        padding: 10px 0 9px 45px;
        display: inline-block;
    }

    .section-accueil #content .images.albums .portletFooter a:before,
    .section-accueil #content .images.videos .portletFooter a:before {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
        padding: 10px 8px 10px 12px;
        content: ">";
        color: #ffffff;
        position: absolute;
        bottom: 0;
        left: 33.33333334%;
    }
/*}*/

/*--------------------------------------------------------------------------------------------------------------
	== PARTENAIRES
--------------------------------------------------------------------------------------------------------------*/
.partenaires {
}

.section-accueil .partenaires .portletHeader {
    display: none;
}

.section-accueil .partenaires ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.section-accueil #content .partenaires ul li {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 0 15px;
}

.section-accueil #content .partenaires ul li.conference-des-eveques-de-france {
    order: 2;
}

.section-accueil #content .partenaires ul li.kto {
    order: 3;
}

.section-accueil #content .partenaires ul li.la-croix {
    order: 5;
}

.section-accueil #content .partenaires ul li.le-jour-du-seigneur {
    order: 4;
}

.section-accueil #content .partenaires ul li.radio-notre-dame {
    order: 6;
}

.section-accueil #content .partenaires ul li.vatican {
    order: 1;
}

.section-accueil #content .partenaires ul li a {
    display: block;
    max-width: 100%;
}

.section-accueil #content .partenaires ul li a.savoirplus {
    display: none;
}

.section-accueil #content .partenaires ul li a img {
    display: block;
    max-width: 100%;
}

.section-accueil #content .partenaires ul li h2 {
    display: none;
}

@media screen and (max-width: 599px) {
    .section-accueil #content .partenaires ul li {
        width: 100%;
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .section-accueil #content .partenaires ul li {
        width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-accueil #content .partenaires ul li {
        width: 33.333334%;
    }
}

@media screen and (min-width: 1200px) {
    .section-accueil #content .partenaires ul li {
        width: 16.666667%;
    }
}

/*--------------------------------------------------------------------------------------------------------------
	== SOUS NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.portletNavigationTree {
    margin: 0 0 50px 0;
    padding-right: 15px;
}

#portal-column-two dl.portlet.portletNavigationTree {
    margin: 50px 0 0 13px;
}

dl.portlet.portletNavigationTree dd ul {
}

/* RACINE NAVTREETOPNODE */
#portal-columns dl.portlet.portletNavigationTree ul li.navTreeTopNode {
    margin: 0 0 8px;
    padding: 0;
    background: none;
    border: none;
    font-family: 'Poppins', sans-serif;
}

#portal-columns dl.portlet.portletNavigationTree ul li.navTreeTopNode a {
    color: #3d3d3d !important;
    font-size: 18px !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

#portal-columns dl.portlet.portletNavigationTree ul li.navTreeTopNode a:hover,
#portal-columns dl.portlet.portletNavigationTree ul li.navTreeTopNode a:focus,
#portal-columns dl.portlet.portletNavigationTree ul li.navTreeTopNode a.navTreeCurrentItem {
    color: #3d3d3d !important;
    text-decoration: none;
    background: none;
}

/* premier niveau */
dl.portlet.portletNavigationTree ul li,
dl.portlet ul.navTreeLevel0 > .navTreeItem {
    margin: 0;
    padding: 0;
    border: none;
}

#portal-columns dl.portlet.portletNavigationTree ul > li a {
    color: #62bcba!important;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    padding: 10px 20px 10px 15px !important;
    font-weight: 400;
    display: inline-block;
}


#portal-columns dl.portlet.portletNavigationTree ul.navTreeLevel0 > li a.navTreeCurrentItem,
#portal-columns dl.portlet.portletNavigationTree ul > li.navTreeItemInPath > a {
    text-decoration: none;
    color: #ffffff !important;
    background-color: #62bcba;
}

#portal-columns #portal-column-content dl.portlet.portletNavigationTree ul > li a:hover,
#portal-columns #portal-column-content dl.portlet.portletNavigationTree ul > li a:focus{
	color:#000 !important;
	text-decoration:none;
}

#portal-columns dl.portlet.portletNavigationTree ul.navTreeLevel1 > li a.navTreeCurrentItem{
	color:#62bcba !important;
	text-decoration:none;
	font-weight:bold;
	background-color:#fff;
}

dl.portlet.portletNavigationTree ul li a {
    margin: 0;
    /*	padding:0!important;
    */
    background: none;
    /*	font-size:1.1em;
    */
    line-height: 1.2em;
    /*	color:#000!important;
    */
}

dl.portlet.portletNavigationTree ul li a:hover,
dl.portlet.portletNavigationTree ul li a:focus {
    /*	color:#000!important;
    */
}

dl.portlet.portletNavigationTree ul li a.navTreeCurrentItem,
dl.portlet.portletNavigationTree ul li a.navTreeItemInPath {
    margin: 0;
    background: none;
    border: none;
    font-weight: bold;
}

dl.portlet.portletNavigationTree ul li a img {
    display: none;
}

/* deuxieme niveau */
dl.portlet.portletNavigationTree ul li ul {
    margin: 5px 0 5px 15px;
    border-left: 2px solid #62bcba;
    /*	border-top:1px dotted #000;
    */
}

dl.portlet.portletNavigationTree ul li ul li.navTreeItem {
    margin: 0;
    padding: 0;
    background: none;
    /*	border-bottom:1px dotted #000;
    */
}

dl.portlet.portletNavigationTree ul li ul li a {
    font-size: 0.9em;
}

dl.portlet.portletNavigationTree ul li ul li a.navTreeCurrentItem {
    font-weight: bold;
}

/* troisieme niveau */
dl.portlet.portletNavigationTree ul li li ul {
    margin: 0 0 0 10px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 1210px;
}

.section-accueil #portal-top {
    position: relative;
    z-index: 5;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 0;
    min-height: 500px;
    border-left: 1px solid #f5f5f5;
}

.section-accueil #portal-top::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25%;
    z-index: 1;
    width: 1px;
    background: #f5f5f5;
}

.section-accueil #portal-top > * {
    position: relative;
    z-index: 2;
}

#portal-menufixe {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-bottom: 1px solid rgba(88, 88, 88, 0.1);
}

#portal-menufixe > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 1210px;
}

.section-accueil #portlets-in-header {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    z-index: 1;
    margin: 0;
    overflow: hidden;
    box-shadow: #999 5px 5px 50px;
}

/*--------------------------------------------------------------------------------------------------------------
	== LOGO
--------------------------------------------------------------------------------------------------------------*/
#portal-logo {
    display: block;
    margin: 10px 0;
    height: 100px;
}

#portal-logo img {
    height: 100%;
    width: auto;
}

.section-accueil #portal-logo {
    order: 1;
    margin: 0;
    max-width: 30%;
    height: auto;
}

.section-accueil #portal-logo img {
    height: auto;
    width: 100%;
}

/*
    FIXE
*/
#portal-logo-fixe {
    order: 2;
    display: block;
    margin: 10px 0;
    height: 100px;
}

#portal-logo-fixe img {
    height: 100%;
    width: auto;
}

/*--------------------------------------------------------------------------------------------------------------
	== RECHERCHE
--------------------------------------------------------------------------------------------------------------*/
#portal-searchbox {
    float: none;
    position: relative;
    z-index: 200;
    width: 17px;
    height: 17px;
    background: url('../images/picto-rechercher.png') right center no-repeat;
}

.section-accueil #portal-searchbox {
    order: 2;
    margin: 0 0 0 15%;
    width: auto;
    height: auto;
    background: none;
}

#portal-searchbox-fixe {
    order: 3;
    position: relative;
    width: 17px;
    height: 17px;
    background: url('../images/picto-rechercher.png') right center no-repeat;
}

#portal-searchbox form,
#portal-searchbox-fixe form {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#portal-searchbox:hover form,
#portal-searchbox-fixe:hover form {
    opacity: 1;
    visibility: visible;
}

.section-accueil #portal-searchbox form {
    position: relative;
    right: auto;
    display: inline-block;
    opacity: 1;
    visibility: visible;
}

#portal-searchbox input[type=text],
#portal-searchbox-fixe input[type=text] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0 5px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #62bcba;
    font-family: 'leaguespartan', serif;
    letter-spacing: 4px;
    font-size: 14px;
    color: #0b0c11;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.section-accueil #portal-searchbox input[type=text] {
    position: relative;
    font-size: 14px;
}

#portal-searchbox input[type=submit],
#portal-searchbox-fixe input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: none;
    border: none;
    text-indent: -5000px;
    cursor: pointer;
}
#portal-searchbox input[type=submit]{
    background: url('../images/picto-rechercher.png') right center no-repeat;
}

.section-accueil #portal-searchbox input[type=submit] {
    background: url('../images/picto-rechercher.png') right center no-repeat;
}

#portal-searchbox .searchSection,
#portal-searchbox #LSShadow,
#portal-searchbox-fixe .searchSection,
#portal-searchbox-fixe #LSShadow {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION FIXE
--------------------------------------------------------------------------------------------------------------*/
#portal-menufixe {
    order: 1;
}

/*
    BOUTONS
*/
#portal-menufixe #portal-navigation-fixe > a {
    padding-bottom: 5px;
    border-bottom: 1px solid #62bcba;
    font-family: 'leaguespartan', serif;
    letter-spacing: 4px;
    font-size: 12px;
    text-transform: uppercase;
    color: #0b0c11;
}

#portal-menufixe #portal-navigation-fixe a:hover,
#portal-menufixe #portal-navigation-fixe a:focus {
    text-decoration: none;
}

#portal-menufixe #portal-navigation-fixe.open > a,
#portal-menufixe #portal-navigation-fixe.close ul#portal-globalnav-fixe + a {
    display: none;
}

#portal-menufixe #portal-navigation-fixe #nav-cache-fixe-fixe ul#portal-globalnav-fixe + a {
    position: fixed;
    top: -50px;
    color: #62bcba;
    font-weight: 700;
    font-size: 2em;
}

/*
    RUBRIQUES
*/
#portal-menufixe #portal-navigation-fixe #nav-cache-fixe-fixe {
    position: fixed;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
}

#portal-menufixe ul#portal-globalnav-fixe {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1210px;
    padding: 20px 0 0;
}

#portal-menufixe ul#portal-globalnav-fixe li {
    width: 22%;
}

#portal-menufixe ul#portal-globalnav-fixe li#portaltab-index_html {
    display: none;
}

#portal-menufixe ul#portal-globalnav-fixe li a {
    color: #62bcba;
    font-family: 'leaguespartan', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    letter-spacing: 4px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    margin-bottom: 20px;
    min-height: 30px;
}

#portal-menufixe ul#portal-globalnav-fixe li a:hover,
#portal-menufixe ul#portal-globalnav-fixe li a:focus {
    color: #172e52;
    text-decoration: none;
}

/*
    SOUS MENU
*/
#portal-menufixe ul#portal-globalnav-fixe li ul.submenu {
    display: block;
    position: relative;
    top: auto;
}

#portal-menufixe ul#portal-globalnav-fixe li ul.submenu li {
    display: block;
    margin: 0 0 10px;
    width: 100%;
}

#portal-menufixe ul#portal-globalnav-fixe li ul.submenu li a {
    color: #3b3b3b;
    font-family: 'leaguespartan', sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    display: inline;
    letter-spacing: 2px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    line-height: normal;
    margin: 0 0 15px 0;
}

#portal-menufixe ul#portal-globalnav-fixe li ul.submenu li a:hover,
#portal-menufixe ul#portal-globalnav-fixe li ul.submenu li a:focus {
    color: #62bcba;
    text-decoration: none;
}

#portal-menufixe ul#portal-globalnav-fixe li ul.submenu li a img {
    display: none;
}

#portal-navigation-fixe #nav-cache-fixe-fixe {
    display: none;
}

/*
    ANIMATION
*/
#portal-navigation-fixe #nav-cache-fixe-fixe:target,
#portal-navigation-fixe.open #nav-cache-fixe-fixe {
    display: block;
}

#portal-navigation ul#nav-cache-fixe:target,
#portal-navigation-fixe.close #nav-cache-fixe-fixe {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
#portal-navigation {
    position: relative;
    z-index: 150;
    margin: 0;
    font-family: 'leaguespartan', sans-serif;
}

.section-accueil #portal-navigation {
    order: 3;
    max-width: 750px;
}

/*
	BOUTONS
*/
#portal-navigation > a,
#portal-navigation ul#portal-globalnav + a {
    display: none;
}

/*
  	RUBRIQUES
*/
#portal-globalnav {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    background: #fff;
}

.section-accueil #portal-globalnav {
    display: block;
    background: none;
}

#portal-globalnav > li {
    position: relative;
    margin: 0 0 0 2%;
    display: inline-block;
    max-width: 25%;
}

.section-accueil #portal-globalnav > li {
    position: relative;
    margin: 15px 15px 0 0;
    display: inline-block;
    max-width: none;
}

#portal-globalnav > li > a {
    padding: 0;
    min-width: 0;
    border: none;
    font-size: 12px;
    background: none;
    color: #62bcba;
    text-transform: uppercase;
    display: block;
    line-height: 1.4;
    letter-spacing: 4px;
}

.section-accueil #portal-globalnav > li > a {
    padding: 15px 25px;
    background-color: #62bcba;
    color: #ffffff;
}

#portal-globalnav li:hover a,
#portal-globalnav .selected a,
#portal-globalnav .selected a:hover,
#portal-globalnav .selected a:focus,
#portal-globalnav a:hover,
#portal-globalnav a:focus {
    color: #172e52!important;
    text-decoration: none;
    background: none;
}

.section-accueil #portal-globalnav li:hover a,
.section-accueil #portal-globalnav .selected a,
.section-accueil #portal-globalnav .selected a:hover,
.section-accueil #portal-globalnav .selected a:focus,
.section-accueil #portal-globalnav a:hover,
.section-accueil #portal-globalnav a:focus {
    color: #ffffff!important;
    text-decoration: none;
    background-color: #172e52;
}

#portal-globalnav li#portaltab-index_html {
    display: none;
}

/*
	MENU DEROULANT
*/
#portal-globalnav li ul.submenu {
    z-index: 2;
    /*	padding:10px;
    */
    width: auto;
    background: #f3f3f3;
    border:none;
}

#portal-globalnav li ul.submenu li {
    display: block;
    float: none;
    width: auto;
}

#portal-globalnav li ul.submenu li + li {
    /*	margin:10px 0 0;
        padding:10px 0 0;
    */
    border-top: 1px solid #fff;
}

#portal-top #portal-globalnav li ul.submenu li a {
    padding: 10px;
    min-width: 0;
    width: auto;
    background: none;
    border: none;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
    color: #172e52 !important;
    letter-spacing: 1px;
}

#portal-top #portal-globalnav li ul.submenu li a:hover,
#portal-top #portal-globalnav li ul.submenu li a:focus {
    border: none;
    background: #172e52;
    color: #ffffff !important;
}

#portal-globalnav li ul.submenu li a img {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTON SE CONNECTER
--------------------------------------------------------------------------------------------------------------*/
#portal-personaltools-wrapper {
}

#portal-personaltools-wrapper ul#portal-personaltools,
#portal-personaltools-wrapper dl {
    position: fixed;
    padding: 0;
    background: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#portal-personaltools-wrapper > ul {
    display: none;
}

#portal-personaltools-wrapper ul li a,
#portal-personaltools-wrapper dl a {
    color: #000;
    font-size: 1.3em;
}

#portal-personaltools-wrapper ul li a {
    text-decoration: underline;
}

#portal-personaltools-wrapper ul li a + a {
    display: none;
}

#portal-personaltools-wrapper dl dd {
}

#portal-personaltools-wrapper dl dd a:hover {
    background: #000;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
/*ensemble des trois colonnes*/
#portal-columns {
    position: relative;
    margin: auto;
    max-width: 1210px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

#portal-columns::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    width: 50%;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

#portal-columns:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    z-index: 1;
    width: 1px;
    background: #f5f5f5;
}

#portal-columns > * {
    position: relative;
    z-index: 2;
}

#below-content {
    clear: both;
}

/*--------------------------------------------------------------------------------------------------------------
	== CENTRE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content {
    float: left;
    margin: 50px 0 0 0;
    padding: 0 15px 0 0;
    width: 74%;
}

.section-accueil #portal-columns #portal-column-content {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.section-accueil #portal-column-content #content{
	float: none;
	width: 100%;
    clear: right;
}

.portaltype-folder #portal-column-content #content{
	/*float: right;
	width: 70%;*/
}


#portal-column-content #content {
    margin: 0;
    padding: 0;
    min-height: 300px;
    min-width: 70%;
    background: transparent;
    overflow: hidden;
	/* Ajout Vincent
	float: right;
	width: 70%;*/
}



/*--------------------------------------------------------------------------------------------------------------
	== COLONNES
--------------------------------------------------------------------------------------------------------------*/
#portal-column-one {
    float: left;
    width: 30%;

}

#portal-column-two {
    float: right;
    width: 26%;
}

.template-search #portal-column-two {
    margin-top: 69px;
}

/*--------------------------------------------------------------------------------------------------------------
	== ABOVE CONTENT
--------------------------------------------------------------------------------------------------------------*/
#above-content {
}

/*
	CHEMIN DE FER
*/
#portal-breadcrumbs {
    margin: 0;
    padding: 20px 0;
    color: #858585;
}

#portal-breadcrumbs #breadcrumbs-you-are-here {
    display: none;
}

#portal-breadcrumbs a {
    color: #858585;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 15px;
}

#portal-breadcrumbs #breadcrumbs-home a {
    margin: 0 15px 0 0;
}

#portal-breadcrumbs a:hover,
#portal-breadcrumbs a:focus {
    color: #858585;
    text-decoration: none;
}

#portal-breadcrumbs .breadcrumbSeparator {
    color: #858585;
    font-family: 'leaguespartan', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

/*
	MESSAGE DE FEEDBACK
*/
dl.portalMessage {
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid #000;
    font-size: 1.1em;
}

dl.portalMessage dt {
    background: #000;
}

dl.error dd {
    background: #fff;
}

/*
	PORTLETS
*/
#portlets-above {
}

#portlets-above > div + div {
    margin: 20px 0 0;
}

#portlets-above dl.portlet {
    margin: 0;
}

#portlets-above dl.portlet dt {
    margin: 0;
}

#portlets-above dl.portlet dd {
}

#portlets-above dl.portlet dd p {
    margin: 10px 0 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== ELEMENTS GENERAUX
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #portal-intro {
    overflow: hidden;
    padding-right: 15px;
}

/*
	PARTAGE
*/
.section-accueil .documentActions {
    display: none;
}
#portal-intro .documentActions {
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#portal-intro .documentActions ul li div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#portal-intro .documentActions ul li div span {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 0 0 3px;
    border-bottom: 2px solid #62bcba;
}

#portal-intro .documentActions ul li a {
    float: none;
    display: inline-block;
    margin: 0 5px;
    width: 16px;
    height: 18px;
}

#portal-intro .documentActions ul li a.addthis_button_facebook {
    background: url("../images/picto-facebook.png") center center no-repeat;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

#portal-intro .documentActions ul li a.addthis_button_twitter {
    background: url("../images/picto-twitter.png") center center no-repeat;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

#portal-intro .documentActions ul li a.addthis_button_email {
    background: url("../images/picto-mail.png") center center no-repeat;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

#portal-intro .documentActions ul li a.addthis_button_print {
    background: url("../images/picto-print.png") center center no-repeat;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

#portal-intro .documentActions ul li a span {
    display: none;
}

/*
	TITRE
*/
#portal-column-content h1 {
    border: none;
    font-family: 'osp-din', sans-serif;
    /*	color:#000;
    */
}

#portal-column-content #portal-intro h1 {
    color: #62bcba;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1;
	margin:10px 0 0 0;
}

.section-accueil #portal-column-content h1 {
    position: absolute;
    top: -5000px;
}

#portal-column-content h1 span.discreet {
    display: block;
}

#portal-column-content h1 strong#search-term {
    color: #000;
    font-style: italic;
    text-transform: none;
}

/*
  	IMAGE
*/
#portal-column-content .imageContainer {
    display: none;
    margin: 10px 0;
}

#portal-column-content .imageContainer p {
    color: #000;
}

#portal-column-content #portal-intro .imageContainer .discreet {
    font-family: "Poppins", sans-serif;
    color: #62bcba;
    font-size: 14px;
    font-weight: 400;
}

/*
	DESCRIPTION
*/
#portal-column-content .documentDescription {
    margin: 0;
    padding: 20px 0 25px 0;
    color: #333333;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.5em;
	font-weight:bold;
}

.section-accueil #portal-column-content .documentDescription {
    position: absolute;
    top: -5000px;
    padding: 0;
}

#portal-column-content .imageContainer img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

/*
	CORPS DE TEXTE
*/
#portal-column-content #content-core {
    margin: 30px 0 0;
    /*clear: both;*/
    padding-right: 15px;
    padding-left: 10px;
}

#portal-column-content #content-core > div {
    font-size: 1.4em;
    line-height: 1.4;
}

/*
  	SOMMAIRE
*/
#portal-column-content dl.toc {
    float: none;
    margin: 10px 0;
    width: 100%;
}

#portal-column-content dl.toc dt {
    margin: 0;
    color: #000;
}

#portal-column-content dl.toc dd {
    margin: 0;
    color: #000;
}

#portal-column-content dl.toc dd li {
    margin: 0 0 8px;
    line-height: 1.1;
}

#portal-column-content dl.toc dd li a,
#portal-column-content dl.toc dd li a:hover,
#portal-column-content dl.toc dd li a:focus {
    color: #000 !important;
}

/*
	PAGINATION
*/
#portal-column-content .listingBar {
    padding: 2px 0;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
    text-align: center;
    font-size: 1.1em;
}

#portal-column-content .listingBar a {
    padding: 0;
    border: none;
}

#portal-column-content .listingBar a:hover,
#portal-column-content .listingBar a:focus {
    background: none;
    color: #000 !important;
}

#portal-column-content .listingBar span a {
    font-weight: bold;
}

#portal-column-content .listingBar .previous {
    float: left;
}

#portal-column-content .listingBar .current {
    font-weight: bold;
}

/*
	CONTENUS CORRRELES
*/
#portal-column-content .relatedItems {
    margin: 20px 0 0;
    padding: 10px;
    background: #ccc;
}

#portal-column-content .relatedItems dl {
    overflow: hidden;
}

#portal-column-content .relatedItems dl dt {
    margin: 0 0 5px;
    font-size: 1.3em;
    font-weight: bold;
}

#portal-column-content .relatedItems dl dd {
    float: left;
    margin: 0;
    padding: 0 0 0 8px;
    width: 45%;
    background: url(../images/puce-noire-petite.png) 0 0.6em no-repeat;
    font-size: 1.1em;
}

#portal-column-content .relatedItems dl dd span {
    padding: 0 !important;
    background: none;
    line-height: 1;
}

#portal-column-content .relatedItems dl dd span a,
#portal-column-content .relatedItems dl dd span a:hover,
#portal-column-content .relatedItems dl dd span a:focus {
    color: #000 !important;
}

#portal-column-content .relatedItems dl dd span img {
    display: none;
}

/*
	MOTS CLES
*/
#category {
    margin: 10px 0 0;
    /*display:none;*/
}

#category a.link-category {
    background: #ccc;
}

#category a.link-category:hover,
#category a.link-category:focus {
    background: #000;
}

/*
	COMMENTAIRES
*/
.discussion {
    margin: 50px 0 20px;
    border-bottom: 5px solid #f3f2f1;
}

.discussion:before {
    content: "Commentaires";
    display: block;
    margin: 0 0 10px;
    font-size: 3em;
    color: #9d9893;
}

.discussion > div {
    margin: 0 0 10px;
    padding: 10px 0 0;
    border-top: 5px solid #f3f2f1;
    text-align: right;
}

.discussion > .replyTreeLevel1 {
    margin-left: 30px;
}

.discussion .documentByLine {
    float: none;
    margin: 0;
    text-align: left;
    font-size: 1.4em;
    font-weight: 700;
    color: #9d9893;
}

.discussion > div .commentImage {
    display: none;
}

.discussion > div .commentDate {
    display: inline;
    font-weight: 400;
}

.discussion > div .commentBody {
    position: relative;
    margin: 10px 0;
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: left;
    font-size: 1.3em;
    color: #9d9893;
    overflow: visible;
}

.discussion > div .commentBody p {
    float: none;
}

.discussion > div button {
    margin: 0;
    padding: 5px;
    background: #f3f2f1;
    border: none;
    font-weight: bold;
    font-size: 1em;
    color: #9d9893;
    text-transform: uppercase;
    cursor: pointer;
}

.discussion > div button:hover {
    color: #000;
}

/*
	DEPOT DE COMMENTAIRES
*/
#commenting {
    margin: 0;
}

.reply {
    margin: 20px 0 0 80px;
}

#commenting fieldset,
.reply fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#commenting fieldset legend,
.reply fieldset legend {
    margin: 0;
    padding: 0;
    font-size: 2em;
    line-height: 1.8;
    color: #9d9893;
}

#commenting fieldset p,
.reply fieldset p {
    display: none;
}

#commenting fieldset form,
.reply fieldset form {
    margin: 0;
}

#commenting fieldset form .field,
.reply fieldset form .field {
    clear: none;
    text-align: left;
}

#commenting fieldset form .field label,
.reply fieldset form .field label {
    font-weight: normal;
    font-size: 1.2em;
    color: #9d9893;
}

#commenting fieldset form .field input,
.reply fieldset form .field input {
    padding: 5px;
    width: 100%;
    border: 1px solid #f3f2f1;
    font-size: 1.2em;
}

#commenting fieldset form .field textarea,
.reply fieldset form .field textarea {
    padding: 5px;
    width: 100%;
    border: 1px solid #f3f2f1;
    font-size: 1.2em;
}

#commenting fieldset form #formfield-form-widgets-etablissement,
.reply fieldset form #formfield-form-widgets-fonction {
    display: none;
}

#commenting fieldset form #formfield-form-widgets-captcha label,
.reply fieldset form #formfield-form-widgets-captcha strong {
    display: none;
}

#commenting fieldset form #formfield-form-widgets-captcha span,
.reply fieldset form #formfield-form-widgets-captcha span {
    float: right;
    padding: 0 135px 0 0;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}

#commenting fieldset form #formfield-form-widgets-captcha input,
.reply fieldset form #formfield-form-widgets-captcha input {
    float: right;
    margin: -15px 0 0;
    width: 125px;
}

#commenting fieldset form .formControls,
.reply fieldset form .formControls {
    clear: both;
    margin: 0;
    text-align: right;
}

#commenting fieldset form .formControls input,
.reply fieldset form .formControls input {
    padding: 5px 10px;
    margin: 0 0 0 5px;
    background: #9d9893;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
    cursor: pointer;
}

.reply fieldset form .formControls input {
    background: #9d9893;
    color: #fff;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE D'ACCUEIL
--------------------------------------------------------------------------------------------------------------*/
#portletPageTopRow {
    overflow: hidden;
}

.portletPageLeftColumn {
    float: none;
    width: auto;
}

.portletPageRightColumn {
    position: relative;
    float: none;
    width: auto;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE LISTE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .tileItem {
    clear: both;
    margin: 30px 0 0;
}

#portal-column-content #content-core .tileItem + .tileItem {
    padding: 30px 0 0;
}

#portal-column-content #content-core .tileItem h2 {
    margin: 0 0 5px;
    font-size: 1.5em;
    text-transform: uppercase;
    overflow: hidden;
    line-height:1.2;
}

#portal-column-content #content-core .tileItem h2 a {
    display: inline-block;
    color: #62bcba;
    font-size: 22px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
}

/*#portal-column-content #content-core .tileItem h2 a:before {
    content: " ";
    border-bottom: 2px solid #62bcba;
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 20px;
}*/

#portal-column-content #content-core .tileItem h2 a:hover,
#portal-column-content #content-core .tileItem h2 a:focus {
    color: #62bcba !important;
    text-decoration: none;
}

#portal-column-content #content-core .tileItem > a:first-child {
    float: right;
    margin: 3px 0 0 10px;
}

#portal-column-content #content-core .tileItem h2 + a {
    float: left;
    margin: 3px 10px 0 0;
}

#portal-column-content #content-core .tileItem p {
    font-size: 1.1em;
    line-height: normal;
}

#portal-column-content #content-core .tileItem p.tileFooter {
    margin-top: 5px;
    font-size: 0.9em;
}

#portal-column-content #content-core .tileItem p.tileFooter a {
    display: inline-block;
    padding: 0 0 0 8px;
    background: url('../images/chevron-noir.png') left center no-repeat;
    color: #3b3b3b !important;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

#portal-column-content #content-core .tileItem p.tileFooter a:hover,
#portal-column-content #content-core .tileItem p.tileFooter a:focus {
    color: #62bcba !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE RESULTAT DE RECHERCHE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core p#rss-subscription {
    margin: 5px 0 0;
    float: right;
}

#portal-column-content #content-core p#rss-subscription a:hover,
#portal-column-content #content-core p#rss-subscription a:focus {
    color: #000 !important;
}

#portal-column-content #content-core #searchform {
    margin: 0 0 20px;
    text-align: left;
}

#portal-column-content #content-core #searchform #search-field {
    margin: 10px 0;
    padding: 0;
    text-align: left;
}
#portal-column-content #content-core #searchform #search-field input[type=text] {
    padding: 5px 10px;
    font-size: 1.3em!important;
}
#portal-column-content #content-core #searchform #search-field input[type=submit]{
    margin: 0 0 0 10px;
    background: none;
    border: none;
    font-size: 1.6em!important;
    text-transform: uppercase;
}

/*
  	FILTRE
*/

#content #search-results-bar dt.actionMenuHeader a {
    font-family: "Poppins", sans-serif;
    color: #3b3b3b;
}

#content #search-results-bar dt.actionMenuHeader a:hover, #content #search-results-bar dt.actionMenuHeader a:focus {
    text-decoration: none;
}

#portal-column-content #content-core #search-results-bar {
    padding: 10px 10px 10px 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#portal-column-content #content-core #search-results-bar > span:first-child {
    display: block;
    margin: 0 0 10px;
    font-size: 1.4em;
}

#portal-column-content #content-core #search-results-bar > span:first-child strong {
    color: #62bcba;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu {
    float: right;
    position: relative;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd {
    position: absolute;
    right: 0;
    left: auto;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div {
    padding: 10px;
    background: #ffffff;
    border: 2px solid #62bcba;
    font-size: 1.4em;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .field {
    margin: 0;
    padding: 0;
    background: none;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .optionsToggle {
    background: none;
    border: none;
    font-weight: bold;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .field div {
    float: none;
    margin: 0;
}

#portal-column-content #content-core #search-results-bar span#searchResultsSort {
    float: none;
    clear: both;
    display: block;
    padding: 5px 0 0;
    font-family: "Poppins", sans-serif;
}

#portal-column-content #content-core #search-results-bar a:hover,
#portal-column-content #content-core #search-results-bar a:focus {
    color: #62bcba !important;
    text-decoration: none;
}

/*
	LISTE
*/
#portal-column-content #content-core #search-results {
    margin: 20px 0 0;
    padding: 0;
}

#portal-column-content #content-core #search-results dl dt {
    display: inline-block;
    margin: 30px 0 0;
    padding: 0 !important;
    background: none;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em;
}

#portal-column-content #content-core #search-results dl dt a {
    display: inline-block;
    background-color: #62bcba;
    padding: 15px 25px;
    border: none;
    color: #ffffff !important;
}

#portal-column-content #content-core #search-results dl dt a:hover,
#portal-column-content #content-core #search-results dl dt a:focus {
    background: #172e52;
    color: #ffffff !important;
    text-decoration: none;
}

#portal-column-content #content-core #search-results dl dt img {
    display: none;
}

#portal-column-content #content-core #search-results dl dd {
    margin: 0;
    font-size: 1.2em;
    line-height: 1.5;
}

#portal-column-content #content-core #search-results dl dd cite {
    display: block;
    margin: 5px 0 0;
}

#portal-column-content #content-core #search-results dl dd cite a,
#portal-column-content #content-core #search-results dl dd cite a:hover,
#portal-column-content #content-core #search-results dl dd cite a:focus {
    color: #62bcba !important;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE ARCHIVES
--------------------------------------------------------------------------------------------------------------*/
.template-search-archives #portal-column-two{
    margin: 40px 0 0;
}
#dateeffective label{
    display: block;
}
#portal-column-content #content-core #search-results-archives label {
    font-family: 'Poppins', sans-serif;
}
/*--------------------------------------------------------------------------------------------------------------
	== PAGE ACTUALITE
--------------------------------------------------------------------------------------------------------------*/
.portaltype-news-item #archetypes-fieldname-imageCaptionBSW {
    display: none;
}

#portal-column-content #content-core .plain {
    float: none;
    overflow: hidden;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DOSSIER
--------------------------------------------------------------------------------------------------------------*/
.portaltype-folder #plone-contentmenu-actions {
    display: none;
}

.userrole-manager.portaltype-folder #plone-contentmenu-actions {
    display: block;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE VIDEOS
--------------------------------------------------------------------------------------------------------------*/
.template-video_view #content-core {
    position: relative;
    padding-bottom: 56.25%;
}

.template-video_view #content-core iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE EVENEMENT
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .eventDetails {
    float: none;
    margin: 20px 0;
    padding: 0;
    width: auto;
    border: none;
    overflow: hidden;
}

#portal-column-content #content-core .eventDetails ul {
    width: 100%;
}

#portal-column-content #content-core .eventDetails ul li {
    float: left;
    width: 25%;
    min-height: 60px;
}
#portal-column-content #content-core .eventDetails ul li.participants {
    clear: both;
    padding: 20px 0 0;
    width: 100%;
}
#portal-column-content #content-core .eventDetails ul li + li {
    padding: 0 0 0 15px;
}

#portal-column-content #content-core .eventDetails ul li.calendrier {
    display: none;
}

#portal-column-content #content-core .eventDetails ul li span {
    display: inline;
    padding: 0;
    width: auto;
    border: none;
    font-size: 14px;
    text-align: left;
    line-height: 1;
    font-family: "Poppins", sans-serif;
    color: #3b3b3b;
}

#portal-column-content #content-core .eventDetails ul li.quand p > span {
    display: inline-block;
}

#portal-column-content #content-core .eventDetails ul li p {
    border-left: 2px solid #8a78b4;
    display: block;
    margin: 0;
    padding: 0 5px;
    font-family: "Poppins", sans-serif;
    color: #3b3b3b;
    font-size: 14px;
}
#portal-column-content #content-core .eventDetails ul li.participants p{
    display: inline-block;
    border: none;
}
#portal-column-content #content-core .eventDetails ul li span.entete {
    display: block;
    margin: 0 0 5px;
    font-size: 13px;
    font-weight: 400;
    background-color: #8a78b4;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    padding: 15px 10px;
    text-align: center;
}
#portal-column-content #content-core .eventDetails ul li.participants  span.entete{
    display: inline-block;
    padding:0;
    background: none;
    font-size: 15px;
    color: #8a78b4;
}
#portal-column-content #content-core .eventDetails ul li.calendrier a {
    margin: 0 15px 0 0;
    color: #000;
}

#portal-column-content #content-core .eventDetails ul li.calendrier a:hover,
#portal-column-content #content-core .eventDetails ul li.calendrier a:focus {
    color: #000 !important;
}

#portal-column-content #content-core #parent-fieldname-eventUrl {
    padding: 1px 10px 3px;
    background: #000;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}

#portal-column-content #content-core #parent-fieldname-eventUrl:hover,
#portal-column-content #content-core #parent-fieldname-eventUrl:focus {
    color: #fff !important;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE CALENDRIER
--------------------------------------------------------------------------------------------------------------*/
/*
	BOUTON CALENDRIER
*/
#portal-column-content .voir-le-calendrier {
    float: right;
    text-align: right;
}

#portal-column-content .voir-le-calendrier a {
    display: inline-block;
    padding: 5px 10px;
    background: #333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#portal-column-content .voir-le-calendrier a:hover,
#portal-column-content .voir-le-calendrier a:focus {
    background: #000;
    color: #fff !important;
    text-decoration: none;
}

/*
	CALENDRIER
*/
#calendar {
    margin: 30px 0 0;
}

.fc-header h2 {
    font-size: 1.6em;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
}

.fc-content th.fc-day-header {
    font-size: 1.2em;
}

.fc-content .fc-state-highlight {
    background: #e8e8e8;
    border: 1px solid #ccc;
    font-weight: bold;
}

.fc-content a.fc-event {
    background: #666;
    border: 1px solid #666 !important;
    font-size: 1.1em;
}

#content .fc-content a.fc-event:hover,
#content .fc-content a.fc-event:focus {
    color: #fff !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE ALBUM PHOTOS
--------------------------------------------------------------------------------------------------------------*/
#content span.nb-photo {
    background: #000;
    color: #fff;
}

#content .liste-photos {
    display: flex;
    flex-wrap: wrap;
}

#content .liste-photos .imageAlbumContainer {
    width: 32%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

#content .liste-photos .imageAlbumContainer img {
    width: 100%;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#content .liste-photos .imageAlbumContainer:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE SON
--------------------------------------------------------------------------------------------------------------*/
.portaltype-son h2#download-son {
    margin: 30px 0 10px;
    padding: 0;
    color: #000;
    font-size: 1.6em;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1em;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE FICHIER
--------------------------------------------------------------------------------------------------------------*/
.portaltype-file #content-core a {
    display: inline-block;
    margin: 5px 0;
    padding: 5px 10px;
    background: #000;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: none;
    font-size: 1.2em;
    color: #fff;
}

.portaltype-file #content-core a:hover,
.portaltype-file #content-core a:focus {
    background: #000;
    color: #fff !important;
    text-decoration: none;
}

.portaltype-file #content-core a img {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE PLAN DU SITE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core #portal-sitemap {
    margin: 30px 0 0;
}

#portal-column-content #content-core #portal-sitemap li {
    margin: 0;
    padding: 0;
    border: none;
}

#portal-column-content #content-core #portal-sitemap li a {
    background: none;
}

#portal-column-content #content-core #portal-sitemap li img {
    display: none;
}

/* premier niveau */
#portal-column-content #content-core #portal-sitemap > li {
}

#portal-column-content #content-core #portal-sitemap > li > div > a {
    display: inline-block;
    margin: 5px 0;
    padding: 4px 5px 3px !important;
    background: #ccc;
    border: none;
    color: #000 !important;
    font-size: 2em;
    font-weight: normal;
    line-height: 1;
}

#portal-column-content #content-core #portal-sitemap > li > div > a:hover,
#portal-column-content #content-core #portal-sitemap > li > div > a:focus {
    background: #000;
    color: #fff !important;
    text-decoration: none;
}

/* deuxieme niveau */
#portal-column-content #content-core #portal-sitemap > li > ul {
    margin: 0 0 0 10px;
}

#portal-column-content #content-core #portal-sitemap > li > ul > li {
    margin: 0 0 10px;
}

#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a {
    margin: 0 0 5px;
    padding: 0 0 0 10px !important;
    background: url(../images/puce-noire-petite.png) 0 0.9em no-repeat;
    text-transform: uppercase;
    font-size: 1.2em;
    color: #000 !important;
}

#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a:hover,
#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a:focus {
    border: none;
    color: #000 !important;
    text-decoration: underline;
}

/* troisieme niveau */
#portal-column-content #content-core #portal-sitemap li li ul {
    margin: 0 0 0 10px;
    border-top: 1px dotted #000;
}

#portal-column-content #content-core #portal-sitemap li li li {
    border-bottom: 1px dotted #000;
}

#portal-column-content #content-core #portal-sitemap li li li a {
    padding: 0 !important;
    background: none;
    text-transform: none;
    font-size: 1.1em;
    color: #000 !important;
}

#portal-column-content #content-core #portal-sitemap li li li a:hover,
#portal-column-content #content-core #portal-sitemap li li li a:focus {
    color: #000 !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE CONNEXION
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #login-form {
}

#portal-column-content #login-form:before {
    content: "Identifiez-vous";
    display: block;
    padding: 0 0 20px 148px;
    font-size: 4em;
    color: #464646;
}

#portal-column-content #login-form .field label {
    font-size: 1.4em;
    font-style: normal;
}

#portal-column-content #login-form .field input {
    padding: 5px;
    width: 40%;
    font-size: 1.3em;
}

#portal-column-content #login-form .formControls {
    margin: 0 0 0 148px;
}

#portal-column-content #login-form .formControls input {
    margin: 0;
    padding: 2px 5px;
    background: #464646;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    cursor: pointer;
}

#portal-column-content #login-forgotten-password {
    margin: 40px 0 0 148px;
    padding: 40px 0 0;
    border-top: 1px dotted #464646;
    font-size: 1.1em;
}

#portal-column-content #login-forgotten-password a:hover,
#portal-column-content #login-forgotten-password a:focus {
    color: #000 !important;
}

/*
	MOT DE PASSE PERDU
*/
#portal-column-content #mail_password {
}

#portal-column-content #mail_password fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#portal-column-content #mail_password fieldset legend {
    display: none;
}

#portal-column-content #mail_password .field {
    float: left;
    clear: none;
    margin: 0 20px 0 0;
}

#portal-column-content #mail_password .field label {
    margin: 0 10px 0 0;
    font-size: 1.4em;
    font-style: normal;
    font-weight: normal;
}

#portal-column-content #mail_password .field input.context {
    margin: 0;
    padding: 2px 5px;
    background: #464646;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    cursor: pointer;
}

#portal-column-content #mail_password + p {
    margin: 30px 0 0;
    font-size: 1.3em;
}

#portal-column-content #mail_password + p a:hover,
#portal-column-content #mail_password + p a:focus {
    color: #000 !important;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer {
    margin: 0;
    padding: 25px 0;
    background: #62bcba;
    border: none;
}

#portal-footer > div {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: auto;
    max-width: 1210px;
}

/*--------------------------------------------------------------------------------------------------------------
	== COORDONNEES
--------------------------------------------------------------------------------------------------------------*/
#coordonnees {
}

#coordonnees p {
    color: #ffffff;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 4px;
    font-family: 'leaguespartan', sans-serif;
    text-transform: uppercase;
}

#coordonnees p:first-child {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 4px;
    font-family: 'leaguespartan', sans-serif;
    text-transform: uppercase;
    color: #3b3b3b;
}

#coordonnees p:last-child {
    font-weight: 200;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: 'osp-din', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    padding-bottom: 15px;
    border-bottom: 2px solid #ffffff;
    display: inline-block;
}

/*--------------------------------------------------------------------------------------------------------------
	== SITE ACTION
--------------------------------------------------------------------------------------------------------------*/
#portal-siteactions {
    flex: 1;
    clear: none;
    padding: 0;
    border: none;
    color: #fff;
    font-size: 1.1em;
    text-align: left;
}

#portal-siteactions li {
    display: inline-block;
    margin: 0;
    padding: 0 40px 0 0;
    max-width: 25%;
}

#portal-siteactions li a,
#portal-siteactions li a:visited {
    border: none;
    color: #3b3b3b;
    letter-spacing: 2px;
    font-weight: 400;
    font-family: 'leaguespartan', sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    border-bottom: 2px solid rgba(255,255,255,0.8);
    padding-bottom: 10px;
    display: inline-block;
}

#portal-siteactions li a:hover {
    background: none;
    color: #ffffff;
    text-decoration: none;
    border-bottom-color: #3b3b3b;
}

/*--------------------------------------------------------------------------------------------------------------
	== PLAN DU SITE
--------------------------------------------------------------------------------------------------------------*/
#portal-sitemap-footer {
    position: relative;
    border-top: 1px solid #eaeaea;
}

#portal-sitemap-footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    z-index: 1;
    width: 1px;
    background: #f5f5f5;
}

#portal-sitemap-footer > ul::before {
    content: "plan du site";
    position: absolute;
    top: 0;
    right: 0;
    color: #d3ebda;
    font-family: "Poppins", sans-serif;
    font-size: 130px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
}

#portal-sitemap-footer > ul::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    width: 50%;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

/*
    LIENS NIVEAU 1
*/
#portal-sitemap-footer > ul {
    position: relative;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: auto;
    max-width: 1210px;
    flex-wrap: nowrap;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

#portal-sitemap-footer > ul > li {
    position: relative;
    z-index: 2;
    margin: 95px 0 0;
    width: 25%;
    padding-right: 15px;
}

#portal-sitemap-footer > ul > li > div a span {
    color: #62bcba;
    font-family: 'leaguespartan', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    letter-spacing: 4px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    margin-bottom: 20px;
    min-height: 50px;
}

#portal-sitemap-footer > ul > li > div a:hover span {
    color: #172e52;
    text-decoration: none;
}

/* LIENS NIVEAU 2 */
#portal-sitemap-footer > ul > li > ul li div a {
    display: block;
}

#portal-sitemap-footer > ul > li > ul li div a span {
    color: #3b3b3b;
    font-family: 'leaguespartan', sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    display: block;
    letter-spacing: 2px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    line-height: normal;
    margin: 0 0 15px 0;
}

#portal-sitemap-footer > ul > li > ul li div a:hover,
#portal-sitemap-footer > ul > li > ul li div a:focus,
#portal-sitemap-footer > ul > li > ul li div a:hover span,
#portal-sitemap-footer > ul > li > ul li div a:focus span {
    color: #62bcba;
    text-decoration: none;
}

#portal-sitemap-footer ul li a {
    padding: 0 !important;
    background: none;
}

#portal-sitemap-footer > ul > li div {
    display: inline-block;
}

#portal-sitemap-footer > ul > li > ul li,
#portal-sitemap-footer > ul > li > ul li div {
    display: inline;
}

#portal-sitemap-footer > ul > li > ul li a {
    font-weight: normal;
    font-size: 1.1em;
}

#portal-sitemap-footer > ul > li > ul li a img {
    display: none;
}

#portal-sitemap-footer > ul > li > ul li ul {
    display: none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= POPINS
*/
/*------------------------------------------------------------------------------------------------------------*/
div.overlay-iframe, div.overlay-ajax {
    width: 450px;
}

.pb-ajax > div {
    padding: 20px;
    width: auto;
    font-size: 1.2em;
}

.pb-ajax h1 {
    border: none;
    color: #000;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1em;
}

.pb-ajax div div:first-child {
    margin: 10px 0;
    padding: 0;
    background: #fff;
    color: #000;
    font-weight: normal;
}

.pb-ajax div .formControls {
    margin: 0;
}

.pb-ajax div .formControls input {
    margin: 0;
    padding: 2px 5px;
    background: #000;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    cursor: pointer;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= ADMINISTRATION
*/
/*------------------------------------------------------------------------------------------------------------*/
.template-dashboard #edit-bar {
    display: none;
}
#portal-column-one ~ #edit-bar{
    margin-left: 30%;
   /* overflow: hidden;*/
}

.template-dashboard.userrole-manager #edit-bar {
    display: block;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= SHORTCODES
*/
/*------------------------------------------------------------------------------------------------------------*/
span.nom{
    margin: 0 0 15px;
    color: #333333;
    font-family: "Poppins", sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5em;
}
}
div.adelpersonne span.nom {
    font-family: 'osp-din';
    font-weight: 400;
    font-size: 3em;
    color: #62bcba;
    margin-top: 1em;
    margin-bottom: 0.25em;
}
li div.adelpersonne span.nom {
    font-size: 1.1em;
    font-weight: 400;
}

ul.fonctions li {
    background: none!important;
}
ul li.siteweb {
    background: none!important;
    list-style-type: none;
}
div.adelgroupe ul li {
    background: none!important;
}
ul.fonctions li ul.personnes li {
    background: url(++theme++stdenis/images/puce-noire-grosse.png) 0 0.5em no-repeat !important;
}
ul.fonctions li span.fonction {
    padding: 1px 2px;
    background: #62bcba;
    color: #fff;
    font-size:1.2em;
}
.coordonnees {
    color: #62bcba;
}
.coordonnees span {
    color: #62bcba;
}

.coordonnees a {
    display: inline-block !important;
}
.adel-error{
    display: none;
}
.userrole-authenticated .adel-error{
    display: block;
}


/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1230px) {
    #portal-menufixe #portal-navigation-fixe > a{
        margin-left:10px;
    }
    #portal-searchbox-fixe{
        margin-right: 10px;
    }
    #portal-columns {
        margin: 0 10px;
    }
    .section-accueil #content .images.videos{
        margin-left: 0;
    }
    .section-accueil #content .images.albums{
        right: 0;
    }
}
@media only screen and (max-width: 1130px){

    .section-accueil .actus .entete{}
    .section-accueil .agenda .portletHeader .entete{
        font-size: 11vw;
    }
}
@media only screen and (max-width: 1030px) {
    .images.videos .entete{
        font-size: 11vw;
    }
}
@media only screen and (max-width: 900px) {
    .section-accueil #portal-column-content #content .acces-medias{
        display: block;
        float: none;
        margin:40px 0 0;
    }
    .section-accueil #portal-column-content #content .acces-medias ul{
        display: flex;
        justify-content: space-between;
    }
    .section-accueil #portal-column-content #content .acces-medias ul li{
        width: 24%;
    }
    .section-accueil #portal-column-content #content .acces-medias ul li a{
        margin: 0;
    }
    #portal-menufixe ul#portal-globalnav-fixe{
        flex-direction: column;
    }
    #portal-menufixe ul#portal-globalnav-fixe li{
        width: auto;
    }
    #portal-menufixe ul#portal-globalnav-fixe li a{
        padding-left: 10px;
        padding-right: 10px;
    }
    #portal-menufixe ul#portal-globalnav-fixe li ul.submenu{
        display: none;
    }
    #portal-menufixe #portal-navigation-fixe #nav-cache-fixe-fixe ul#portal-globalnav-fixe + a{
        top: 20px !important;
        left:10px!important;
    }
}
@media only screen and (max-width: 800px) {
    .section-accueil #content .actus{
        float: none;
        width: auto;
    }
    .section-accueil .infos-eglise{
        float: none;
        margin:40px 0 0;
        padding:0;
        width: auto;
    }
    .section-accueil .liens-divers.liens-groupe1,
    .section-accueil .liens-divers.liens-groupe2{
        float: none;
        margin:40px 0 0;
        padding:0;
        width: auto;
        max-width: none;
    }
    .section-accueil #content .liens-divers ul{
        display: flex;
        justify-content: space-between;
    }
    .section-accueil #content .liens-divers ul li{
        width: 30%;
    }
    .section-accueil #content .liens-divers ul li::before {
        width: 50px;
        height:50px;
        background-size: 50%;
    }
    .section-accueil #content .liens-divers ul li a strong{
        font-size: 20px;
    }
    .section-accueil .journal-diocesain{
        float: none;
        margin:40px 0 0;
        width: auto;
    }
    .section-accueil .agenda{
        float: none;
        margin:40px 0 0;
        width: auto;
        max-width: none;
    }
    .section-accueil #content .images.videos{
        margin: 40px 0 0;
        padding: 0;
        width: auto;
    }
    .images.videos .entete,
    .section-accueil #content .images.albums{
        position: relative;
        top:auto;
        right: auto;
        margin:40px 0 0;
        width: auto;
    }
    .images.videos .bx-wrapper .bx-viewport ul li h2,
    .images.videos .bx-wrapper .bx-viewport ul li p,
    .images.videos .portletFooter a,
    .images.albums .bx-wrapper .bx-viewport ul li h2,
    .images.albums .bx-wrapper .bx-viewport ul li p,
    .images.albums .portletFooter a{
        margin: 0;
    }
    #content .images.videos .bx-wrapper::after,
    #content .images.albums .bx-wrapper::after,
    .section-accueil #content .images.albums .portletFooter a::before,
    .section-accueil #content .images.videos .portletFooter a::before{
        left:0;
    }
    #portal-sitemap-footer > ul::before {
        font-size: 11vw;
    }

    #portal-column-one{
        display: none;
    }
    #portal-column-two{
        width: 36%;
    }
    #portal-column-content{
        width: 64%;
    }
    #portal-column-content #content-core .tileItem > a:first-child{
        float: none;
        display: block;
        margin:20px 0 5px;
    }
    #portal-column-content #content-core .eventDetails ul li,
    #portal-column-content #content-core .eventDetails ul li + li{
        float: none;
        margin:10px 0 0;
        padding:0;
        width: auto;
    }
}
@media only screen and (max-width: 600px){
    #portal-top{
        display: none;
    }
    .section-accueil #portlets-in-header{
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 30px;
        width: auto;
    }
    .section-accueil .actus .entete{
        font-size: 26vw;
    }
    .actus .bx-wrapper .bx-controls{
        position: relative;
        bottom:auto ;
        padding: 0 0 10px;
        height:20px;
    }
    .section-accueil #content .liens-divers ul{
        flex-direction: column;
    }
    .section-accueil #content .liens-divers ul li{
        width: auto;
    }
    .section-accueil .agenda .portletHeader .entete{
        font-size: 21vw;
    }
    .section-accueil #content .agenda ul li > a.illustration,
    .section-accueil #content .agenda ul li > a{
        float: none;
        margin:0 0 10px;
        width: auto;
    }
    .section-accueil #content .agenda ul li > span,
    .section-accueil #content .agenda ul li > p{
        float: none;
        width: auto;
    }
    .section-accueil #content .agenda .portletFooter{
        position: relative;
        padding-top: 10px;
    }
    .section-accueil #content .agenda .portletFooter a{
        padding-left: 0;
    }
    .section-accueil #content .agenda .portletFooter a::before {
        position: relative;
        padding:5px 8px 5px 12px;
    }
    .section-accueil #portal-column-content #content .acces-medias ul{
        flex-direction: column;
    }
    .section-accueil #portal-column-content #content .acces-medias ul li{
        width: auto;
    }
    #portal-footer > div{
        padding:0 10px;
        flex-direction: column;
    }
    #content .images.videos .bx-wrapper .bx-viewport li{
        background: #fff;
    }
    #content .images.videos .bx-wrapper::after {
        height:100%;
        z-index:5;
    }
    .partenaires,
    #portal-sitemap-footer,
    #portal-siteactions #siteaction-sitemap,
    #portal-siteactions #siteaction-accessibility,
    #portal-siteactions #siteaction-se-connecter{
        display: none;
    }
    #portal-column-content{
        float: none;
        width: auto;
    }
    #portal-column-two{
        float: none;
        margin: 40px 0 0;
        width: auto;
    }
    #portal-columns #below-content .banieres ul{
        flex-direction: column;
    }
    #portal-columns #below-content .banieres ul li{
        display: block;
        width: auto;
        max-width: none;
    }
    .photos-suite ul li img{
        width: 100%;
    }
    dl.journal-diocesain dt.portletHeader,
    #content dl.journal-diocesain dd.portletItem p,
    #portal-column-two dl.journal-diocesain dd.portletItem p{
        padding-right: 80px;
    }
    .section-accueil .journal-diocesain::after {
        left: auto;
        right: 0;
    }
    
    #alerte-popin > div {
        width:280px;
    }
}
/*@media only screen and (max-width: 800px){
		body{
			font-size:100%;
		}

		/* NAVIGATION NORMALE */
/*		#portal-globalnav > li{
			display:block;
			float:none;
			margin:0;
			text-align:center;
		}
		#portal-globalnav > li + li{
			margin:10px 0 0;
			padding:10px 0 0;
			border-top:1px solid #fff;
		}

		/* NAVIGATION MINI */
/* boutons */
/*#portal-navigation > a{
			display:block;
			padding:10px;
			font-size:1.2em;
			color:#000;
			text-transform:uppercase;
		}
		#portal-navigation > a:after{
			content:"▼";
			margin:5px 0 0 10px;
		}
		#portal-navigation ul#portal-globalnav:target + a{
			display:block;
			position:absolute;
			top:15px;
			right:15px;
		}

		/* menu */
/*#portal-navigation ul{ /* on masque sur la version > 800 */
/*	display:none;
		}
		#portal-navigation ul#portal-globalnav:target{ /* on affiche au clic sur le bouton menu */
/*	display:block;
		}
		#portal-navigation ul#nav-cache:target{ /* on masque au clic sur le bouton fermer */
/*	display:none;
		}
		#portal-globalnav > li{
			display:block;
			float:none;
			margin:10px 0 0;
			padding:10px 0 0;
			width:auto;
			border-top:1px solid #fff;
			font-size:0.9em;
		}
		#portal-globalnav > li:first-child + li{
			margin:0;
		}
		#portal-globalnav > li a{
			padding:10px;
			font-family:verdana;
			font-size:1.4em;
		}
		#portal-globalnav > li ul.submenu{
			display:block;
			margin:0;
			position:relative;
			background:none;
		}
		#portal-globalnav > li ul.submenu li{
			margin:0;
			padding:0;
			border:none;
		}
		#portal-globalnav > li ul.submenu li a,
		#portal-globalnav > li ul.submenu li a:hover,
		#portal-globalnav > li ul.submenu li a:focus{
			background:url(../images/chevron-blanc.png) 0 1em no-repeat;
		}

		/* STRUCTURE */
/*		#portal-column-one,
		#portal-column-two{
			float:none;
			margin:0;
			padding:0;
			width:auto;
			border:none;
		}
		.portletPageLeftColumn,
		.portletPageRightColumn{
			float:none;
			width:auto;
		}

		/* ELEMENTS DE PAGES DE DETAIL */
/*		#portal-column-content .imageContainer,
		#portal-column-content #content-core .tileItem > a:first-child,
		#content div.portlet.a-la-une ul li > a:first-child{
			float:none;
			margin:0;
		}
		#portal-column-content .imageContainer img,
		#portal-column-content #content-core .tileItem > a:first-child img,
		#content div.portlet.a-la-une ul li > a:first-child img{
			display:block;
			width:100%;
			height:auto;
		}
		#portal-column-content #content-core .eventDetails ul li,
		#portal-column-content #content-core .eventDetails ul li + li{
			float:none;
			margin:0 0 10px;
			padding:0;
			border:none;
		}
		#portal-column-content .relatedItems dl dd{
			float:none;
			width:100%;
		}

		/* FOOTER */
/*		#portal-footer #portal-sitemap-footer > ul > li{
			display:block;
			float:none!important;
			margin:0 0 10px;
			width:auto;
		}

		/* CK EDITOR */
/*		#portal-column-content #content-core div[id^="parent-fieldname-text"] p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h2 + p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h3 + p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h4 + p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h5 + p.exergue,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] h6 + p.exergue{
			float:none;
			margin:20px 0;
			width:auto;
		}
		#portal-column-content #content-core div[id^="parent-fieldname-text"] ul.deux-colonnes li{
			float:none;
			width:100%;
		}
		#portal-column-content #content-core div[id^="parent-fieldname-text"] img.image-droite,
		#portal-column-content #content-core div[id^="parent-fieldname-text"] img.image-gauche{
			float:none;
			width:100%;
			height:auto;
		}
}

/*------------------------------------------------------------------------------------------------------------*/