/**************************************************************************************************************/
/*
			DDEC DE LILLE - V1.5 Site generique

			Date :
			Auteur : ... / Maite
			URL : http://pommier2:41680/DDECLille

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



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

body {
    background: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 62.5%; /*ensuite 1em=10px en taille normale*/
    color: #3e3e3e;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    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;
    -ms-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: 'Open Sans', sans-serif;
}

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

#visual-portal-wrapper {
    overflow-y: hidden;
}

#user-name {
	position: fixed;
    top: 50px;
    right: 10px;
}

/* CLEARFIX  */
#portletPageTopRow:before,
#portletPageTopRow:after,
#portal-top:before,
#portal-top:after,
#portletPageTopRow:before,
#portletPageTopRow:after,
#portletPageBottomRow:before,
#portletPageBottomRow:after,
#portal-footer:before,
#portlets-footer:before,
#portlets-footer:after,
#portal-footer:after,
#coordonnees:before,
#coordonnees:after,
#visual-portal-wrapper:before,
#visual-portal-wrapper:after,
#portal-columns:before,
#portal-columns:after,
#portal-column-content:before,
#portal-column-content:after,
#portal-column-two:before,
#portal-column-two:after {
    content: " ";
    display: table;
    clear: both;
}

/*
	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 20px;
    padding: 0;
    *zoom: 1;
}

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

/*
	THEME
*/
.bx-wrapper .bx-viewport {
    background: #fff;
}

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

/* 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: .85em;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.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 {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    right: 14px;
    background: url(../images/bx-slider/bx-control-left.png) no-repeat left;
}

.bx-wrapper .bx-next {
    right: 0;
    background: url(../images/bx-slider/bx-control-right.png) no-repeat right;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    outline: 0;
    width: 14px;
    height: 14px;
    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 {
    padding: 0;
    background: none;
    font-size: 1.4em;
}
#portal-columns dl.portlet dd {
    padding: 0;
    font-size: 1.2em;
}
#portal-columns #portal-column-two dl.portlet dt.portletHeader {
    border: 3px solid #ffffff;
    background: #dbdbdb;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
    padding: 10px;
    width: 60%;
    margin: auto;
}

#portal-columns #portal-column-two dl.portlet dt.portletHeader span {
    font-family: 'Baskerville', sans-serif;
    color: #3e3e3e;
    font-size: 20px;
    line-height: 25px;
    text-transform: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== HOME IMAGE
--------------------------------------------------------------------------------------------------------------*/
.home-image li{
    display: block;
}

/*--------------------------------------------------------------------------------------------------------------
	== EDITO
--------------------------------------------------------------------------------------------------------------*/
.edito {}
.edito h2 {
    font-weight: normal;
    font-size: 3em;
    text-transform: uppercase;
}
.edito h2 a,
#content .edito h2 a:hover,
#content .edito h2 a:focus {
    color: #000 !important;
    text-decoration: none;
}
.edito p {
    font-size: 1.4em;
    line-height: 1.4;
}
.edito p {
    font-family: 'Open Sans', sans-serif;
    color: #3e3e3e;
    font-weight: normal;
    margin-top: 15px;
}

.edito .savoirplus {
    font-family: 'baskerville', arial, sans-serif;
    font-size: 18px;
    color: #343434;
    text-decoration: underline;
    padding-top: 15px;
    display: block;
}

#content .edito a.savoirplus {
    color: #000;
}
#content .edito a.savoirplus:hover,
#content .edito a.savoirplus:focus {
    color: #000 !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== A LA UNE
--------------------------------------------------------------------------------------------------------------*/
.alaune {
    text-align: left;
}
.portletHeader .entete,
.alaune .entete {
    font-family: 'baskerville', arial, sans-serif;
    font-size: 28px;
    color: #c0c0c0;
    line-height: normal;
}
.alaune .entete + a{
    display: none;
}
#content .alaune .portletFooter a {
    font-family: 'baskerville', arial, sans-serif;
    font-size: 18px;
    color: #343434;
    text-decoration: underline;
    padding-top: 15px;
    display: block;
    text-align: right;
}

#content .alaune .portletFooter a:hover {
    color: #343434 !important;
}

.alaune ul li h2 {
    text-align: center;
    margin-top: 2px;
    min-height: 110px;
}
#content .alaune ul li h2 a {
    color: #ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    min-height: 110px;
    padding: 15px;
    display: block;
    background-color: #019934;
}
#content .alaune ul li h2 a:hover,
#content .alaune ul li h2 a:focus {
    color: #ffffff !important;
    background-color: #0c882c;
}


/*--------------------------------------------------------------------------------------------------------------
	== VOUS ETES
--------------------------------------------------------------------------------------------------------------*/
div.vous-etes ul li {
    position: relative;
    min-height: 1px;
    display: block !important;
    float: left !important;
    text-align: center;
    margin: 0 !important;
}

@media screen and (max-width: 599px) {
    div.vous-etes ul li {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    div.vous-etes ul li {
        width: 50%;
    }
}

@media screen and (max-width: 991px) {
    div.vous-etes ul li a span {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    div.vous-etes ul li {
        width: 25%;
    }

    div.vous-etes ul li a {
        padding-bottom: 15px;
    }
}

div.vous-etes {
    background-color: #ffdd00;
}

div.vous-etes ul li a {
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    line-height: 1.2em;
    padding-left: 5%;
    padding-right: 5%;
}

@media screen and (max-width: 464px) {
    div.vous-etes ul li a {
        padding-top: 40%;
    }
}

@media (min-width: 465px) and (max-width: 599px) {
    div.vous-etes ul li a {
        padding-top: 35%;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    div.vous-etes ul li a {
        padding-top: 43%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    div.vous-etes ul li a {
        padding-top: 35%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    div.vous-etes ul li a {
        padding-top: 47%;
    }
}

@media screen and (min-width: 1200px) {
    div.vous-etes ul li a {
        padding-top: 40%;
    }
}

div.vous-etes ul li a span {
    text-transform: none !important;
    display: block;
    font-style: normal !important;
    font-family: 'baskerville', arial, sans-serif;
    font-size: 22px;
}

.parent-etudiant {
    background-color: #ffdd00;
}

.enseignant {
    background-color: #009de0;
}

.ce {
    background-color: #e2017b;
}

.futur-enseignant {
    background-color: #0d9d32;
}

.parent-etudiant:hover,
.parent-etudiant:hover:before {
    background-color: #ffcc00;
}

.parent-etudiant:hover a,
.parent-etudiant:focus a {
    background-image: url('../images/ddec-parents-etudiants-white.png');
}

.enseignant:hover {
    background-color: #008ac5;
}

.enseignant:hover a,
.enseignant:focus a {
    background-image: url('../images/ddec-enseignement-catholique-white.png');
}

.ce:hover {
    background-color: #cb006e;
}

.ce:hover a,
.ce:focus a {
    background-image: url('../images/ddec-chef-etablissement-white.png');
}

.futur-enseignant:hover, .futur-enseignant:hover:before {
    background-color: #0c882c;
}

.futur-enseignant:hover a,
.futur-enseignant:focus a {
    background-image: url('../images/ddec-futur-enseignant-white.png');
}

.parent-etudiant:hover,
.parent-etudiant:hover:before,
.enseignant:hover,
.ce:hover,
.futur-enseignant:hover,
.futur-enseignant:hover:before {
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.parent-etudiant:hover a,
.parent-etudiant:focus a,
.enseignant:hover a,
.enseignant:focus a,
.ce:hover a,
.ce:focus a,
.futur-enseignant:hover a,
.futur-enseignant:focus a {
    -webkit-transition: background-image 200ms linear;
    -ms-transition: background-image 200ms linear;
    transition: background-image 200ms linear;
    text-decoration: none;
}

.parent-etudiant a,
.enseignant a,
.ce a,
.futur-enseignant a {
    min-height: 258px;
    background: center 25% no-repeat;
    background-size: 20%;
}

.parent-etudiant a {
    background-image: url('../images/ddec-parents-etudiants.png');
}

@media screen and (min-width: 992px) {
    .parent-etudiant {
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -o-transform: skew(-10deg);
		-ms-transform: skew(-10deg);
    }

    .parent-etudiant a {
        -webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -o-transform: skew(10deg);
		-ms-transform: skew(10deg);
    }

    .parent-etudiant:before {
        background: #ffdd00;
        bottom: 0;
        content: " ";
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        transform: skew(10deg);
        width: 7%;
    }
}

.enseignant a {
    background-image: url('../images/ddec-enseignement-catholique.png');
}

@media screen and (min-width: 992px) {
    .enseignant {
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -o-transform: skew(-10deg);
		-ms-transform: skew(-10deg);
    }

    .enseignant a {
        -webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -o-transform: skew(10deg);
		-ms-transform: skew(10deg);
    }
}

.ce a {
    background-image: url('../images/ddec-chef-etablissement.png');
}

@media screen and (min-width: 992px) {
    .ce {
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -o-transform: skew(-10deg);
		-ms-transform: skew(-10deg);
    }

    .ce a {
        -webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -o-transform: skew(10deg);
		-ms-transform: skew(10deg);
    }
}

.futur-enseignant a {
    background-image: url('../images/ddec-futur-enseignant.png');
}

@media screen and (min-width: 992px) {
    .futur-enseignant {
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -o-transform: skew(-10deg);
		-ms-transform: skew(-10deg);
    }

    .futur-enseignant:before {
        bottom: 0;
        content: " ";
        display: block;
        right: 0;
        position: absolute;
        top: 0;
        -webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -o-transform: skew(10deg);
		-ms-transform: skew(10deg);
        width: 7%;
        background-color: #0d9d32;
    }

    .futur-enseignant a {
        -webkit-transform: skew(10deg);
        -moz-transform: skew(10deg);
        -o-transform: skew(10deg);
		-ms-transform: skew(10deg);
    }
}

/*--------------------------------------------------------------------------------------------------------------
	== PARTENAIRES
--------------------------------------------------------------------------------------------------------------*/
.partenaires .portletHeader {
    text-align: center;
    margin-top: -24px;
    position: absolute;
    width: 100%;
}
.partenaires .portletHeader .entete {
    color: #ffffff;
    background-color: #009de0;
    padding-left: 30px;
    padding-right: 30px;
}
#portletPageBottomRow .partenaires ul {
    text-align: center;
    height: 100%;
    background: url('../images/ddec-lille-partenaires.jpg') bottom center no-repeat;
    padding-bottom: 90px;
    background-size: 100% auto;
}

#portletPageBottomRow .partenaires ul li {
    display: inline-block;
    max-height: 110px;
    margin-top: 45px;
}

#portletPageBottomRow .partenaires ul li h2 {
    display: none;
}

#portletPageBottomRow .partenaires ul li a {
    display: block;
    height: 110px;
}

#portletPageBottomRow .partenaires ul li a img {
    max-width: 100%;
    height: auto;
    max-height: 150px;
    vertical-align: middle;
}

/*--------------------------------------------------------------------------------------------------------------
	== MAP
--------------------------------------------------------------------------------------------------------------*/
.footerMap {
    background: rgba(255, 0, 0, 0.45);
}

.footerMap iframe {
    width: 100%;
    height: 280px;
    max-height: 280px;
}


/*--------------------------------------------------------------------------------------------------------------
	== SOUS NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.portletNavigationTree {
    margin: 0;
}
dl.portlet.portletNavigationTree dd ul {}
dl.portlet.portletNavigationTree dd ul.navTreeLevel0 {
    background: #ffffff;
    border: 3px solid #dbdbdb;
    padding: 20px;
    list-style-type: none;
    margin: 0;
}
dl.portlet.portletNavigationTree dd ul.navTreeLevel0:after {
    background: #dbdbdb;
    width: 3px;
}

dl.portlet.portletNavigationTree dd ul li {
    list-style-type: none;
}

#portal-columns dl.portlet.portletNavigationTree dd ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #3e3e3e;
    text-transform: initial;
    padding-left: 0 !important;
    padding-bottom: 10px;
}


/* racine */
dl.portlet.portletNavigationTree ul li.navTreeTopNode {
    margin: 0 0 8px;
    padding: 0;
    background: none;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
}
dl.portlet.portletNavigationTree ul li.navTreeTopNode a {
    font-family: 'Baskerville', Arial, sans-serif !important;
    font-size: 22px !important;
    color: #3e3e3e;
    text-transform: initial;
}
dl.portlet.portletNavigationTree ul li.navTreeTopNode a.navTreeCurrentItem {
    color: #000;
}

/* premier niveau */
dl.portlet.portletNavigationTree ul li,
dl.portlet ul.navTreeLevel0 > .navTreeItem {
    border: none;
}
dl.portlet.portletNavigationTree dd > ul > li > a:before {
    border-top: 1px solid #3e3e3e;
    width: 50px;
    margin: auto;
    content: " ";
    padding-top: 15px;
    display: block;
}
dl.portlet.portletNavigationTree dd > ul > li:last-child > a:after {
    border-bottom: 1px solid #3e3e3e;
    width: 50px;
    margin: auto;
    content: " ";
    padding-bottom: 15px;
    display: block;
}
dl.portlet.portletNavigationTree ul li a {
    margin: 0;
    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: #e2017b !important;
    text-decoration: none;
}
dl.portlet.portletNavigationTree ul li a.navTreeCurrentItem,
dl.portlet.portletNavigationTree ul li a.navTreeItemInPath{
    margin: 0;
    background: none;
    border: none;
    color: #e2017b !important;
    font-weight: 700;
}
dl.portlet.portletNavigationTree ul li a img {
    display: none;
}

/* deuxieme niveau */
dl.portlet.portletNavigationTree ul li ul {}

dl.portlet.portletNavigationTree ul li ul li.navTreeItem {
    margin: 0;
    padding: 0;
    background: none;
}

dl.portlet.portletNavigationTree ul li ul li a {
    font-style: italic;
    color: #e2017b !important;
}
dl.portlet.portletNavigationTree ul li ul li a:hover,
dl.portlet.portletNavigationTree ul li ul li a:focus{
    color: #000!important;
}
dl.portlet.portletNavigationTree ul li ul li a.navTreeCurrentItem {
    color: #000!important;
    font-weight: 400;
}

/* troisieme niveau */
dl.portlet.portletNavigationTree ul li li ul {
    margin: 0;
}
dl.portlet.portletNavigationTree ul li li ul li a{
    font-style: normal;
    font-size: 0.9em;
    color: #000!important;
}
dl.portlet.portletNavigationTree ul li li ul li a:hover,
dl.portlet.portletNavigationTree ul li li ul li a:focus{
    color: #e2017b!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONTENUS CORRELES
--------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet.portletBSWContenusCorreles {
}
#portal-columns dl.portlet.portletBSWContenusCorreles:before {
    background: #dbdbdb;
    padding-top: 40px;
    content: " ";
    display: block;
    margin: auto;
    width: 3px;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dt {
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd {
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd:before {
    background: #dbdbdb;
    padding-top: 15px;
    content: " ";
    display: block;
    margin: auto;
    width: 3px;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd > a:first-child {
    display: inline-block;
    margin: 0 0 5px;
    padding: 2px 5px;
    background: transparent;
    color: #3e3e3e !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd span {
    display: block;
    margin: 3px 0;
    font-size: 0.8em;
    font-weight: bold;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd p {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    padding: 4px 0 15px 0;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd a img {
    display: block;
    width: 100%;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd a:hover img,
#portal-columns dl.portlet.portletBSWContenusCorreles dd a:focus 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);
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top {
    margin: 0;
}
.section-accueil #portal-top {
    display: block;
}
#portal-top {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== LOGO
--------------------------------------------------------------------------------------------------------------*/
#portal-logo {
    display: block;
    position: absolute;
    z-index: 100;
}
@media screen and (min-width: 600px) {
    #portal-logo {
        top: 70px;
        left: 22%;
    }
}
#portal-logo img {
    width: 75%;
}
@media screen and (max-width: 599px) {
    #portal-logo {
        text-align: center;
    }
}
#portlets-in-header {
    z-index: 1;
    margin: 0 0 15px 0;
}
#portlets-in-header img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
#portal-navigation {
    background: none;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150;
}

@media screen and (min-width: 600px) {
    .section-accueil #portal-navigation #nav-cache {
        background-color: rgba(62, 62, 62, 0.4);
    }

    .section-accueil #portal-navigation #nav-cache #portal-globalnav li ul.submenu {
        background-color: rgba(62, 62, 62, 0.6);
    }
}

.section-accueil #portal-navigation #nav-cache.f-nav,
.section-accueil #portal-navigation #nav-cache.f-nav #portal-globalnav li ul.submenu {
    background-color: rgba(62, 62, 62, 0.7);
    transition: all 0.3s ease-in-out 0s;
}

@media screen and (min-width: 600px) {
    #portal-navigation #nav-cache {
        background-color: rgba(62, 62, 62, 0.7);
    }
}

@media screen and (max-width: 599px) {
    #portal-navigation #nav-cache {
        background-color: rgba(62, 62, 62, 0.9);
    }
}

#portal-navigation #nav-cache {
    transition: all 0.3s ease-in-out 0s;
    background: rgba(62, 62, 62, 0.4) url('../images/ddec-lille-direction-diocesaine-menu.jpg') bottom center no-repeat;
    background-size: 100% auto;
}
.section-accueil #portal-navigation #nav-cache {
    background-image: none;
}
@media screen and (min-width: 600px) {
    #visual-portal-wrapper {
        background-color: #f7f7f7;
    }
}

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

/*
  	RUBRIQUES
*/
#portal-globalnav, #portletPageTopRow {
    background: none;
}

#portal-globalnav, #portletPageTopRow, #portal-columns {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.section-accueil #portal-columns {
    width: 100%;
}

@media screen and (min-width: 600px) {
    #portal-globalnav, #portletPageTopRow, #portal-columns, .section-accueil #portal-columns #portletPageTopRow {
        width: 550px;
    }
}

@media screen and (min-width: 768px) {
    #portal-globalnav, #portletPageTopRow, #portal-columns, .section-accueil #portal-columns #portletPageTopRow {
        width: 750px;
    }
}

@media screen and (min-width: 992px) {
    #portal-globalnav, #portletPageTopRow, #portal-columns, .section-accueil #portal-columns #portletPageTopRow {
        width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    #portal-globalnav, #portletPageTopRow, #portal-columns, .section-accueil #portal-columns #portletPageTopRow {
        width: 1170px;
    }
}

#portal-globalnav > li {
    position: relative;
    float: none !important;
}

@media screen and (min-width: 600px) {
    #portal-globalnav > li:first-child:before {
        content: " ";
    }

    #portal-globalnav > li:first-child > a {
        margin: 5px 0;
    }
}

@media screen and (min-width: 600px) {
    #portal-globalnav > li:before {
        content: " | ";
        color: #ffffff;
    }

    #portal-globalnav > li:first-child:before {
        padding: 0 !important;
    }

    #portal-globalnav {
        padding-left: 15px;
        padding-right: 15px;
        white-space: nowrap;
    }
}

#portal-globalnav > li > a {
    padding: 14px 1.5% 25px;
    min-width: 0;
    background: none;
    border: none;
    display: inline-block;
    color: #ffffff;
    font-size: 1.5em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

@media screen and (min-width: 600px) {
    #portal-globalnav > li:last-child > a {
        color: #000000;
        text-transform: uppercase;
    }

    #portal-globalnav > li:last-child > a:hover, #portal-globalnav > li:last-child > a:active {
        color: #000000;
    }
}

@media screen and (min-width: 600px) {
    #portal-globalnav > li:last-child:before {
        content: " ";
        padding: 28px 45px;
        background-color: #ffffff;
        position: absolute;
        top: -20px;
        left: 10px;
        right: 0;
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -o-transform: skew(-10deg);
		-ms-transform: skew(-10deg);
    }

    #portal-globalnav > li:last-child > a {
        position: relative;
        padding-left: 20px;
    }
}

#portal-globalnav > #portaltab-index_html > a {
    background: url("../images/ddec-menu-logo.png") center center no-repeat;
    color: transparent !important;
    background-size: contain;
    padding: 10px 0;
    margin-right: 8px;
}

#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 {
    background: none;
    color: #ffffff;
    text-decoration: underline;
}

/*
	MENU DEROULANT
*/

@media screen and (max-width: 599px) {
    #portal-globalnav li ul.submenu {
        display: none !important;
    }
    .section-accueil #portal-navigation #nav-cache #portal-globalnav {
        background-color: rgba(62, 62, 62, 0.75);

    }
    #nav-cache #portal-globalnav {
        background-color: rgba(62, 62, 62, 0.35);

    }
}

#portal-globalnav li ul.submenu {
    z-index: 2;
    padding: 10px;
    width: auto;
    background-color: rgba(99, 98, 98, 0.8);
    /*background-color: rgba(62, 62, 62, 0.7);*/
}

@media screen and (min-width: 600px) {
    #portal-globalnav li ul.submenu {
        margin-left: 8px;
        margin-top: 16px;
    }

    .section-accueil #portal-globalnav li ul.submenu {
        margin-top: 22px;
    }
}

#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 #ffffff;
}

@media screen and (min-width: 600px) {
    #portal-globalnav li ul.submenu li + li {
        margin: 0;
        padding: 0;
    }

    #portal-globalnav li ul.submenu li + li a {
        padding: 10px 0;
    }
}

@media screen and (max-width: 599px) {
    #portal-globalnav li ul.submenu li a {
        padding: 0;
    }
}

#portal-globalnav li ul.submenu li a {
    min-width: 0;
    width: auto;
    background: none;
    border: none;
    font-size: 1.1em;
    text-transform: none;
    text-decoration: none;
    color: #ffffff !important;
}

#portal-globalnav li ul.submenu li a:hover,
#portal-globalnav li ul.submenu li a:focus {
    border: none;
    background: #ffffff;
    color: #000000 !important;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    text-decoration: none;
}

#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 {
    background-color: #f7f7f7;
}
#portal-columns:after {
    content: "";
    display: block;
    clear: both;
}
#portal-columns {
    padding-bottom: 70px;
}
.section-accueil #portal-columns {
    padding-bottom: 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== CENTRE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content {
    margin: 0;
    background: #fff;
}
#portal-column-content {
    background-color: #f7f7f7;
}
.section-accueil #portal-column-content {
    padding: 0;
}
#portal-column-content #content h1 {
    font-family: 'Open Sans', sans-serif;
    color: #3e3e3e;
    text-align: left;
    text-transform: uppercase;
}

@media screen and (max-width: 599px) {
    #portal-column-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    #portal-column-content #content h1 {
        font-size: 28px;
    }
}

@media screen and (min-width: 600px) {
    #portal-column-content {
        padding-left: 5%;
        padding-right: 10%;
    }

    #portal-column-content #content h1 {
        font-size: 35px;
        padding-left: 6%;
    }
}

#portal-column-content #content {
    margin: 0;
    padding: 0;
    min-height: 300px;
    background: transparent;
    text-align: left;
}

@media screen and (max-width: 599px) {
    #portal-column-two {
        width: 100%;
        padding: 0 15px !important;
    }
}

@media screen and (min-width: 600px) {
    #portal-column-content {
        width: 70%;
        float: left;
    }

    #portal-column-two {
        width: 25%;
        border: none;
        float: left;
        margin: 0 0 0 1%;
        padding: 0 0 0 20px;
        max-width: 280px;
    }

    .section-accueil #portal-column-content {
        width: 100%;
    }
}

/*--------------------------------------------------------------------------------------------------------------
	== COLONNES
--------------------------------------------------------------------------------------------------------------*/
#portal-column-one {}
#portal-column-two {}

.portletHeader.hiddenStructure {
    display: none;
}


@media screen and (min-width: 600px) {
    #portletPageColumns #portletPageTopRow .portletWrapper {
        float: left;
        position: relative;
        min-height: 1px;
    }
}

#portletPageColumns {
    background-color: #f7f7f7;
}

#portletPageTopRow {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media screen and (max-width: 990px) {
    #portletPageColumns #portletPageTopRow .portletNumber-0,
    #portletPageColumns #portletPageTopRow .portletNumber-1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    #portletPageColumns #portletPageTopRow .portletNumber-1 {
        padding-top: 30px;
    }

    .edito p {
        text-align: left;
    }
}

@media screen and (min-width: 991px) {
    #portletPageColumns #portletPageTopRow .portletNumber-0 {
        width: 33.333333%;
        padding:30px 15px 30px 30px;
        text-align: left;
    }

    #portletPageColumns #portletPageTopRow .portletNumber-1 {
        width: 66.666666%;
        padding:30px 15px 30px 30px;
    }
}



/* TEST */

.bx-wrapper .bx-controls-direction a {
    background-repeat: no-repeat;
    transition: all 0s ease-in-out 0s;
}

.bx-controls .bx-pager {
    display: none;
}


.bx-wrapper .bx-controls-direction a {
    top: -20px;
    margin: 0;
}

#portletPageBottomRow {
    border-top: 10px solid #dbdbdb;
    background: #ffffff !important;
}


/*--------------------------------------------------------------------------------------------------------------
	== ABOVE CONTENT
--------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
    #above-content {
        margin-top: 60px;
    }
}

@media screen and (min-width: 600px) {
    #above-content {
        margin-top: 130px;
        text-align: left;
        padding-left: 9%;
    }

    .section-accueil #above-content {
        margin-top: 0;
        padding-left: 0;
    }

    #above-content #portal-breadcrumbs a {
        font-family: 'Baskerville', Arial, sans-serif;
        font-size: 14px;
        color: #c0c0c0;
    }
}

#above-content {
}

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

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

#portal-breadcrumbs a {
    color: #8a8a8a;
}

#portal-breadcrumbs a:hover,
#portal-breadcrumbs a:focus {
    color: #000;
}

/*
	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
--------------------------------------------------------------------------------------------------------------*/
/*
	TITRE
*/
#portal-column-content h1 {
    border: none;
    color: #3e3e3e;
}

.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;
}

/*
	DESCRIPTION
*/
#portal-column-content .documentDescription {
    margin: 0;
    padding: 0 0 0 6%;
    color: #3e3e3e;
    font-size: 1.4em;
    text-align: left;
    font-style: italic;
}

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

/*
	CORPS DE TEXTE
*/
#portal-column-content #content-core {
    margin: 30px 0 0;
}

#portal-column-content #content-core > p {
    margin-left: 6%;
}

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

#portal-column-content #content-core {
    text-align: left;
}

#portal-column-content #content-core .tileItem h2 a,
#portal-column-content #content-core div[id^="parent-fieldname-text"] h2 {
    color: #ffffff;
    padding: 15px 7%;
    background: #0d9d32;
    font-family: 'Baskerville', sans-serif;
    text-transform: none;
    letter-spacing: 0.01em;
}

@media screen and (min-width: 600px) {
    #portal-column-content #content-core .tileItem h2 a,
    #portal-column-content #content-core div[id^="parent-fieldname-text"] h2 {
        margin-left: 8px;
        margin-right: 15px;
    }
}

#portal-column-content #content-core .tileItem h2 a:hover,
#portal-column-content #content-core .tileItem h2 a:focus {
    color: #ffffff;
    background: #0d9d32;
    text-decoration: underline;
}
.section-parent-etudiant #portal-column-content #content-core .tileItem h2 a,
.section-parent-etudiant #portal-column-content #content-core div[id^="parent-fieldname-text"] h2,
.section-parent-etudiant #portal-column-content #content-core .tileItem h2 a:hover,
.section-parent-etudiant #portal-column-content #content-core .tileItem h2 a:focus {
    background:#ffdd00;
    color:#000;
}
.section-extranet #portal-column-content #content-core .tileItem h2 a,
.section-extranet #portal-column-content #content-core div[id^="parent-fieldname-text"] h2,
.section-extranet #portal-column-content #content-core .tileItem h2 a:hover,
.section-extranet #portal-column-content #content-core .tileItem h2 a:focus {
    background:#009de0;
}
@media screen and (max-width: 599px) {
    #portal-column-content #content-core .tileItem h2 a,
    #portal-column-content #content-core div[id^="parent-fieldname-text"] h2 {
        width: 100%
    }
}

@media screen and (min-width: 600px) {
    #portal-column-content #content-core h2 {
        padding-left: 5px;
    }

    #portal-column-content #content-core .tileItem h2 a,
    #portal-column-content #content-core div[id^="parent-fieldname-text"] h2 {
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -o-transform: skew(-10deg);
		-ms-transform: skew(-10deg);
    }
}

/*
  	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;
}

/*
	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;
    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 DE RECHERCHE FACETED
--------------------------------------------------------------------------------------------------------------*/
.template-facetednavigation_view #portal-column-one,
.template-facetednavigation_view #portal-column-two{
    display: none;
}
.template-facetednavigation_view #portal-column-content{
    padding:0 5%;
    width: 100%;
}
.template-facetednavigation_view #portal-column-content #center-top-area{
    margin:0 0 30px;
    overflow: hidden;
}
.template-facetednavigation_view #portal-column-content .faceted-widget{
    float: left;
    width: 24.2%;
    border:none;
}
.template-facetednavigation_view #portal-column-content .faceted-widget + .faceted-widget{
    margin-left: 1%;
}
.template-facetednavigation_view #portal-column-content .widget-fieldset {
    margin:0;
    padding:0;
    border:none;
}
.template-facetednavigation_view #portal-column-content .widget-fieldset legend{
    margin: 0 0 5px;
    padding:0;
}
.template-facetednavigation_view #portal-column-content .widget-fieldset select {
    display: block;
    padding:5px;
    width: 100%;
}
#s2id_c4{
    width: 100%;
    border: 1px solid #7a7a7a;
}
#s2id_c4 > a{
    background: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.select2-results .select2-disabled {
	display: none !important;
}
.select2-search input {
     margin: 10px 0;
     padding: 5px 10px;
     font-size: 1.5em;
 }

.select2-search ul {
    font-size: 1.5em;
    padding:10px;
}
.select2-search ul li {
    padding: 5px 0;
}

/*
    LISTE RESULTATS
*/
.etablissement-values{
    margin:30px 0 0;
    padding:30px 0 0;
    border-top: 1px dotted #000;
}
.etablissement-values strong{
    display: inline-block;
    color: #ffffff;
    margin:0 0 10px -10px;
    padding: 15px;
    background: #0d9d32;
    font-family: 'Baskerville', sans-serif;
    font-size: 1.2em;
    text-transform: none;
    letter-spacing: 0.01em;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
    transform: skew(-10deg);
}
#content .etablissement-values .contact{
    margin: 0;
    overflow: hidden;
}
#content .etablissement-values .contact li{
    display: inline-block;
}
#content .etablissement-values .contact li.adresse{
    display: block;
    padding:0;
    background: none;
    font-weight: 700;
}
#content .etablissement-values .contact li.adresse + li ~ li::before{
    content: '-';
    padding:0 5px;
}
#content .etablissement-values .infos-generales li,
#content .etablissement-values .contact li:nth-child(n+2){
    font-style:italic;
}
#content .etablissement-values .infos-generales li > span,
#content .etablissement-values .contact li:nth-child(n+2) > span,
#content .etablissement-values .contact li:nth-child(n+2) > a {
    font-style:normal;
}
#content .etablissement-values dl {
    overflow: hidden;
}
#content .etablissement-values dt{
    clear: both;
    padding:10px 0 0;
    text-transform: uppercase;
	font-weight: 600;
}

#content .etablissement-values dd:before {
	content: "";
    display: inline-block;
    margin: 0 2px 0 6%;
    padding-left: 5px;
    height: 18px;
    width: 0px;
    background: #0d9d32;
}

#content .etablissement-values dd {
    float: left;
    margin:5px 0;
    padding:0 0 0 20px;
    width: 50%;
}
#content .etablissement-values .infos-generales li{
    display: inline-block;
}
#content .etablissement-values .infos-generales li + li::before{
    content: '-';
    padding:0 5px;
}

/*
    INFO BULLE
*/
.gm-style-iw strong{
    font-weight: 700;
    font-size: 1.4em;
    text-transform: uppercase;
}
.gm-style-iw .adresse{
    padding:0;
    background: none;
    font-weight: 700;
}
#content .gm-style-iw .contact{
    margin-bottom: 10px;
}
#content .gm-style-iw .contact li{
    margin:5px 0;
    line-height:1;
}
#content .gm-style-iw dt {
    margin-top: 20px;
    font-weight: 700;
}
#content .gm-style-iw dd {
    margin:5px 0;
}

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

#portal-column-content #content-core .tileItem + .tileItem {
    padding: 30px 0 0;
    border-top: 1px dotted #000;
}

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

#portal-column-content #content-core .tileItem h2 a {
    display: inline-block;
    line-height: normal;
}

#portal-column-content #content-core .tileItem h2 a:hover,
#portal-column-content #content-core .tileItem h2 a:focus {
    color: #fff !important;
}

#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;
}

@media screen and (min-width: 600px) {
    #portal-column-content #content-core .tileItem p,
    #portal-column-content #content-core .tileItem .documentByLine{
        padding-left: 6%;
    }
}

@media screen and (min-width: 600px) {
    #portal-column-content #content-core .tileItem .tileBody .description {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #3e3e3e;
    }
}

#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) 0 7px no-repeat;
    color: #3e3e3e;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#portal-column-content #content-core .tileItem p.tileFooter a:hover,
#portal-column-content #content-core .tileItem p.tileFooter a:focus {
    color: #000 !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== 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%; /* 16:9 */
}

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

/*--------------------------------------------------------------------------------------------------------------
	== PAGE EVENEMENT
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .eventDetails {
    float: none;
    margin: 20px 0 20px 6%;
    width: auto;
    background: transparent;
    border: none;
    overflow: hidden;
}
#portal-column-content #content-core .eventDetails ul li {
    display: inline-block;
    max-width: 20%;
    vertical-align: top;
    min-height: 60px;
}
#portal-column-content #content-core .eventDetails ul li + li {
    padding: 0 10px;
    border-left: 1px solid #dbdbdb;
}
#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;
    text-align: left;
    line-height: 1;
}
#portal-column-content #content-core .eventDetails ul li.quand p > span {
    display: block;
    line-height: 20px;
}
#portal-column-content #content-core .eventDetails ul li p {
    margin: 0;
}
#portal-column-content #content-core .eventDetails ul li span.entete {
    display: block;
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: bold;
}
#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 {
    background: transparent;
    color: #343434;
    font-weight: bold;
    font-family: 'Baskerville', sans-serif;
    font-size: 1.4em;
    letter-spacing: 0.05em;
}

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

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

#portal-column-content .voir-le-calendrier a {
    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: #0d9d32;
    color: #fff;
    margin-left: 6%;
}

#content .liste-photos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 6%;
}
#content .liste-photos .imageAlbumContainer{
    width: 32%;
    overflow: hidden;
}
#content .liste-photos .imageAlbumContainer img{
    width: 100%;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-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;
}

@media screen and (min-width: 600px) {
    #portal-column-content #content-core #portal-sitemap {
        margin-left: 6% !important;
    }
}

#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;
    border: none;
    color: #ffffff !important;
    font-size: 2em;
    font-weight: normal;
    line-height: 1;
    padding: 15px 7%;
    background: #0d9d32;
    font-family: 'Baskerville', sans-serif;
    text-transform: none;
    letter-spacing: 0.01em;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
}

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

/* 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 solid #dbdbdb;
}

#portal-column-content #content-core #portal-sitemap li li li {
}

#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: 0;
    background: url('../images/ddec-lille-footer-background.jpg') no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 250px;
    border: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== COORDONNEES
--------------------------------------------------------------------------------------------------------------*/
#coordonnees {
    margin: 0;
    padding: 5% 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

#coordonnees p {
    display: inline-block;
    text-align: left;
    margin-left: 5%;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-bottom: 15px;
    background-size: contain;
}

#coordonnees p:first-child {
    margin-left: 0;
}

#coordonnees p, #coordonnees p a {
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.adresse {
    background: url('../images/ddec-adresse.png') left center;
    padding-left: 40px;
}

.tel {
    background: url('../images/ddec-telephone.png') left center;
    padding-left: 43px;
    padding-bottom: 1px;
}

.mail {
    background: url('../images/ddec-contacter.png') left center;
    padding-left: 66px;
}

/*--------------------------------------------------------------------------------------------------------------
	== SITE ACTION
--------------------------------------------------------------------------------------------------------------*/
#portal-siteactions {
    clear: none;
    float: none;
    padding: 15px 0;
    border: none;
    color: #ffffff;
    font-size: 1.1em;
}

#portal-siteactions li {
    display: inline;
    color: #000;
}

#portal-siteactions li + li:before {
    content: "| ";
    color: #ffffff;
}

#portal-siteactions li a,
#portal-siteactions li a:visited {
    border: none;
    text-transform: none;
    color: #ffffff;
}

#portal-siteactions li a:hover {
    border: none;
    background: none;
    color: #ffffff;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= 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;
}

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

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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
    /* NAVIGATION MINI */
    /* boutons */
    #portal-navigation > a {
        display: block;
        padding: 15px;
        font-size: 1.2em;
        color: #ffffff;
        text-transform: uppercase;
        background-color: rgba(62, 62, 62, 0.7);
    }

    #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, #portal-globalnav > li:first-child {
        margin: 0;
    }

    #portal-globalnav > li a {
        padding: 10px;
        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;
    }


    /* 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;
    }
    #portal-siteactions {
        padding: 15px;
    }

    /* Page Etablissement et Formation */
    .template-facetednavigation_view #portal-column-content .faceted-widget {
        width: 95%;
        margin: 10px 0;
    }
    .template-facetednavigation_view #portal-column-content .widget-fieldset select {
        display: block;
        padding: 7px;
        width: 100%;
        font-size: 1.2em;
    }
    #content option {
        font-size: 1.2em;
        padding: 5px 0;
    }
    #content .etablissement-values dd {
        width: 100%;
    }
    div.faceted-results {
        max-width: 90%;
        margin: 0 auto;
    }
    #content .etablissement-values .contact {
        overflow: auto;
    }
    #content .etablissement-values .contact span {
        font-size: 0.9em;
    }

    /* 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;
    }
}

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