/**************************************************************************************************************/
/*
			ACCADEMIE MUSICALE DE VILLECROZE - V1.5 Site generique

			Date : 13 juillet 2016
			Auteur : marlene
			URL : http://pommier2:41680/villecroze - liberte3

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


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

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

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

ul {
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-type: 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: raleway;
}

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

div.position-8 {
    margin-left: 0;
    font-size: 0.7em;
}

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

.ui-autocomplete {
    background: #e8e8e8 !important;
    border: none !important;
}

.ui-autocomplete li {
    font-size: 1.1em !important;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 5px 10px !important;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
    background: #000 !important;
    border: none !important;
    color: #e8e8e8 !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-family: verdana;
    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;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
}

.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 {
    left: 10px;
    background: url(../images/bx-slider/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../images/bx-slider/controls.png) no-repeat -43px -32px;
}

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

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

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    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);
    -pie-background: rgba(80, 80, 80, 0.75);
    behavior: url(++resource++PIE.htc);
}

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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORLTETS
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet {
    margin: 0 0 30px;
}

#portal-columns dl.portlet dt {
    padding: 0;
    background: none;
    font-size: 1.4em;
    text-transform: uppercase;
}

#portal-columns dl.portlet dd {
    padding: 0;
    font-size: 1.2em;
}

/*--------------------------------------------------------------------------------------------------------------
	== SLIDER BANDEAU
--------------------------------------------------------------------------------------------------------------*/
.slider-bandeau {
    overflow: hidden;
}
.slider-bandeau  > div {
    margin: 0;
}
.slider-bandeau img {
    display: block;
    width: 100%;
    height: auto;
}

/*.slider-bandeau .bx-controls{
	display: none;
}*/

/*--------------------------------------------------------------------------------------------------------------
	== BOUTONS UNIVERS
--------------------------------------------------------------------------------------------------------------*/
.boutons-univers {
    text-align: center;
}

.section-accueil .boutons-univers,
.section-home .boutons-univers {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
}
#portlets-above .boutons-univers ul {
    margin: 0;
}
#portlets-above .boutons-univers ul li {
    display: inline-block;
    margin: 0 20px;
    width: 40%;
}

#portal-column-two .boutons-univers ul li {
    display: block;
    margin: 0 0 30px;
}

.boutons-univers ul li a {
    display: block;
    padding: 20px;
    background: #156f89;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #8cd3e7;
    font-size: 1.8em;
    line-height: 1;
}

.boutons-univers ul li a:hover,
.boutons-univers ul li a:focus {
    background: #0c4151;
    color: #8cd3e7;
    text-decoration: none;
}

.boutons-univers ul li + li a {
    background: #7ead0d;
    color: #e9ed6a;
}

.boutons-univers ul li + li a:hover,
.boutons-univers ul li + li a:focus {
    background: #5d7f0c;
    color: #e9ed6a;
}

.boutons-univers ul li a strong {
    display: block;
    font-weight: 400;
    font-size: 1.8em;
}

#portal-column-two .boutons-univers ul li a strong {
    margin: 0 0 10px;
    font-size: 2.2vw;
}

/*--------------------------------------------------------------------------------------------------------------
	== DECOUVRIR
--------------------------------------------------------------------------------------------------------------*/
.decouvrir {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

#portlets-above .decouvrir p {
    margin: 0;
}

.decouvrir a {
    display: inline-block;
    padding: 10px 40px;
    background: #fff;
    font-weight: 800;
    font-size: 1.4em;
    line-height: 1.4;
}

.decouvrir a:hover,
.decouvrir a:focus {
    padding-top: 30px;
    text-decoration: none;
}

.decouvrir a::after {
    content: "";
    display: block;
    font-family: 'fontawesome';

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.decouvrir a:hover::after,
.decouvrir a:focus::after {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

/*--------------------------------------------------------------------------------------------------------------
	== EDITO
--------------------------------------------------------------------------------------------------------------*/
.edito {
    position: relative;
    float: left;
    margin: 0 0 40px;
    width: 40%;
    text-align: center;
    color: #666;
    font-size: 1.6em;
}

.edito .portletHeader .entete {
    font-weight: bold;
}

.edito p:after {

}


.edito h2 {
    height: 1px;
}

.edito h2 a {
    display: block;
    text-indent: -5000px;
}

.edito h2 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.edito p {
    margin: 0 !important;
    line-height: 1.3;
}

/*--------------------------------------------------------------------------------------------------------------
	== VIDEO
--------------------------------------------------------------------------------------------------------------*/
.video-home {
    float: right;
    width: 55%;
}

.video-home li.video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
}

.video-home .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-home h2,
.video-home .bx-controls {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== A LA UNE
--------------------------------------------------------------------------------------------------------------*/
.a-la-une {
    float: left;
    width: 40%;
    text-align: center;
}

.a-la-une .portletHeader {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.5em;
}

#content .a-la-une ul {
    margin: 20px 0 0;
}
@media only screen and (max-width: 991px) {
    #content .a-la-une ul {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}
#content .a-la-une ul li {
    position: relative;
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

#content .a-la-une ul li::after {
    content: "";
    position: absolute;
    left: 0;
    font-family: 'fontawesome';
    font-size: 1.4em;
    text-align: center;

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
@media only screen and (min-width: 991px) {
    #content .a-la-une ul li::after {
        bottom: -40px;
    }
}
.section-home #content .a-la-une ul li::after,
.section-accueil #content .a-la-une ul li::after {
    right: 0;
}

#content .a-la-une ul li:hover::after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#content .a-la-une ul li:nth-child(2) {
    margin: 0 4%;
}

#content .a-la-une ul li h2 {
    font-size: 1.6em;
    line-height: 1;
}

#content .a-la-une ul li h2 a::before {
    display: block;
    font-style: italic;
    font-size: 0.8em;
}

#content .a-la-une ul li h2 a[href*="fr/jeunes-talents/concerts/"]::before {
    content: "[Concert]";
}

#content .a-la-une ul li h2 a[href*="fr/jeunes-talents/master-class/"]::before {
    content: "[Master class]";
}

#content .a-la-une ul li h2 a[href*="en/young-talents/concerts/"]::before {
    content: "[Concert]";
}

#content .a-la-une ul li h2 a[href*="en/young-talents/master-class/"]::before {
    content: "[Master class]";
}

#content .a-la-une ul li h2 a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#content .a-la-une ul li h2 a:hover,
#content .a-la-une ul li h2 a:focus {
    text-decoration: none;
    color: #000 !important;
}

#content .a-la-une ul li > span {
    display: block;
    margin: 8px 0 0;
    font-size: 1.5em;
}

#content .a-la-une ul li p {
    margin: 5px 0 0;
    font-size: 1.2em;
}

/*
	JEUNES TALENTS
*/
.section-jeunes-talents .a-la-une,
.section-young-talents .a-la-une {
    width: 43%;
    text-align: left;
}

.section-jeunes-talents .a-la-une .portletHeader,
.section-young-talents .a-la-une .portletHeader {
    display: block;
    margin: 40px 0 10px;
    font-size: 2em;
    line-height: 1;
}

.section-jeunes-talents .a-la-une .portletHeader::before,
.section-young-talents .a-la-une .portletHeader::before {
    content: "";
    display: block;
    margin: 0 0 30px;
    height: 3px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.section-jeunes-talents #content .a-la-une ul li::after,
.section-young-talents #content .a-la-une ul li::after {
    display: inline-block;
    text-align: left;
}

/*
	CHANT CHORAL
*/
.section-chant-choral .a-la-une,
.section-choral-singing .a-la-une {
    /*float:none;*/
    width: 43%;
    text-align: left;
}

.section-chant-choral .a-la-une .portletHeader,
.section-choral-singing .a-la-une .portletHeader {
    display: block;
    margin: 40px 0 10px;
    font-size: 2em;
    line-height: 1;
}

.section-chant-choral .a-la-une .portletHeader::before,
.section-choral-singing .a-la-une .portletHeader::before {
    content: "";
    display: block;
    margin: 0 0 30px;
    height: 3px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.section-chant-choral #content .a-la-une ul li::after,
.section-choral-singing #content .a-la-une ul li::after {
    display: inline-block;
    text-align: left;
}


/*--------------------------------------------------------------------------------------------------------------
	== ADD THIS
--------------------------------------------------------------------------------------------------------------*/
.portlet-embed-add-this {
    margin: 40px 0;
    text-align: center;
}

.portlet-embed-add-this div.addthis_toolbox a {
    display: inline-block;
    float: none;
    padding: 5px;
}

.portlet-embed-add-this div.addthis_toolbox a span {
    background: none !important;
    height: auto !important;
    width: auto !important;
    line-height: normal !important;
    overflow: visible;
}

.portlet-embed-add-this div.addthis_toolbox a span::before {
    display: block;
    color: #fff;
    font-family: 'fontawesome';
    font-size: 2.1em;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);

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

.portlet-embed-add-this div.addthis_toolbox a:hover span::before,
.portlet-embed-add-this div.addthis_toolbox a:focus span::before {
    color: #000;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
}

.portlet-embed-add-this div.addthis_toolbox a.addthis_button_facebook span::before {
    content: "";
}

.portlet-embed-add-this div.addthis_toolbox a.addthis_button_twitter span::before {
    content: "";
}

.portlet-embed-add-this div.addthis_toolbox a.addthis_button_email span::before {
    content: "";
}

.portlet-embed-add-this div.addthis_toolbox a.addthis_button_print span::before {
    content: "";
}

.portlet-embed-add-this div.addthis_toolbox a span svg {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== SOUS NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
.template-folder_summary_view dl.portlet.portletNavigationTree {
    display: none;
}

dl.portlet.portletNavigationTree {
    margin: 0;
    padding: 20px;
    background: #e8e8e8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

dl.portlet.portletNavigationTree dd ul {
}

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

dl.portlet.portletNavigationTree ul li + li,
dl.portlet ul.navTreeLevel0 > .navTreeItem + .navTreeItem {
    margin-top: 10px;
}

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 {
    border-top: 1px dotted #000;
}

dl.portlet.portletNavigationTree ul li ul li.navTreeItem {
    margin: 0;
    padding: 5px 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;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONTENUS CORRELES
--------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet.portletBSWContenusCorreles {
}

#portal-columns dl.portlet.portletBSWContenusCorreles dt {
    font-size: 3em;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd {
    position: relative;
    float: left;
    margin: 0 0 20px;
    width: 48%;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd:nth-child(even) {
    float: right;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd > a:first-child {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff !important;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 1.5em;
}

#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-size: 0.9em;
}

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

/*--------------------------------------------------------------------------------------------------------------
	== PROGRAMME MASTERCLASS
--------------------------------------------------------------------------------------------------------------*/
.programme-masterclass {
    position: relative;
    color: #156f89;
}

.programme-masterclass h2 {
    padding: 10px;
    width: 50%;
    background: #fff;
    font-size: 2em;
    color: #156f89;
    text-align: center;
    line-height: 1;
    cursor: pointer;
}

.programme-masterclass h2.annee-suivante {
    margin-left: 50%;
}

.programme-masterclass h2.annee-suivante:after {
    content: "[ New ]";
    color: #7dab0d;
    margin-left: 10px;
    font-size: 0.8em;
}


.programme-masterclass h2.off {
    position: absolute;
    top: 0;
    padding-bottom: 8px;
    width: 49.7%;
    background: rgba(255, 255, 255, 0.8);

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

.programme-masterclass h2.annee-courante.off {
    left: 0;
}

.programme-masterclass h2.annee-suivante.off {
    right: 0;
}

.programme-masterclass h2.off:hover {
    background: #fff;
}

.programme-masterclass h2.seul {
    width: auto;
}

.programme-masterclass ul {
    display: flex;
    padding: 40px 30px;
    background: #fff;
}

.programme-masterclass h2.seul + ul {
    display: flex;
    padding-top: 20px;
}

.programme-masterclass ul.off {
    display: none;
}

#portal-columns .programme-masterclass ul li {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0 10px;
    width: 25%;
    text-align: center;
    vertical-align: top;
}

/*       Mis en place car il n'y a plus que 5 masterclass            */

#portal-columns .programme-masterclass ul.annee-suivante li {
    width: 20%;
}


#portal-columns .programme-masterclass ul li h3 {
    margin: 0 0 10px;
    font-size: 1.6em;
    text-transform: uppercase;
    line-height: 1;
}

#portal-columns .programme-masterclass ul li h3 a {
    color: #156f89;
}

#portal-columns .programme-masterclass ul li h3 a:hover,
#portal-columns .programme-masterclass ul li h3 a:focus {
    color: #393939 !important;
    text-decoration: none;
}

#portal-columns .programme-masterclass ul li h3 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.programme-masterclass ul li strong {
    display: block;
    margin: 0 0 5px;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 1.8em;
    line-height: 1;

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

.programme-masterclass ul li strong + strong {
    /*display:none;*/
}

.programme-masterclass ul li:nth-child(7) strong + strong,
.programme-masterclass ul li:nth-child(6) strong + strong,
.programme-masterclass ul li:nth-child(8) strong + strong {
    display: block !important;
}


.programme-masterclass ul li > span {
    flex: 1;
    font-size: 1.2em;

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

.programme-masterclass ul li:hover strong,
.programme-masterclass ul li:hover > span {
    color: #393939;
}

#portal-columns .programme-masterclass ul li p {
    padding-top: 15px;
}

#portal-columns .programme-masterclass ul li p > span {
    position: relative;
    top: 0;
    margin: 0 auto 0;
    max-width: 100px;
    font-size: 1.2em;
    color: #393939;

    -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 .programme-masterclass ul li:hover p > span {
    top: -10px;
}

.programme-masterclass ul li p > span::before {
    content: "";
    display: block;
    font-family: 'fontawesome';
}

.programme-masterclass ul li p > span::after {
    display: block;
    margin: 10px auto 0;
    width: 17px;
    height: 17px;
    background: #393939;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-family: 'fontawesome';
    font-size: 0.8em;
    color: #fff;
    text-align: center;
    line-height: 17px;
}

.programme-masterclass ul li p.depassee > span::after {
    content: "";
}

.programme-masterclass ul li p.encours > span::after {
    content: "";
}

.programme-masterclass ul li p.avenir > span::after {
    content: "";
}


.portaltype-formsavedata2contentadapter #content-core,
.portaltype-formsavedataadapter #content-core {
    overflow: scroll;
}


/*--------------------------------------------------------------------------------------------------------------
	== INFOS OEUVRES
--------------------------------------------------------------------------------------------------------------*/
.infos-oeuvre {
    padding: 40px;
}

.infos-oeuvre dl {
    position: relative;
    padding: 0 0 0 25px;
}

.infos-oeuvre dl::before {
    position: absolute;
    top: -5px;
    left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-family: 'fontawesome';
    font-size: 1.6em;
    color: #7ead0d;
    line-height: 30px;
    text-align: center;
}

.infos-oeuvre dl:first-child::before {
    content: "";
}

.infos-oeuvre dl:nth-child(2)::before {
    content: "";
}

.infos-oeuvre dl:nth-child(3)::before {
    content: "";
}

.infos-oeuvre dl + dl {
    margin: 40px 0 0;
}

.infos-oeuvre dl dt {
    font-size: 1.4em;
    color: #7ead0d;
}

.infos-oeuvre dl dt ~ dt {
    margin: 10px 0 0;
}

.infos-oeuvre dl dd {
    display: inline;
    font-size: 1.2em;
}

.infos-oeuvre dl dd + dd::before {
    content: "- ";
}

/*--------------------------------------------------------------------------------------------------------------
	== MASTERCLASS ANIMEES
--------------------------------------------------------------------------------------------------------------*/
.masterclass-animees {
    padding: 40px;
}

.masterclass-animees .entete {
    display: block;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 2.2em;
    font-weight: 700;
}

.masterclass-animees ul li {
    position: relative;
    display: block;
}

.masterclass-animees ul li + li {
    margin: 20px 0 0;
}

.masterclass-animees ul li a {
    display: block;
    margin: 0 0 10px;
    font-size: 1.6em;
    font-weight: 700;
    color: #156f89;
}

.masterclass-animees ul li a:hover,
.masterclass-animees ul li a:focus {
    text-decoration: none;
}

.masterclass-animees ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.masterclass-animees ul li span {
    font-size: 1.3em;

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

.masterclass-animees ul li:hover span {
    color: #156f89;
}

/*--------------------------------------------------------------------------------------------------------------
	== MASTERCLASS REALISEES
--------------------------------------------------------------------------------------------------------------*/
.masterclass-realisees {
    padding: 40px;
}

.masterclass-realisees .entete {
    display: block;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 2.2em;
    font-weight: 700;
}

.masterclass-realisees ul li {
    position: relative;
    display: block;
}

.masterclass-realisees ul li + li {
    margin: 20px 0 0;
}

.masterclass-realisees ul li a {
    display: block;
    margin: 0 0 10px;
    font-size: 1.6em;
    font-weight: 700;
    color: #156f89;
}

.masterclass-realisees ul li a:hover,
.masterclass-realisees ul li a:focus {
    text-decoration: none;
}

.masterclass-realisees ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.masterclass-realisees ul li span {
    font-size: 1.3em;

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

.masterclass-realisees ul li:hover span {
    color: #156f89;
}

/*--------------------------------------------------------------------------------------------------------------
	== LISTE PROFESSEURS
--------------------------------------------------------------------------------------------------------------*/
.liste-professeurs {
    margin: 40px 0;
    background-color: #ffffff;
}

.liste-professeurs .entete {
    display: block;
    margin: 0 0 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 700;
}

/*
	TOUS
*/
#portal-columns .liste-professeurs .portletSubTitle {
    position: relative;
    display: inline-block;
    margin-left: 7%;
    margin-top: -35px;
    width: 12%;
    background: #000;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    overflow: hidden;
    vertical-align: middle;
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

#portal-columns .liste-professeurs .portletSubTitle:hover,
#portal-columns .liste-professeurs .portletSubTitle:focus {
    color: #156f89 !important;
    text-decoration: none;
}

.liste-professeurs .portletSubTitle::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.liste-professeurs .portletSubTitle span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
}

.liste-professeurs .portletSubTitle span::before {
    content: "";
    display: block;
    padding: 15% 0 7%;
    font-family: 'fontawesome';

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

.liste-professeurs .portletSubTitle:hover span::before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/*
	LISTE
*/
#portal-columns .liste-professeurs .bx-wrapper {
    display: inline-block;
    margin: 0;
    width: 80%;
    vertical-align: middle;
}

#portal-columns .liste-professeurs ul {
}

#portal-columns .liste-professeurs ul li {
    position: relative;
    float: left;
    width: 19%;
    vertical-align: top;
    text-align: center;
}

/*#portal-columns .liste-professeurs ul li + li{
	margin-left:1%;
}*/
.liste-professeurs ul li > a {
    display: block;
    margin: 0 0 5px;
    position: relative;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    overflow: hidden;
}

.liste-professeurs ul li > a::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.liste-professeurs ul li > a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(21, 111, 137, 0);

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

.liste-professeurs ul li:hover > a::after,
.liste-professeurs ul li > a:hover::after,
.liste-professeurs ul li > a:focus::after {
    background: rgba(21, 111, 137, 0.5);
}

.liste-professeurs ul li > a img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
    min-height: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(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;
}

.liste-professeurs ul li:hover > a img,
.liste-professeurs ul li > a:hover img,
.liste-professeurs ul li > 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);
}

.liste-professeurs ul li h2 {
    display: block;
    margin: 0 0 5px;
    font-size: 1.7em;
    line-height: 1;
}

.liste-professeurs ul li h2 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#portal-columns .liste-professeurs ul li:hover h2 a,
#portal-columns .liste-professeurs ul li h2 a:hover,
#portal-columns .liste-professeurs ul li h2 a:focus {
    color: #156f89 !important;
    text-decoration: none;
}

.liste-professeurs ul li span {
    display: block;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.7em;
    font-weight: bold;
    color: #156f89;
}

.liste-professeurs ul li span + span {
    display: none;
}

/*
	CONTROLES
*/
.liste-professeurs .bx-pager {
    display: none;
}

.liste-professeurs .bx-wrapper .bx-controls-direction a {
    margin-top: -45px;
    background: none;
    font-size: 0.5rem;
}

.liste-professeurs .bx-wrapper .bx-controls-direction a::before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 4em;
    font-family: 'fontawesome';
    text-indent: 0;

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

.liste-professeurs .bx-wrapper .bx-controls-direction a:hover::before,
.liste-professeurs .bx-wrapper .bx-controls-direction a:focus::before {
    color: #156f89 !important;
}

.liste-professeurs .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -30px;
}

.liste-professeurs .bx-wrapper .bx-controls-direction a.bx-prev::before {
    content: "";
}

.liste-professeurs .bx-wrapper .bx-controls-direction a.bx-next {
    right: -40px;
}

.liste-professeurs .bx-wrapper .bx-controls-direction a.bx-next::before {
    content: "";
}

/*--------------------------------------------------------------------------------------------------------------
	== PROFESSEURS MASTERCLASS
--------------------------------------------------------------------------------------------------------------*/
.professeurs {
    padding: 20px;
    overflow: hidden;
    text-align: center;
}

.professeurs .entete {
    display: block;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 2.2em;
    font-weight: 700;
}

/*
	LISTE
*/
.professeurs ul li,
.intervenants-accompagnateurs ul li {
    position: relative;
}

.professeurs ul li + li::before,
.intervenants-accompagnateurs ul li + li::before {
    content: "";
    display: block;
    margin: 20px auto;
    width: 60px;
    height: 3px;
    background: #000;
}

.professeurs ul li > a,
.intervenants-accompagnateurs ul li > a {
    position: relative;
    display: inline-block;
    max-width: 170px;
    width: 100%;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    overflow: hidden;
}

.professeurs ul li > a::before,
.intervenants-accompagnateurs ul li > a::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.professeurs ul li > a::after,
.intervenants-accompagnateurs ul li > a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(21, 111, 137, 0);

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

.section-jeunes-talents .professeurs ul li > a::after,
.section-young-talents .professeurs ul li > a::after,
.section-jeunes-talents .intervenants-accompagnateurs ul li > a::after,
.section-young-talents .intervenants-accompagnateurs ul li > a::after {
    background: rgba(21, 111, 137, 0);
}

.section-chant-choral .professeurs ul li > a::after,
.section-choral-singing .professeurs ul li > a::after,
.section-chant-choral .intervenants-accompagnateurs ul li > a::after,
.section-choral-singing .intervenants-accompagnateurs ul li > a::after {
    background: rgba(126, 173, 13, 0);
}

.section-jeunes-talents .professeurs ul li > a:hover::after,
.section-jeunes-talents .professeurs ul li > a:focus::after,
.section-young-talents .professeurs ul li > a:hover::after,
.section-young-talents .professeurs ul li > a:focus::after,
.section-jeunes-talents .intervenants-accompagnateurs ul li > a:hover::after,
.section-jeunes-talents .intervenants-accompagnateurs ul li > a:focus::after,
.section-young-talents .intervenants-accompagnateurs ul li > a:hover::after,
.section-young-talents .intervenants-accompagnateurs ul li > a:focus::after {
    background: rgba(21, 111, 137, 0.5);
}

.section-chant-choral .professeurs ul li > a:hover::after,
.section-chant-choral .professeurs ul li > a:focus::after,
.section-choral-singing .professeurs ul li > a:hover::after,
.section-choral-singing .professeurs ul li > a:focus::after,
.section-chant-choral .intervenants-accompagnateurs ul li > a:hover::after,
.section-chant-choral .intervenants-accompagnateurs ul li > a:focus::after,
.section-choral-singing .intervenants-accompagnateurs ul li > a:hover::after,
.section-choral-singing .intervenants-accompagnateurs ul li > a:focus::after {
    background: rgba(126, 173, 13, 0.5);
}

.professeurs ul li > a img,
.intervenants-accompagnateurs ul li > a img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(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;
}

.professeurs ul li > a:hover img,
.professeurs ul li > a:focus img,
.intervenants-accompagnateurs ul li > a:hover img,
.intervenants-accompagnateurs ul li > 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);
}

.professeurs ul li strong,
.intervenants-accompagnateurs ul li strong {
    display: block;
    margin: 0 0 5px;
    font-size: 1.7em;
}

.professeurs ul li strong a::before,
.intervenants-accompagnateurs ul li strong a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.section-jeunes-talents #portal-columns .professeurs ul li:hover strong a,
.section-jeunes-talents #portal-columns .professeurs ul li strong a:hover,
.section-jeunes-talents #portal-columns .professeurs ul li strong a:focus,
.section-jeunes-talents #portal-columns .professeurs ul li:hover p,
.section-young-talents #portal-columns .professeurs ul li:hover strong a,
.section-young-talents #portal-columns .professeurs ul li strong a:hover,
.section-young-talents #portal-columns .professeurs ul li strong a:focus,
.section-young-talents #portal-columns .professeurs ul li:hover p {
    color: #156f89 !important;
    text-decoration: none;
}

.section-chant-choral #portal-columns .professeurs ul li:hover strong a,
.section-chant-choral #portal-columns .professeurs ul li strong a:hover,
.section-chant-choral #portal-columns .professeurs ul li strong a:focus,
.section-chant-choral #portal-columns .professeurs ul li:hover p,
.section-choral-singing #portal-columns .professeurs ul li:hover strong a,
.section-choral-singing #portal-columns .professeurs ul li strong a:hover,
.section-choral-singing #portal-columns .professeurs ul li strong a:focus,
.section-choral-singing #portal-columns .professeurs ul li:hover p {
    color: #7ead0d !important;
    text-decoration: none;
}

.professeurs ul li span,
.intervenants-accompagnateurs ul li span {
    display: inline-block;
    margin: 0 5px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.7em;
    font-weight: bold;
}

.section-jeunes-talents .professeurs ul li span,
.section-young-talents .professeurs ul li span,
.section-jeunes-talents .intervenants-accompagnateurs ul li span,
.section-young-talents .intervenants-accompagnateurs ul li span {
    color: #156f89;
}

.section-chant-choral .professeurs ul li span,
.section-choral-singing .professeurs ul li span,
.section-chant-choral .intervenants-accompagnateurs ul li span,
.section-choral-singing .intervenants-accompagnateurs ul li span {
    color: #7ead0d;
}

.professeurs ul li span + span::before {
    content: "-";
    display: inline-block;
    margin: 0 5px 0 -5px;
}

.professeurs ul li p {
    margin: 5px 0 0;
    font-size: 1.1em;
    line-height: 1;

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

/*--------------------------------------------------------------------------------------------------------------
	== INTERVENANTS
--------------------------------------------------------------------------------------------------------------*/
.intervenants-accompagnateurs {
    padding: 20px;
    background: #fff;
    border-top: 7px solid #e8e8e8;
    overflow: hidden;
    text-align: center;
}

.intervenants-accompagnateurs .entete {
    display: block;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 2.2em;
    font-weight: 700;
}

.intervenants-accompagnateurs li + li::before {
    content: "|";
    display: inline-block;
    margin: 0 5px;
}

/*.intervenants-accompagnateurs li a{
	font-size:1.2em;
}*/
.section-jeunes-talents .intervenants-accompagnateurs li a:hover,
.section-jeunes-talents .intervenants-accompagnateurs li a:focus,
.section-young-talents .intervenants-accompagnateurs li a:hover,
.section-young-talents .intervenants-accompagnateurs li a:focus {
    color: #156f89;
    text-decoration: none;
}

.section-chant-choral .intervenants-accompagnateurs li a:hover,
.section-chant-choral .intervenants-accompagnateurs li a:focus,
.section-choral-singing .intervenants-accompagnateurs li a:hover,
.section-choral-singing .intervenants-accompagnateurs li a:focus {
    color: #7ead0d;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== INSCRIPTION MASTERCLASS
--------------------------------------------------------------------------------------------------------------*/
.insciptions a {
    display: block;
    padding: 20px 20px 20px 10px;
    -webkit-border-radius: 0 50px 50px 0;
    -moz-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    font-weight: 700;
    font-size: 2em;
    white-space: nowrap;
}

.section-jeunes-talents .insciptions a,
.section-young-talents .insciptions a {
    background: #156f89;
    color: #8cd3e7;
}

.section-chant-choral .insciptions a,
.section-choral-singing .insciptions a {
    background: #7ead0d;
    color: #ddedb5;
}

.insciptions a::before {
    content: " ";
    font-family: 'fontawesome';
    font-weight: normal;
}

.section-jeunes-talents .insciptions a:hover,
.section-jeunes-talents .insciptions a:focus,
.section-young-talents .insciptions a:hover,
.section-young-talents .insciptions a:focus {
    background: #0c4151;
    text-decoration: none;
}

.section-chant-choral .insciptions a:hover,
.section-chant-choral .insciptions a:focus,
.section-choral-singing .insciptions a:hover,
.section-choral-singing .insciptions a:focus {
    background: #4c6118;
    text-decoration: none;
}

.insciptions p {
    margin: 20px 40px 0 20px;
    font-size: 1.8em;
    text-align: center;
    line-height: 1;
}

.section-jeunes-talents .insciptions p,
.section-young-talents .insciptions p {
    color: #156f89;
}

.section-chant-choral .insciptions p,
.section-choral-singing .insciptions p {
    color: #7ead0d;
}

.insciptions p::after {
    display: block;
    margin: 10px 0 0;
    font-family: 'fontawesome';
}

.insciptions p.depassee::after {
    content: "";
}

.insciptions p.encours::after {
    content: "";
}

.insciptions p.avenir::after {
    content: "";
}

.insciptions p span {
    display: block;
}

/*--------------------------------------------------------------------------------------------------------------
	== DEPOT TEMOIGNAGE
--------------------------------------------------------------------------------------------------------------*/
.depot-temoignage a {
    display: block;
    padding: 20px 20px 20px 10px;
    -webkit-border-radius: 0 50px 50px 0;
    -moz-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    font-weight: 700;
    font-size: 2em;
    white-space: nowrap;
}

.section-jeunes-talents .depot-temoignage a,
.section-young-talents .depot-temoignage a {
    background: #156f89;
    color: #8cd3e7;
}

.section-chant-choral .depot-temoignage a,
.section-choral-singing .depot-temoignage a {
    background: #7ead0d;
    color: #ddedb5;
}

.depot-temoignage a::before {
    content: " ";
    font-family: 'fontawesome';
    font-weight: normal;
}

.section-jeunes-talents .depot-temoignage a:hover,
.section-jeunes-talents .depot-temoignage a:focus,
.section-young-talents .depot-temoignage a:hover,
.section-young-talents .depot-temoignage a:focus {
    background: #0c4151;
    text-decoration: none;
}

.section-chant-choral .depot-temoignage a:hover,
.section-chant-choral .depot-temoignage a:focus,
.section-choral-singing .depot-temoignage a:hover,
.section-choral-singing .depot-temoignage a:focus {
    background: #4c6118;
    text-decoration: none;
}

.depot-temoignage a strong {
    display: block;
    margin: 0 0 0 17px;
    font-weight: 400;
    text-transform: uppercase;
}

/*--------------------------------------------------------------------------------------------------------------
	== LISTE OEUVRES
--------------------------------------------------------------------------------------------------------------*/
.liste-oeuvres {
    padding: 30px 40px;
    height: auto!important;
}

.liste-oeuvres .entete {
    display: block;
    margin: 0 0 20px;
    font-size: 3em;
    font-weight: 700;
    color: #7ead0d;
    line-height: 1;
}

#portal-columns .liste-oeuvres .portletFooter a {
    display: inline-block;
    padding: 3px 10px;
    background: #7ead0d;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 1.4em;
    font-weight: 700;
    color: #fff;
}

#portal-columns .liste-oeuvres .portletFooter a:hover,
#portal-columns .liste-oeuvres .portletFooter a:focus {
    background: #393939;
    color: #fff !important;
    text-decoration: none;
}

/*
  LISTE
*/
#portal-columns .liste-oeuvres ul {
    margin: 0 0 15px;
    overflow: hidden;
}

.liste-oeuvres ul li {
    position: relative;
    float: left;
    width: 30%;
}

.liste-oeuvres ul li + li {
    margin-left: 5%;
}

.liste-oeuvres ul li:last-child {
    float: right;
    margin: 0;
}

.liste-oeuvres ul li h2 {
    margin: 0 0 7px;
    font-size: 1.6em;
    text-transform: uppercase;
    line-height: 1;
}

#portal-columns .liste-oeuvres ul li h2 a {
    color: #7ead0d;
}

#portal-columns .liste-oeuvres ul li h2 a:hover,
#portal-columns .liste-oeuvres ul li h2 a:focus {
    color: #393939 !important;
    text-decoration: none;
}

.liste-oeuvres ul li h2 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.liste-oeuvres ul li span {
    font-size: 1.2em;
    color: #7ead0d;

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

.liste-oeuvres ul li span + span::before {
    content: "- ";
}

#portal-columns .liste-oeuvres ul li p {
    margin: 7px 0 0;
    font-size: 1.1em;
    color: #7ead0d;
    line-height: 1.2;

    -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 .liste-oeuvres ul li:hover span,
#portal-columns .liste-oeuvres ul li:hover p {
    color: #393939;
}

/*--------------------------------------------------------------------------------------------------------------
	== LISTE STAGES ENSEIGNANTS
--------------------------------------------------------------------------------------------------------------*/
.liste-stages {
    position: relative;
    padding: 30px 40px;
    height: auto!important;
}

.liste-stages .entete {
    display: block;
    margin: 0 0 20px;
    font-size: 3em;
    font-weight: 700;
    color: #393939;
    line-height: 1;
}
@media only screen and (max-width: 991px) {
    .liste-stages .entete {
        max-width: 80%;
    }
}

#portal-columns .liste-stages > a {
    display: inline-block;
    font-size: 1.2em;
    font-weight: 700;
    color: #393939;
}

#portal-columns .liste-stages > a:hover,
#portal-columns .liste-stages > a:focus {
    color: #7ead0d !important;
    text-decoration: none;
}

/*
  LISTE
*/
#portal-columns .liste-stages .bx-wrapper {
    position: static;
    margin: 0 0 15px;
}

#portal-columns .liste-stages ul {
    margin: 0 0 15px;
    overflow: hidden;
}

.liste-stages ul li {
    position: relative;
    float: left;
    width: 30%;
}

/*.liste-stages ul li + li{
	margin-left:5%;
}*/
.liste-stages ul li h2 {
    margin: 0 0 5px;
    font-size: 1.6em;
    text-transform: uppercase;
    line-height: 1;
}

#portal-columns .liste-stages ul li h2 a {
    color: #393939;
}

#portal-columns .liste-stages ul li h2 a:hover,
#portal-columns .liste-stages ul li h2 a:focus {
    color: #7ead0d !important;
    text-decoration: none;
}

.liste-stages ul li h2 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#portal-columns .liste-stages ul ul {
    margin: 0;
}

#portal-columns .liste-stages ul ul li {
    margin: 0 5px 0 0;
    width: auto;
    color: #393939;

    -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 .liste-stages ul li:hover ul li {
    color: #7ead0d;
}

.liste-stages ul li > span {
    display: block;
    margin: 0 0 5px;
    font-size: 1.2em;
    color: #393939;

    -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 .liste-stages ul li p {
    margin: 0;
    font-size: 1.1em;
    line-height: 1.2;
    color: #393939;

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

.liste-stages ul li:hover span,
#portal-columns .liste-stages ul li:hover p {
    color: #7ead0d;
}

.liste-stages ul li p::before {
    content: "";
    display: block;
    font-family: 'fontawesome';
}

.liste-stages ul li p::after {
    display: block;
    margin: 5px 0 0;
    width: 17px;
    height: 17px;
    background: #393939;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-family: 'fontawesome';
    font-size: 0.8em;
    color: #fff;
    text-align: center;
    line-height: 17px;

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

.liste-stages ul li:hover p::after {
    background: #7ead0d;
}

.liste-stages ul li p.depassee::after {
    content: "";
}

.liste-stages ul li p.encours::after {
    content: "";
}

.liste-stages ul li p.avenir::after {
    content: "";
}

/*
	CONTROLES
*/
.liste-stages .bx-pager {
    display: none;
}

.liste-stages .bx-controls-direction {
    position: absolute;
    top: 25px;
    right: 40px;
}
@media only screen and (max-width: 991px) {
    .liste-stages .bx-controls-direction {
        right: 0px;
    }
}
.liste-stages .bx-wrapper .bx-controls-direction a {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: inline-block;
    margin: 0;
    background: none;
}

.liste-stages .bx-wrapper .bx-controls-direction a::before {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    font-family: 'fontawesome';
    font-size: 3em;

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

.liste-stages .bx-wrapper .bx-controls-direction a:hover::before,
.liste-stages .bx-wrapper .bx-controls-direction a:focus::before {
    color: #7ead0d !important;
}

.liste-stages .bx-wrapper .bx-controls-direction a.bx-next::before {
    content: "";
}

.liste-stages .bx-wrapper .bx-controls-direction a.bx-prev::before {
    content: "";
}

/*--------------------------------------------------------------------------------------------------------------
	== RECHERCHES
--------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 991px) {
    .recherche {
        padding: 30px 40px;
    }
    .section-jeunes-talents.portaltype-portlet-page .recherche,
    .section-young-talents.portaltype-portlet-page .recherche {
        float: left;
        width: 35%;
    }
}

@media only screen and (max-width: 991px) {
    .recherche {
        padding: 25px;
    }
}
.recherche .entete {
    display: block;
    margin: 20px 0 10px;
    font-family: raleway;
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    line-height: 1;
}

.portaltype-portlet-page .recherche .entete {
    margin: 0 0 20px;
    text-align: center;
}



.recherche input[type=text],
.recherche select {
    display: block;
    margin: 0 0 5px;
    padding: 8px 10px;
    width: 100%;
    background: #fff;
    border: none;
    font-family: raleway;
}

#portal-columns .recherche fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.recherche fieldset input {
    display: inline-block;
    margin: 0 0 10px;
    background: #fff;
    border: none;
    vertical-align: middle;
}

.recherche fieldset label {
    font-family: raleway;
    font-size: 1.3em;
    font-weight: 400;
    color: #156f89;
}

.recherche fieldset label + input {
    margin-left: 10px;
}

.recherche input[type=submit] {
    padding: 5px 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: none;
    text-transform: uppercase;
    color: #e8e8e8;
    font-weight: 700;
    font-size: 1.5em;
    cursor: pointer;

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


/*
	MASTERCLASS
*/
.portaltype-portlet-page .recherche-masterclass {
    margin-top: 40px;
    background: #156f89;
}

.recherche-masterclass .entete {
    color: #156f89;
}

.portaltype-portlet-page .recherche-masterclass .entete {
    color: #e8e8e8;
}

.recherche-masterclass input[type=text],
.recherche-masterclass select {
    color: #156f89;
}

.portaltype-portlet-page .recherche-masterclass input[type=text],
.portaltype-portlet-page .recherche-masterclass select {
    background: #e8e8e8;
}

.recherche-masterclass input[type=submit] {
    background: #156f89;
}

.recherche-masterclass input[type=submit]:hover {
    background: #0c4151;
}

.portaltype-portlet-page .recherche-masterclass input[type=submit] {
    background: #0c4151;
}

.portaltype-portlet-page .recherche-masterclass input[type=submit]:hover {
    background: #e8e8e8;
    color: #0c4151;
}

/*
	STAGIAIRES
*/
.portaltype-portlet-page .recherche-stagiaires {
    margin-top: 40px;
    margin-left: 1%;
    background: #e8e8e8;
    color: #156f89;
}

.recherche-stagiaires .entete {
    color: #156f89;
}

.portaltype-portlet-page .recherche-stagiaires .entete {
    color: #156f89;
}

.recherche-stagiaires input[type=text],
.recherche-stagiaires select {
    color: #156f89;
}

.portaltype-portlet-page .recherche-stagiaires input[type=text],
.portaltype-portlet-page .recherche-stagiaires select {
    background: #fff;
    color: #156f89;
}

.recherche-stagiaires input[type=submit] {
    background: #156f89;
}

.recherche-stagiaires input[type=submit]:hover {
    background: #0c4151;
}

.portaltype-portlet-page .recherche-stagiaires fieldset {
    text-align: left;
}

.portaltype-portlet-page .recherche-stagiaires input[type=submit] {
    background: #156f89;
}

.portaltype-portlet-page .recherche-stagiaires input[type=submit]:hover {
    background: #0c4151;
    color: #fff;
}

/*
	OEUVRES
*/
.recherche-oeuvre {
    background: #e8e8e8;
}

.portaltype-portlet-page .recherche-oeuvre .entete {
    margin: 0 0 10px;
}

.portaltype-portlet-page .recherche-oeuvre .entete,
.recherche-oeuvre .entete {
    text-align: left;
    color: #7ead0d;
}

.portaltype-portlet-page .recherche-oeuvre form {
    text-align: left;
}

.recherche-oeuvre input[type=text],
.recherche-oeuvre select {
    color: #7ead0d;
}

@media only screen and (min-width: 991px) {
    .portaltype-portlet-page .recherche-oeuvre input[type=text],
    .portaltype-portlet-page .recherche-oeuvre select {
        float: left;
        margin: 0 0 10px;
        width: 23.4%;
    }

    .portaltype-portlet-page .recherche-oeuvre select[name=getPublic] {
        width: 20%
    }

    .portaltype-portlet-page .recherche-oeuvre select[name=getPublic] + select {
        width: 26%
    }

    .portaltype-portlet-page .recherche-oeuvre select {
        margin-left: 10px;
    }
}

.recherche-oeuvre input[type=submit] {
    clear: both;
    background: #7ead0d;
    color: #fff;
}

.recherche-oeuvre input[type=submit]:hover {
    background: #4c6118;
}

/*
	STAGES
*/
.recherche-stage {
    background: #e8e8e8;
}

.recherche-stage .entete {
    color: #7ead0d;
}

.portaltype-portlet-page .recherche-stage .entete {
    margin: 0 0 10px;
    color: #393939;
    text-align: left;
}

@media only screen and (min-width: 991px) {
    .portaltype-portlet-page .recherche-stage form {
        text-align: left;
    }
}

.recherche-stage input[type=text],
.recherche-stage select {
    color: #7ead0d;
}

.portaltype-portlet-page .recherche-stage input[type=text],
.portaltype-portlet-page .recherche-stage select {
    margin: 0 0 10px;
    color: #393939;
}
@media only screen and (min-width: 991px) {
    .portaltype-portlet-page .recherche-stage input[type=text] + input[type=text],
    .portaltype-portlet-page .recherche-stage select {
        float: right;
        width: 49%;
    }
    .portaltype-portlet-page .recherche form {
        text-align: center;
    }
}
@media only screen and (max-width: 991px) {
    .portaltype-portlet-page .recherche-stage input:first-child {
        width: 100% !important;
    }
    .portaltype-portlet-page .recherche-stage .date-picker {
        margin-right: 2px !important;
    }
}

.portaltype-portlet-page .recherche-stage input[type=text] {
    float: left;
    width: 49%;
}

.recherche-stage input[type=submit] {
    background: #7ead0d;
    color: #fff;
}

.recherche-stage input[type=submit]:hover {
    background: #4c6118;
}

.portaltype-portlet-page .recherche-stage input[type=submit] {
    background: #393939;
}

.portaltype-portlet-page .recherche-stage input[type=submit]:hover {
    background: #7ead0d;
    color: #393939;
}

#ui-datepicker-div {
    font-size: 1.2em;
}

#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
    background: #7ead0d;
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
    border-color: #5D7C14;
    background: #5D7C14;
}

#ui-datepicker-div .ui-widget-header .ui-icon {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    border: none !important;
}

#ui-datepicker-div .ui-state-hover {
    border: none !important;
}

/*
	PROFESSUERS
*/
.recherche-professeurs {
    background: #e8e8e8;
    border-top: 1px solid #fff;
}

.portaltype-portlet-page .recherche-professeurs .entete {
    margin: 0 0 10px;
    color: #393939;
    text-align: left;
}

.portaltype-portlet-page .recherche-professeurs form {
    text-align: left;
}

.portaltype-portlet-page .recherche-professeurs input[type="text"],
.portaltype-portlet-page .recherche-professeurs select {
    margin: 0 0 10px;
}
@media only screen and (min-width: 991px) {
    .portaltype-portlet-page .recherche-professeurs input[type="text"],
    .portaltype-portlet-page .recherche-professeurs select {
        float: left;
        width: 23.4%;
    }
    .portaltype-portlet-page .recherche-professeurs select {
        margin-left: 10px;
    }
}


.portaltype-portlet-page .recherche-professeurs input[type=submit] {
    background: #393939;
}

.portaltype-portlet-page .recherche-professeurs input[type=submit]:hover {
    background: #7ead0d;
    color: #393939;
}


/*--------------------------------------------------
	== LISTE INTERVENANTS
-------------------------------------------------*/

.subsection-participants-intervenants-intervenants #content ul.resultats-professeurs li {
    width: 31%;
    margin: 0 1%;
    display: inline-block;
    position: relative;
    margin-bottom: 50px;
}

.subsection-participants-intervenants-intervenants #content ul.resultats-professeurs li > a {
    max-height: 225px;
    overflow: hidden;
    display: block;
}


.subsection-participants-intervenants-intervenants #content ul.resultats-professeurs li img {
    width: 100%;;
}

.subsection-participants-intervenants-intervenants #content ul.resultats-professeurs li h2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}


.subsection-participants-intervenants-intervenants #content ul.resultats-professeurs li h2 a {
    text-align: center;
    display: block;
}

body.subsection-participants-intervenants-intervenants #content ul.resultats-professeurs li h2 a:hover {
    color: #000 !important;
}

.subsection-participants-intervenants-intervenants #content ul.resultats-professeurs li h2 + span {
    display: none;
}


/*--------------------------------------------------------------------------------------------------------------
	== LISTE CONCERTS
--------------------------------------------------------------------------------------------------------------*/
.liste-concerts {
    float: right;
    margin: 40px 0 0;
    width: 22%;
}

.liste-concerts .entete {
    display: block;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700;
}

.liste-concerts .entete::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background: #000;
}

#portal-columns .liste-concerts ul li {
    position: relative;
    margin: 15px 0 0;
}

.liste-concerts ul li::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background: #000;
}

.liste-concerts ul li h2 {
    margin: 0 0 3px;
    font-size: 1.6em;
}

#portal-columns .liste-concerts ul li h2 a:hover,
#portal-columns .liste-concerts ul li h2 a:focus {
    color: #156f89 !important;
    text-decoration: none;
}

.liste-concerts ul li h2 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.liste-concerts ul li > span {
    display: block;
    margin: 0 0 3px;
    font-size: 1.4em;

    -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 .liste-concerts ul li p {
    margin: 0 0 7px;
    font-size: 1.1em;

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

.liste-concerts ul li:hover > span,
.liste-concerts ul li:hover p {
    color: #156f89;
}

.liste-concerts .portletFooter {
    margin: 15px 0 0;
}

.liste-concerts .portletFooter a {
    font-size: 1.1em;
}

#portal-columns .liste-concerts .portletFooter a:hover,
#portal-columns .liste-concerts .portletFooter a:focus {
    color: #000 !important;
}

.liste-concerts .portletFooter a::before {
    content: " ";
    font-family: 'fontawesome';
}

/*--------------------------------------------------------------------------------------------------------------
	== LISTE TEMOIGNAGES
--------------------------------------------------------------------------------------------------------------*/
.liste-temoignages {
    clear: both;
}

.liste-temoignages .entete {
    display: inline-block;
    margin: 40px 0 10px;
    font-family: "Times New Roman", Times, serif;
    font-size: 3em;
    font-weight: bold;
    line-height: 1;
}

.section-jeunes-talents .liste-temoignages .entete,
.section-young-talents .liste-temoignages .entete {
    width: 71%;
}

.section-chant-choral .liste-temoignages .entete,
.section-choral-singing .liste-temoignages .entete {
    width: 48%;
}

.liste-temoignages .entete::before {
    content: "";
    display: block;
    margin: 0 0 30px;
    height: 3px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

/*
	TOUS
*/
.liste-temoignages .entete + a {
    display: inline-block;
    margin: 0 0 10px;
    text-align: right;
    vertical-align: bottom;
}

.section-jeunes-talents .liste-temoignages .entete + a,
.section-young-talents .liste-temoignages .entete + a {
    width: 28.5%;
}

.section-chant-choral .liste-temoignages .entete + a,
.section-choral-singing .liste-temoignages .entete + a {
    width: 51.5%;
}

.liste-temoignages .entete + a {
    font-size: 1.1em;
}

#portal-columns .liste-temoignages .entete + a:hover,
#portal-columns .liste-temoignages .entete + a:focus {
    color: #000 !important;
}

.liste-temoignages .entete + a::before {
    content: " ";
    font-family: 'fontawesome';
}

/*
	LISTE
*/
.liste-temoignages ul {
    overflow: hidden;
}

#portal-columns .liste-temoignages ul li {
    position: relative;
    float: left;
    margin: 0 0.2% 0 0;
    width: 16.5%;
    overflow: hidden;
}

.liste-temoignages ul li > a {
    position: relative;
    display: block;
}

.liste-temoignages ul li > a::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.liste-temoignages ul li > a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
}

.liste-temoignages ul li div {
    position: absolute;
    /*top: 85%;*/
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 20px 20px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.liste-temoignages ul li:hover div {
    top: 0;
    padding-top: 40px;
}
@media only screen and (min-width: 991px) {
    .liste-temoignages ul li div {
        top: 85%;
        padding: 5px 20px 20px;
    }
}
#portal-columns .liste-temoignages ul li div a {
    display: block;
    margin: 0 0 10px;
    font-family: "Times New Roman", Times, serif;
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

#portal-columns .liste-temoignages ul li div a:hover,
#portal-columns .liste-temoignages ul li div a:focus {
    color: #fff !important;
    text-decoration: none;
}

#portal-columns .liste-temoignages ul li div a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

#portal-columns .liste-temoignages ul li div p {
    margin: 0;
    font-size: 1.2em;
}

/* depot */
#portal-columns .liste-temoignages ul li.depot {
    position: relative;
    float: right;
    margin: 0;
}

.section-jeunes-talents #portal-columns .liste-temoignages ul li.depot,
.section-young-talents #portal-columns .liste-temoignages ul li.depot {
    background: #0c4151;
}

.section-chant-choral #portal-columns .liste-temoignages ul li.depot,
.section-choral-singing #portal-columns .liste-temoignages ul li.depot {
    background: #4c6118;
}

#portal-columns .liste-temoignages ul li.depot::before {
    content: "";
    display: block;
    padding-top: 100%;
}

#portal-columns .liste-temoignages ul li.depot::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;

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

.section-jeunes-talents #portal-columns .liste-temoignages ul li.depot::after,
.section-young-talents #portal-columns .liste-temoignages ul li.depot::after {
    background: #156f89;
}

.section-chant-choral #portal-columns .liste-temoignages ul li.depot::after,
.section-choral-singing #portal-columns .liste-temoignages ul li.depot::after {
    background: #7ead0d;
}

#portal-columns .liste-temoignages ul li.depot:hover::after {
    top: 0;
}

#portal-columns .liste-temoignages ul li.depot a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 40% 0;
    font-size: 1.6em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
}

#portal-columns .liste-temoignages ul li.depot a:hover,
#portal-columns .liste-temoignages ul li.depot a:focus {
    color: #fff !important;
    text-decoration: none;
}

.liste-temoignages ul li.depot > a::before {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== ACTIONS MECENATS
--------------------------------------------------------------------------------------------------------------*/
.actions-mecenats {
    float: right;
    width: 43%;
}

.actions-mecenats .entete {
    display: block;
    margin: 40px 0 10px;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}

.actions-mecenats .entete::before {
    content: "";
    display: block;
    margin: 0 0 30px;
    height: 3px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.actions-mecenats ul li {
    position: relative;
    margin: 10px 0 0;
    padding: 0 0 0 10px;
}

.actions-mecenats ul li::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    font-family: 'fontawesome';
}

.actions-mecenats ul li h2 {
    font-size: 1.4em;
    font-weight: normal;
}

#portal-columns .actions-mecenats ul li h2 a:hover,
#portal-columns .actions-mecenats ul li h2 a:focus,
.actions-mecenats ul li:hover p {
    color: #156f89 !important;
    text-decoration: none;
}

.actions-mecenats ul li h2 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.actions-mecenats ul li p {
    font-size: 1.1em;

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

/*--------------------------------------------------------------------------------------------------------------
	== INTRO CHANT CHORAL
--------------------------------------------------------------------------------------------------------------*/
.intro-chant-choral {
    margin: 0;
}

.intro-chant-choral .portletHeader,
.intro-chant-choral .portletFooter,
.intro-chant-choral .portletItem b,
.intro-chant-choral .portletItem .documentByLine {
    display: none;
}

dl.portlet.intro-chant-choral .portletItem {
    position: relative;
    z-index: 2;
    margin: 80px auto 30px;
    padding: 0 0 5px;
    max-width: 500px;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.intro-chant-choral .portletItem p {
    margin: 0;
    color: #fff;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1;
}

#portlets-above .intro-chant-choral .portletItem a {
    display: inline-block;
    color: #fff;
    margin-top: 5px;
    background-color: #7ead0d;
    padding: 5px 10px 5px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

#portlets-above .intro-chant-choral .portletItem a:hover,
#portlets-above .intro-chant-choral .portletItem a:focus {
    color: #fff !important;
    text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= CONTENEUR GLOBAL
*/
/*------------------------------------------------------------------------------------------------------------*/
#visual-portal-wrapper {
    position: relative;
    margin: 25px;
}

/*--------------------------------------------------------------------------------------------------------------
	== CHANGEMENT DE LANGUE
--------------------------------------------------------------------------------------------------------------*/
#portal-languageselector {
    position: absolute;
    top: -20px;
    right: 0;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(++resource++PIE.htc);
    z-index: 20;
}

#portal-languageselector li {
}

#portal-languageselector li + li::before {
    content: "|";
}

#portal-languageselector li.currentLanguage {
    font-weight: normal;
}

#portal-languageselector li a {
    text-transform: uppercase;
}

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

#portal-personaltools-wrapper ul#portal-personaltools,
#portal-personaltools-wrapper dl {
    position: fixed;
    left: 25px;
    padding: 0;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(++resource++PIE.htc);
}

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

/*--------------------------------------------------------------------------------------------------------------
	== LOGO
--------------------------------------------------------------------------------------------------------------*/
#portal-logo {
    position: relative;
    z-index: 2;
    display: block;
    margin: -20px auto 0;
    max-width: 162px;
}

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

/*--------------------------------------------------------------------------------------------------------------
	== TITRE
--------------------------------------------------------------------------------------------------------------*/
#visual-portal-wrapper > h1 {
    position: relative;
    z-index: 2;
    margin: 30px auto 15px;
    max-width: 950px;
    border: none;
    font-family: "Times New Roman", Times, serif;
    font-size: 8em;
    line-height: 0.8;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.9);
}

.section-accueil #visual-portal-wrapper > h1,
.section-home #visual-portal-wrapper > h1 {
    /*max-width:765px;*/
    margin-top: 15px;
    max-width: 58%;
    font-size: 6.5vw;
}

#visual-portal-wrapper > h1 span.discreet {
    display: block;
}

#visual-portal-wrapper > h1 strong#search-term {
    color: #000;
    font-style: italic;
    text-transform: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== INFO DOC
--------------------------------------------------------------------------------------------------------------*/
#visual-portal-wrapper > #plone-document-byline {
    position: relative;
    z-index: 2;
    margin: auto;
    max-width: 950px;
    text-align: center;
    color: #fff;
}

#visual-portal-wrapper > #plone-document-byline a {
    color: #fff;
}

/*--------------------------------------------------------------------------------------------------------------
	== CHEMIN DE FER
--------------------------------------------------------------------------------------------------------------*/
#portal-breadcrumbs {
    position: relative;
    z-index: 2;
    margin: 0 auto 5px;
    padding: 0;
    max-width: 950px;
    color: #000;
    text-align: right;
}

#portal-breadcrumbs > span {
    padding: 5px 0 5px 5px;
    background: #fff;
    line-height: 2;
    font-size: 1.2em;
}

#portal-breadcrumbs > span + span {
    padding-left: 0;
}

#portal-breadcrumbs > span:last-child {
    padding-right: 5px;
}

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

#portal-breadcrumbs a {
    color: #000;
}

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

/*--------------------------------------------------------------------------------------------------------------
	== MESSAGE DE FEEDBACK
--------------------------------------------------------------------------------------------------------------*/
dl.portalMessage {
    position: relative;
    z-index: 2;
    margin: 0 0 30px !important;
    padding: 0;
    max-width: 950px;
    background: #fff;
    border: 1px solid #000;
    font-size: 1.2em !important;
}

dl.portalMessage dt {
    background: #000;
}

dl.error dd {
    background: #fff;
}

/*--------------------------------------------------------------------------------------------------------------
	== PORTLETS ABOVE
--------------------------------------------------------------------------------------------------------------*/
#portlets-above {
    position: relative;
    z-index: 2;
    margin: auto;
    padding: 0;
    max-width: 950px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0;
    background: #5f554c;
    overflow: hidden;
}

#menu-fixe {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #5f554c;
    border: 25px solid #fff;

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

.section-jeunes-talents #portal-top,
.section-jeunes-talents #menu-fixe,
.section-young-talents #portal-top,
.section-young-talents #menu-fixe {
    background: #156f89;
}

.section-chant-choral #portal-top,
.section-chant-choral #menu-fixe,
.section-choral-singing #portal-top,
.section-choral-singing #menu-fixe {
    background: #7ead0d;
}

/*--------------------------------------------------------------------------------------------------------------
	== TITRE
--------------------------------------------------------------------------------------------------------------*/
#menu-fixe > a {
    display: inline-block;
    padding: 13px 20px;
    font-family: "Times New Roman", Times, serif;
    font-size: 2em;
    color: #fff;
}

#menu-fixe > a:hover,
#menu-fixe > a:focus {
    text-decoration: none;
}

.site-fr #menu-fixe .fr {
    display: block;
}

.site-fr #menu-fixe .en {
    display: none;
}

.site-en #menu-fixe .fr {
    display: none;
}

.site-en #menu-fixe .en {
    display: block;
}


/*--------------------------------------------------------------------------------------------------------------
	== RECHERCHE
--------------------------------------------------------------------------------------------------------------*/
#portal-searchbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 151;
    margin: 0;
    padding: 0;
}

#portal-searchbox-fixe {
    position: relative;
    z-index: 151;
    float: right;
    margin: 0;
    padding: 0;
}

#portal-searchbox form,
#portal-searchbox-fixe form {
    position: absolute;
    white-space: nowrap;
}

#portal-searchbox-fixe form {
    right: 0;
}

#portal-searchbox form::before,
#portal-searchbox-fixe form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    z-index: 1;
    background: #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;
}

#portal-searchbox-fixe form::before {
    right: 0;
    left: auto;
}

#portal-searchbox:hover form::before,
#portal-searchbox-fixe:hover form::before {
    width: 100%;
}

#portal-searchbox form::after,
#portal-searchbox-fixe form::after {
    content: "";
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 10px;
    font-family: 'fontawesome';
    font-size: 3em;
    color: #fff;
}

#portal-searchbox form div,
#portal-searchbox-fixe form div {
    display: inline-block;
    vertical-align: top;
}

#portal-searchbox form input[type=text],
#portal-searchbox-fixe form input[type=text] {
    position: relative;
    z-index: 2;
    padding: 16px 0;
    background: none;
    border: none;
    width: 0;
    color: #fff;
    font-weight: 600;
    font-size: 1.4em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    -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-searchbox:hover form input[type=text],
#portal-searchbox-fixe:hover form input[type=text] {
    padding: 16px;
    width: 150px;
}

#portal-searchbox .searchButton,
#portal-searchbox-fixe .searchButton {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 20%;
    background: none;
    border: none;
    text-indent: -5000px;
    cursor: pointer;
}

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

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION MINI
--------------------------------------------------------------------------------------------------------------*/
#portal-navigation {
    position: relative;
    z-index: 150;
    margin: 0;
    background: #5f554c;
    border-bottom: 2px solid #fff;
}

.section-jeunes-talents #portal-navigation,
.section-young-talents #portal-navigation {
    background: #156f89;
}

.section-chant-choral #portal-navigation,
.section-choral-singing #portal-navigation {
    background: #7ead0d;
}

#portal-navigation::after {
    content: "";
    display: block;
    clear: both;
}

#portal-navigation-fixe {
    float: right;
}

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

/*
  	RUBRIQUES
*/
#portal-globalnav,
.navigation {
    margin: 0;
    background: none;
}

.navigation {
    float: left;
    white-space: nowrap;
    text-align: center;
}

.navigation + .navigation {
    float: right;
}

#portal-globalnav > li,
.navigation > li {
    float: none;
    position: relative;
    display: inline-block;
    margin: 0 20px;
}

.navigation > li {
}

#portal-globalnav > li > a,
.navigation > li > a {
    position: relative;
    display: block;
    padding: 19px 0;
    min-width: 0;
    background: none;
    border: none;
    font-size: 1.8em;
    color: #fff;
}

#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,
.navigation li:hover a,
.navigation .selected a,
.navigation .selected a:hover,
.navigation .selected a:focus,
.navigation a:hover,
.navigation a:focus {
    background: none;
    color: #fff;
    text-decoration: none;
}

#portal-globalnav li a::after,
.navigation li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #fff;

    -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-globalnav > li:hover > a::after,
#portal-globalnav > .selected > a::after,
#portal-globalnav > .selected > a:hover::after,
#portal-globalnav > .selected > a:focus::after,
#portal-globalnav > li > a:hover::after,
#portal-globalnav > li > a:focus::after,
.navigation > li:hover > a::after,
.navigation > .selected > a::after,
.navigation > .selected > a:hover::after,
.navigation > .selected > a:focus::after,
.navigation > li > a:hover::after,
.navigation > li > a:focus::after {
    height: 5px;
}

#portal-globalnav #portaltab-index_html.selected a::after,
.navigation #portaltab-index_html.selected a::after {
    height: 0;
}

#portal-globalnav > #portaltab-index_html.selected > a:hover::after,
#portal-globalnav > #portaltab-index_html.selected > a:focus::after,
.section-accueil #portal-globalnav #portaltab-index_html.selected a::after,
.section-home #portal-globalnav #portaltab-index_html.selected a::after,
.navigation > #portaltab-index_html.selected > a:hover::after,
.navigation > #portaltab-index_html.selected > a:focus::after,
.section-accueil .navigation #portaltab-index_html.selected a::after,
.section-home .navigation #portaltab-index_html.selected a::after {
    height: 5px;
}

/*
	MENU DEROULANT
*/
#portal-globalnav li ul.submenu,
.navigation li ul.submenu {
    display: block !important;
    top: 120%;
    left: 50%;
    z-index: 2;
    margin-left: -100px;
    width: 200px;
    background: rgba(95, 85, 76, 0.9);
    opacity: 0;
    visibility: hidden;
    white-space: normal;

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

.navigation > li#portaltab-agenda ul.submenu,
.navigation > li#portaltab-calendar-1 ul.submenu,
.navigation > li#portaltab-programmation ul.submenu,
.navigation > li#portaltab-programme ul.submenu {
    display: none !important;
}

.section-jeunes-talents #portal-globalnav li ul.submenu,
.section-jeunes-talents .navigation li ul.submenu,
.section-young-talents #portal-globalnav li ul.submenu,
.section-young-talents .navigation li ul.submenu {
    background: rgba(21, 111, 137, 0.9)
}

.section-chant-choral #portal-globalnav li ul.submenu,
.section-chant-choral .navigation li ul.submenu,
.section-choral-singing #portal-globalnav li ul.submenu,
.section-choral-singing .navigation li ul.submenu {
    background: rgba(126, 173, 13, 0.9)
}

#portal-globalnav li:hover ul.submenu,
.navigation li:hover ul.submenu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

#portal-globalnav li ul.submenu li,
.navigation li ul.submenu li {
    display: block;
    float: none;
    width: auto;
    border-top: 1px solid #fff;
}

#portal-globalnav li ul.submenu li a,
.navigation li ul.submenu li a {
    display: block;
    padding: 15px;
    min-width: 0;
    width: auto;
    background: none;
    border: none;
    font-size: 1.4em;
    text-align: center;
    text-transform: none;
    color: #fff !important;
}

#portal-globalnav li ul.submenu li a:hover,
#portal-globalnav li ul.submenu li a:focus,
.navigation li ul.submenu li a:hover,
.navigation li ul.submenu li a:focus {
    background: #5f554c;
    border: none;
}

.section-jeunes-talents #portal-globalnav li ul.submenu li a:hover,
.section-jeunes-talents #portal-globalnav li ul.submenu li a:focus,
.section-jeunes-talents .navigation li ul.submenu li a:hover,
.section-jeunes-talents .navigation li ul.submenu li a:focus,
.section-young-talents #portal-globalnav li ul.submenu li a:hover,
.section-young-talents #portal-globalnav li ul.submenu li a:focus,
.section-young-talents .navigation li ul.submenu li a:hover,
.section-young-talents .navigation li ul.submenu li a:focus {
    background: #156f89;
}

.section-chant-choral #portal-globalnav li ul.submenu li a:hover,
.section-chant-choral #portal-globalnav li ul.submenu li a:focus,
.section-chant-choral .navigation li ul.submenu li a:hover,
.section-chant-choral .navigation li ul.submenu li a:focus,
.section-choral-singing #portal-globalnav li ul.submenu li a:hover,
.section-choral-singing #portal-globalnav li ul.submenu li a:focus,
.section-choral-singing .navigation li ul.submenu li a:hover,
.section-choral-singing .navigation li ul.submenu li a:focus {
    background: #7ead0d;
}

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

/*--------------------------------------------------------------------------------------------------------------
  	== IMAGE
--------------------------------------------------------------------------------------------------------------*/
#portal-top > .imageContainer {
    /*position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;*/
}

#portal-top > .imageContainer img {
    display: block;
    width: 100%;
    height: auto;
}

#portal-top > .imageContainer p {
    position: absolute;
    bottom: 5px;
    margin: 0;
    padding: 5px;
    background: rgba(0, 0, 0, 0.6);
    -pie-background: rgba(0, 0, 0, 0.6);
    behavior: url(++resource++PIE.htc);
    color: #fff;
}

/*--------------------------------------------------------------------------------------------------------------
	== DIAPORAMA
--------------------------------------------------------------------------------------------------------------*/
#portlets-in-header {
    z-index: 1;
    margin: 0;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
/*ensemble des trois colonnes*/
#portal-columns {
    position: relative;
    z-index: 2;
}

#portal-columns:after {
    content: "";
    display: block;
    clear: both;
}

.section-chant-choral.portaltype-portlet-page #portal-columns,
.section-choral-singing.portaltype-portlet-page #portal-columns {
    margin: auto;
    max-width: 1150px;
}

/*--------------------------------------------------------------------------------------------------------------
	== CENTRE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content {
    margin: auto;
    padding: 0;
    max-width: 950px;
    min-height: 540px;
    background: #fff;
}

.portaltype-portlet-page #portal-column-content {
    max-width: none;
    background: none;
}

.section-accueil #portal-column-content,
.section-home #portal-column-content {
    max-width: 1230px;
}

#portal-column-content::after {
    content: "";
    display: block;
    clear: both;
}

#portal-column-content #content {
    float: left;
    margin: 0;
    padding: 40px;
    width: 70%;
    min-height: 300px;
    background: transparent;
}

#portal-column-content #content.sanscolonne,
.template-folder_contents #portal-column-content #content {
    float: none;
    width: 100%;
}

.portaltype-portlet-page #portal-column-content #content {
    float: none;
    padding: 0;
    width: auto;
    /*overflow: hidden;*/
}

.section-accueil #portal-column-content #content,
.section-home #portal-column-content #content {
    padding: 40px 0 0;
}

#below-content {
    padding: 40px;
    overflow: hidden;
}

#below-content + .managePortletsBelowLink {
    overflow: hidden;
}

/*--------------------------------------------------------------------------------------------------------------
	== COLONNES
--------------------------------------------------------------------------------------------------------------*/
#portal-column-one {
    float: right;
    width: 30%;
    background: #e8e8e8;
}

#portal-column-two {
    position: absolute;
    top: 0;
    right: 0;
}

#portal-column-two .colonne2.fixe {
    position: fixed;
    right: 25px !important;
}

#portal-column-two .colonne2.fixe-bas {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== ELEMENTS GENERAUX
--------------------------------------------------------------------------------------------------------------*/

/*
	DESCRIPTION
*/
#portal-column-content .documentDescription {
    margin: 0 0 50px;
    padding: 0;
    background: #fff;
    color: #000;
    font-family: raleway;
    font-weight: 600;
    font-size: 1.7em;
    line-height: 1.3;
}

#portal-column-content .disciplines + .documentDescription {
    margin-top: -25px;
}

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

.portaltype-portlet-page .documentDescription {
    position: relative;
    z-index: 2;
    margin: 80px auto 30px;
    padding: 0 0 5px;
    max-width: 500px;
    color: #fff;
    font-size: 1.7em;
    font-weight: 700;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    text-align: center;
    line-height: 1;
}

/*
	DATE ELEMENT
*/
#portal-column-content .date-element {
    margin: 0 0 10px;
    font-size: 2.5em;
}

.section-jeunes-talents #portal-column-content .date-element,
.section-young-talents #portal-column-content .date-element {
    color: #156f89;
}

.section-chant-choral #portal-column-content .date-element,
.section-choral-singing #portal-column-content .date-element {
    margin: -10px 0 25px;
    color: #7ead0d;
}

/*
	LIEU
*/
#portal-column-content .lieu {
    display: block;
    margin: 0 0 15px;
    font-size: 1.8em;
    text-transform: uppercase;
}

#portal-column-content .lieu li {
    display: inline-block;
    margin: 0;
}

#portal-column-content .lieu li + li::before {
    content: "| ";
}

/*
	DISCIPLINES
*/
#portal-column-content .disciplines {
    display: inline-block;
    margin: 0 0 50px;
}

#portal-column-content .disciplines li {
    display: inline-block;
    padding: 2px 5px;
    color: #fff;
    font-size: 1.2em;
    background: #5f554c;
}

.section-jeunes-talents #portal-column-content .disciplines li,
.section-young-talents #portal-column-content .disciplines li {
    background: #156f89;
}

.section-chant-choral #portal-column-content .disciplines li,
.section-choral-singing #portal-column-content .disciplines li {
    background: #7ead0d;
}

/*
	PHOTO PROFIL
*/
#portal-column-content .photo-profil {
    position: relative;
    float: right;
    margin: 0 0 20px 30px;
    width: 170px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    overflow: hidden;
}

#portal-column-content .photo-profil::before {
    content: "";
    display: block;
    padding-top: 100%;
}

#portal-column-content .photo-profil img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

/*
	INFOS PARTICIPANT
*/
#portal-column-content .infos {
    margin: -25px 0 40px;
    overflow: hidden;
    font-size: 1.7em;
}

.section-jeunes-talents #portal-column-content .infos,
.section-young-talents #portal-column-content .infos {
    color: #156f89;
}

.section-chant-choral #portal-column-content .infos,
.section-choral-singing #portal-column-content .infos {
    color: #7ead0d;
}

#portal-column-content .infos dt {
    float: left;
    clear: left;
    margin: 0 5px 5px 0;
    display: none;
}

#portal-column-content .infos dd {
    float: left;
    margin: 0 5px 5px 0;
}

/*
	INFOS OEUVRE
*/
#portal-column-content .informations-oeuvre {
    margin: 0 0 20px;
}

#portal-column-content .informations-oeuvre li {
    display: inline-block;
    padding: 2px 5px;
    background: #7ead0d;
    color: #fff;
    font-size: 1.3em;
    vertical-align: top;
    white-space: nowrap;
}

#portal-column-content .informations-oeuvre li span + span::before {
    content: ", ";
}

#portal-column-content .theme {
    margin: 0 0 40px;
    padding: 0 0 20px;
    border-bottom: 1px dashed #7ead0d;
    font-size: 1.3em;
}

#portal-column-content .theme span {
    display: block;
    color: #7ead0d;
    font-weight: 700;
}

/*
	SITE
*/
#portal-column-content #content-core .siteweb {
    display: inline-block;
    padding: 5px 15px;
    background: #353535;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 1.7em;
    color: #fff;
}

.section-jeunes-talents #portal-column-content #content-core .siteweb:hover,
.section-jeunes-talents #portal-column-content #content-core .siteweb:focus,
.section-young-talents #portal-column-content #content-core .siteweb:hover,
.section-young-talents #portal-column-content #content-core .siteweb:focus {
    background: #156f89;
    color: #fff !important;
    text-decoration: none;
}

.section-chant-choral #portal-column-content #content-core .siteweb:hover,
.section-chant-choral #portal-column-content #content-core .siteweb:focus,
.section-choral-singing #portal-column-content #content-core .siteweb:hover,
.section-choral-singing #portal-column-content #content-core .siteweb:focus {
    background: #7ead0d;
    color: #fff !important;
    text-decoration: none;
}

/*
	CONCERTS / MASTERCLASS
*/
.masterclass-concert {
    margin: 60px 0 0;
}

.masterclass-concert::after {
    content: "";
    display: block;
    margin: 10px 0 0;
    width: 80px;
    height: 3px;
    background: #000;
}

.masterclass-concert .entete {
    display: block;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
}

.masterclass-concert .entete::after {
    content: "";
    display: block;
    margin: 0 0 10px;
    width: 80px;
    height: 3px;
    background: #000;
}

#portal-column-content .masterclass-concert ul {
    position: relative;
    margin: 0;
    font-size: 0.9em;
}

#portal-column-content .masterclass-concert ul li {
    position: relative;
    margin: 0;
    line-height: 1.2;
}

#portal-column-content .masterclass-concert ul li + li {
    margin: 20px 0 0;
}

#portal-column-content .masterclass-concert ul a {
    display: block;
    font-weight: 700;
}

#portal-column-content .masterclass-concert ul a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#portal-column-content .masterclass-concert ul span {
    font-size: 0.8em;

    -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-column-content .masterclass-concert ul p {
    margin: 5px 0 0;
    font-size: 0.8em;

    -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-column-content .masterclass-concert ul a:hover,
#portal-column-content .masterclass-concert ul a:focus,
#portal-column-content .masterclass-concert ul li:hover span,
#portal-column-content .masterclass-concert ul li:hover p {
    color: #156f89 !important;
    text-decoration: none;
}

/*
	NIVEAUX
*/
.niveaux {
    margin: 60px 0 0;
}

.niveaux::after {
    content: "";
    display: block;
    margin: 10px 0 0;
    width: 80px;
    height: 3px;
    background: #000;
}

.niveaux .entete {
    display: block;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
}

.niveaux .entete::after {
    content: "";
    display: block;
    margin: 0 0 10px;
    width: 80px;
    height: 3px;
    background: #000;
}

#portal-column-content .niveaux ul {
    position: relative;
    margin: 0;
    font-size: 0.9em;
}

#portal-column-content .niveaux ul li {
    margin: 0;
    line-height: 1.5;
}

#portal-column-content .niveaux ul li span {
    font-weight: 700;
}

/*
	MORCEAUX
*/
.morceaux {
    margin: 60px 0 0;
}

.morceaux::after {
    content: "";
    display: block;
    margin: 10px 0 0;
    width: 80px;
    height: 3px;
    background: #000;
}

.morceaux .entete {
    display: block;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
}

.morceaux .entete::after {
    content: "";
    display: block;
    margin: 0 0 10px;
    width: 80px;
    height: 3px;
    background: #000;
}

#portal-column-content .morceaux ul {
    position: relative;
    margin: 0;
    font-size: 0.9em;
}

#portal-column-content .morceaux ul li {
    margin: 0;
    line-height: 1.5;
}

#portal-column-content .morceaux ul li span {
    font-weight: 700;
}

/*
	STAGIAIRES
*/
.stagiaires {
    margin: 60px 0;
}

.stagiaires::after {
    content: "";
    display: block;
    margin: 10px 0 0;
    width: 80px;
    height: 3px;
    background: #000;
}

.stagiaires .entete {
    display: block;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
}

.stagiaires .entete::after {
    content: "";
    display: block;
    margin: 0 0 10px;
    width: 80px;
    height: 3px;
    background: #000;
}

#portal-column-content .stagiaires ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
    font-size: 0.9em;
}

#portal-column-content .stagiaires ul li {
    position: relative;
    margin: 2px;
    width: calc(33% - 4px);
    line-height: 1.5;
    font-weight: 700;
}

#portal-column-content .stagiaires ul li::before {
    content: '';
    display: block;
    padding-top: 100%;
    background: #e8e8e8;
}

#portal-column-content .stagiaires ul li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

#portal-column-content .stagiaires ul li div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 5px 5px;
    color: #fff;
}

#portal-column-content .stagiaires ul li div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

#portal-column-content .stagiaires ul li div span {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 0.85em;
}

#portal-column-content .stagiaires ul li div span + span {
    margin: 0 0 0 10px;
}

#portal-column-content .stagiaires ul li a,
#portal-column-content .stagiaires ul li a:hover,
#portal-column-content .stagiaires ul li a:focus {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 100%;
    color: #fff !important;
}

@media only screen and (max-width: 1230px) {
    #portal-column-content .stagiaires ul li {
        width: calc(33% - 4px);
    }
}

@media only screen and (max-width: 1024px) {
    #portal-column-content .stagiaires ul li {
        width: calc(50% - 4px);
    }
}

@media only screen and (max-width: 800px) {
    #portal-column-content .stagiaires ul li {
        width: calc(100% - 4px);
    }
}

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

#portal-column-content #content-core::after {
    content: "";
    display: block;
    clear: both;
}

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

.portaltype-portlet-page #portal-column-content #content-core > div {
    font-size: 1em;
}

/*
  	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 {
    clear: both;
    position: relative;
    margin: 40px 0 0;
    padding: 0;
    text-align: center;
    font-size: 1.4em;
    color: #fff;
}

#portal-column-content .listingBar::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    bottom: 40%;
    right: 0;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
}

#portal-column-content .listingBar * {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    font-weight: 700;
    color: #000;
}

#portal-column-content .listingBar a {
    border: none;
    font-weight: 400;
}

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

#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;
    behavior: url(PIE.htc);
    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
--------------------------------------------------------------------------------------------------------------*/
.section-accueil .AbovePortletManager1,
.section-home .AbovePortletManager1 {
    position: static;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE JEUNES TALENTS
--------------------------------------------------------------------------------------------------------------*/
.section-jeunes-talents #portletPageTopRow,
.section-young-talents #portletPageTopRow {
    border-bottom: 1px solid #000;
}

.section-jeunes-talents #portletPageFirstColumn,
.section-young-talents #portletPageFirstColumn {
    border-bottom: 1px solid #000;
}

.section-jeunes-talents #portletPageTopRow > div,
.section-jeunes-talents #portletPageFirstColumn > div,
.section-jeunes-talents #portletPageBottomRow,
.section-young-talents #portletPageTopRow > div,
.section-young-talents #portletPageFirstColumn > div,
.section-young-talents #portletPageBottomRow {
    margin: auto;
    max-width: 1150px;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE CHANT CHORAL
--------------------------------------------------------------------------------------------------------------*/
.section-chant-choral #portletPageFirstColumn,
.section-choral-singing #portletPageFirstColumn {
    float: left;
    width: 48%;
    background: #fff;
}

.section-chant-choral #portletPageSecondColumn,
.section-choral-singing #portletPageSecondColumn {
    float: right;
    width: 48%;
    background: #fff;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE D'INSCRIPTION
--------------------------------------------------------------------------------------------------------------*/
/*
	INTRO
*/
div[id^=parent-fieldname-formPrologue]::after {
    content: "";
    display: block;
    margin: 15px 0 0;
    width: 100px;
    height: 2px;
}

div[id^=parent-fieldname-formPrologue] h2 {
    margin: 0 0 20px;
    font-size: 2em;
    font-weight: 400;
    line-height: 1;
}

div[id^=parent-fieldname-formPrologue] h2::after {
    content: "";
    display: block;
    margin: 5px 0 0;
    width: 100px;
    height: 2px;
}

.section-jeunes-talents div[id^=parent-fieldname-formPrologue],
.section-jeunes-talents div[id^=parent-fieldname-formPrologue] h2,
.section-young-talents div[id^=parent-fieldname-formPrologue],
.section-young-talents div[id^=parent-fieldname-formPrologue] h2 {
    color: #156f89;
}

.section-chant-choral div[id^=parent-fieldname-formPrologue],
.section-chant-choral div[id^=parent-fieldname-formPrologue] h2,
.section-choral-singing div[id^=parent-fieldname-formPrologue],
.section-choral-singing div[id^=parent-fieldname-formPrologue] h2 {
    color: #7ead0d;
}

.section-jeunes-talents div[id^=parent-fieldname-formPrologue]::after,
.section-jeunes-talents div[id^=parent-fieldname-formPrologue] h2::after,
.section-young-talents div[id^=parent-fieldname-formPrologue]::after,
.section-young-talents div[id^=parent-fieldname-formPrologue] h2::after {
    background: #156f89;
}

.section-chant-choral div[id^=parent-fieldname-formPrologue]::after,
.section-chant-choral div[id^=parent-fieldname-formPrologue] h2::after,
.section-choral-singing div[id^=parent-fieldname-formPrologue]::after,
.section-choral-singing div[id^=parent-fieldname-formPrologue] h2::after {
    background: #7ead0d;
}

div[id^=parent-fieldname-formPrologue] ul li::before {
    content: " ";
    font-family: 'fontawesome';
}

/*
	FORMULAIRE
*/
.pfg-form {
    font-size: 1.2em !important;
}

#pfg-fieldwrapper > .field {
    margin: 10px 0 0;
}

#pfg-fieldwrapper > .field label {
    margin: 0 !important;
    text-transform: none !important;
    font-size: 1.5em;
}

.section-jeunes-talents #pfg-fieldwrapper > .field label,
.section-young-talents #pfg-fieldwrapper > .field label {
    color: #156f89;
}

.section-chant-choral #pfg-fieldwrapper > .field label,
.section-choral-singing #pfg-fieldwrapper > .field label {
    color: #7ead0d;
}

#pfg-fieldwrapper fieldset {
    margin: 80px 0 0;
    padding: 0;
    border: none;
}

#pfg-fieldwrapper fieldset legend {
    margin: 0 !important;
    padding: 0;
    border: none;
    color: #000 !important;
    font-size: 3em !important;
    font-weight: 400 !important;
    line-height: 1;
}

#pfg-fieldwrapper fieldset legend::after {
    content: "";
    display: block;
    margin: 5px 0 0;
    width: 100px;
    height: 2px;
    background: #000;
}

#pfg-fieldwrapper fieldset .field {
    clear: left;
    float: left;
    margin: 20px 0 0;
    width: 48%;
}

#pfg-fieldwrapper fieldset .field:nth-child(even) {
    clear: none;
    float: right;
}

#pfg-fieldwrapper fieldset#pfg-fieldsetname-candidat .field#archetypes-fieldname-civilite {
    float: none;
    width: 100%;
}

#pfg-fieldwrapper fieldset#pfg-fieldsetname-candidat .field {
    clear: none;
    float: right;
    margin: 20px 0 0;
    width: 48%;
}

#pfg-fieldwrapper fieldset#pfg-fieldsetname-candidat .field:nth-child(even) {
    clear: left;
    float: left;
}


#pfg-fieldwrapper fieldset .field#archetypes-fieldname-comments {
    clear: left;
    float: none;
    padding: 20px 0 0;
    width: auto;
}

#pfg-fieldwrapper fieldset .field label,
#pfg-fieldwrapper fieldset .field .label {
    margin: 0 !important;
    text-transform: none !important;
    font-size: 1.5em;
}

#pfg-fieldwrapper fieldset .field #civilite label {
    font-weight: 400;
}

#pfg-fieldwrapper fieldset .field input[type=text],
#pfg-fieldwrapper fieldset .field textarea {
    padding: 5px;
    width: 100%;
    border: 1px solid #e8e8e8;
}

#pfg-fieldwrapper fieldset .field select {
    padding: 5px;
    border: 1px solid #e8e8e8;
}

#pfg-fieldwrapper fieldset .field #edit_form_date-de-naissance_0_popup,
#pfg-fieldwrapper fieldset .field #edit_form_date-de-naissance_0_popup ~ span {
    display: none !important;
}

#pfg-fieldwrapper .formControls input {
    display: inline-block;
    padding: 5px 10px;
    background: #156f89;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 1.5em;
    color: #fff;
    cursor: pointer;
}

#pfg-fieldwrapper + .formControls {
    margin: 80px 0 0;
}

#pfg-fieldwrapper + .formControls input {
    display: inline-block;
    padding: 5px 20px;
    border: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 1.5em;
    text-transform: uppercase;
    cursor: pointer;

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

.section-jeunes-talents #pfg-fieldwrapper + .formControls input,
.section-young-talents #pfg-fieldwrapper + .formControls input {
    background: #156f89;
}

.section-chant-choral #pfg-fieldwrapper + .formControls input,
.section-choral-singing #pfg-fieldwrapper + .formControls input {
    background: #7ead0d;
}

.section-jeunes-talents #pfg-fieldwrapper + .formControls input:hover,
.section-young-talents #pfg-fieldwrapper + .formControls input:hover {
    background: #0C4151;
}

.section-chant-choral #pfg-fieldwrapper + .formControls input:hover,
.section-choral-singing #pfg-fieldwrapper + .formControls input:hover {
    background: #4c6118;
}

/*
	ERREURS
*/
.section-jeunes-talents #pfg-fieldwrapper fieldset .field,
.section-young-talents #pfg-fieldwrapper fieldset .field {
    font-size: 100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE LISTE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .tileItem {
    position: relative;
    float: left;
    margin: 0 0 30px;
    padding: 10px;
    width: 30%;
    background: #e8e8e8;
    text-align: center;
    overflow: hidden;
}

#portal-column-content .sanscolonne #content-core .tileItem:nth-child(3n) {
    float: right;
}

#portal-column-content .sanscolonne #content-core .tileItem:nth-child(3n+1) {
    clear: both;
}

#portal-column-content .sanscolonne #content-core .tileItem:nth-child(3n+1) + .tileItem {
    margin-left: 5%;
}

#portal-column-content .aveccolonne #content-core .tileItem:nth-child(2n) {
    float: right;
    width: 48%;
}

#portal-column-content .aveccolonne #content-core .tileItem:nth-child(2n+1) {
    clear: both;
    width: 48%;
}

#portal-column-content #content-core .tileItem::after {
    content: "";
    display: block;
    padding-top: 50%;
}

#portal-column-content #content-core .tileItem h2 {
    margin: 0 0 5px;
    padding: 0 0 5px;
    font-size: 1.5em;
    font-family: "Times New Roman", Times, serif;
    overflow: hidden;
}

#portal-column-content #content-core .tileItem h2 a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    color: #000 !important;
}

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

#portal-column-content #content-core .tileItem h2 a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 3;
}

#portal-column-content #content-core .tileItem h2 a::after {
    content: "";
    display: block;
    margin: 10px 0 0;
    text-align: center;
    font-family: 'fontawesome';
    font-size: 0.5em;

    -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-column-content #content-core .tileItem h2 a:hover::after,
#portal-column-content #content-core .tileItem h2 a:focus::after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#portal-column-content #content-core .tileItem > a {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

#portal-column-content #content-core .tileItem:hover > a {
    bottom: -60%;
}

#portal-column-content #content-core .tileItem > a::before {
    content: "";
    display: block;
    padding-top: 50%;
}

#portal-column-content #content-core .tileItem > a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.section-les-grands-aines #portal-column-content #content-core .tileItem > a img,
.section-success-stories-1 #portal-column-content #content-core .tileItem > a img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}


body:not(.template-search) #portal-column-content #content-core .tileItem p,
#portal-column-content #content-core .tileItem .audio-player {
    position: absolute;
    left: 10px;
    right: 10px;
    margin: 0;
    font-size: 0.9em;
    overflow: hidden;
}

#portal-column-content #content-core .tileItem p.tileFooter {
    position: absolute;
    top: -50000px;
}

/*
	PROFESSEUR
*/
.template-collection_professeurs_view #portal-column-content #content-core .tileItem::after,
.template-folder_professeurs_view #portal-column-content #content-core .tileItem::after {
    padding-top: 105%;
}

.template-collection_professeurs_view #portal-column-content #content-core .tileItem h2,
.template-folder_professeurs_view #portal-column-content #content-core .tileItem h2 {
    margin: 0;
    padding: 0;
}

.template-collection_professeurs_view #portal-column-content #content-core .tileItem h2 a::after,
.template-folder_professeurs_view #portal-column-content #content-core .tileItem h2 a::after {
    display: none;
}

.template-collection_professeurs_view #portal-column-content .disciplines,
.template-folder_professeurs_view #portal-column-content .disciplines {
    margin: 0;
    line-height: 1;
}

.template-collection_professeurs_view #portal-column-content .disciplines::after,
.template-folder_professeurs_view #portal-column-content .disciplines::after {
    content: "";
    display: block;
    margin: 0 0 5px;
    text-align: center;
    font-family: 'fontawesome';
    font-size: 1.2em;

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

.template-collection_professeurs_view #portal-column-content .tileItem:hover .disciplines::after,
.template-folder_professeurs_view #portal-column-content .tileItem:hover .disciplines::after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.template-collection_professeurs_view #portal-column-content .disciplines li,
.template-folder_professeurs_view #portal-column-content .disciplines li {
    background: none;
    font-family: "Times New Roman", Times, serif;
    font-size: 1em;
    font-weight: bold;
    color: #000;
}

.template-collection_professeurs_view #portal-column-content .disciplines li + li,
.template-folder_professeurs_view #portal-column-content .disciplines li + li {
    margin-left: -10px;
}

.template-collection_professeurs_view #portal-column-content .disciplines li + li::before,
.template-folder_professeurs_view #portal-column-content .disciplines li + li::before {
    content: "- ";
}

.template-collection_professeurs_view.section-jeunes-talents #portal-column-content .disciplines li,
.template-folder_professeurs_view.section-jeunes-talents #portal-column-content .disciplines li,
.template-collection_professeurs_view.section-young-talents #portal-column-content .disciplines li,
.template-folder_professeurs_view.section-young-talents #portal-column-content .disciplines li {
    color: #156f89;
}

.template-collection_professeurs_view.section-chant-choral #portal-column-content .disciplines li,
.template-folder_professeurs_view.section-chant-choral #portal-column-content .disciplines li,
.template-collection_professeurs_view.section-choral-singing #portal-column-content .disciplines li,
.template-folder_professeurs_view.section-choral-singing #portal-column-content .disciplines li {
    color: #7ead0d;
}

.template-collection_professeurs_view #portal-column-content #content-core .tileItem:hover > a,
.template-folder_professeurs_view #portal-column-content #content-core .tileItem:hover > a {
    bottom: 0;
}

.template-collection_professeurs_view #portal-column-content #content-core .tileItem > a::before,
.template-folder_professeurs_view #portal-column-content #content-core .tileItem > a::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.template-collection_professeurs_view #portal-column-content #content-core .tileItem > .tileBody,
.template-folder_professeurs_view #portal-column-content #content-core .tileItem > .tileBody {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -100%;
    z-index: 2;
    color: #fff;
    font-size: 1.3em;
    text-align: center;

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

.template-collection_professeurs_view.section-jeunes-talents #portal-column-content #content-core .tileItem > .tileBody,
.template-folder_professeurs_view.section-jeunes-talents #portal-column-content #content-core .tileItem > .tileBody,
.template-collection_professeurs_view.section-young-talents #portal-column-content #content-core .tileItem > .tileBody,
.template-folder_professeurs_view.section-young-talents #portal-column-content #content-core .tileItem > .tileBody {
    background: rgba(21, 111, 137, 0.8);
}

.template-collection_professeurs_view.section-chant-choral #portal-column-content #content-core .tileItem > .tileBody,
.template-folder_professeurs_view.section-chant-choral #portal-column-content #content-core .tileItem > .tileBody,
.template-collection_professeurs_view.section-chant-choral #portal-column-content #content-core .tileItem > .tileBody,
.template-folder_professeurs_view.section-choral-singing #portal-column-content #content-core .tileItem > .tileBody {
    background: rgba(126, 173, 13, 0.8);
}

.template-collection_professeurs_view #portal-column-content #content-core .tileItem:hover > .tileBody,
.template-folder_professeurs_view #portal-column-content #content-core .tileItem:hover > .tileBody {
    bottom: 0;
}

.template-collection_professeurs_view #portal-column-content #content-core .tileItem > .tileBody::before,
.template-folder_professeurs_view #portal-column-content #content-core .tileItem > .tileBody::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.template-collection_professeurs_view #portal-column-content #content-core .tileItem > .tileBody span,
.template-folder_professeurs_view #portal-column-content #content-core .tileItem > .tileBody span {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

/*
	TEMOIGNAGES / PARTICIPANTS
*/
.template-folder_summary_view.subsection-participants-stagiaires #portal-column-content #content-core .tileItem::after,
.template-folder_summary_view.subsection-participants-accompagnateurs #portal-column-content #content-core .tileItem::after,
.template-folder_summary_view.subsection-participants-intervenants #portal-column-content #content-core .tileItem::after,
.template-folder_summary_view.subsection-temoignages #portal-column-content #content-core .tileItem::after,
.template-folder_summary_view.subsection-review #portal-column-content #content-core .tileItem::after,
#portal-column-content #content-core .resultats-stagiaires .tileItem::after {
    padding-top: 105%;
}

.template-folder_summary_view.subsection-participants-stagiaires #portal-column-content #content-core .tileItem > a::before,
.template-folder_summary_view.subsection-participants-accompagnateurs #portal-column-content #content-core .tileItem > a::before,
.template-folder_summary_view.subsection-participants-intervenants #portal-column-content #content-core .tileItem > a::before,
.template-folder_summary_view.subsection-temoignages #portal-column-content #content-core .tileItem > a::before,
.template-folder_summary_view.subsection-review #portal-column-content #content-core .tileItem > a::before,
#portal-column-content #content-core .resultats-stagiaires .tileItem > a::before {
    padding-top: 100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE RESULTAT RECHERCHE SPECIFIQUE
--------------------------------------------------------------------------------------------------------------*/
.nb-resultats {
    display: block;
    margin: 0 0 30px;
    font-size: 1.8em;
    font-weight: 700;
}

/*
	STAGES
*/
#portal-columns .resultats-stages li {
    position: relative;
    display: inline-block;
    margin: 0 0 40px 4%;
    padding: 0;
    width: 21%;
    vertical-align: top;
    color: #156f89;
}

#portal-columns .resultats-stages li:nth-child(4n+1) {
    margin-left: 0;
}

.resultats-stages li h2 {
    margin: 0 0 10px;
    font-size: 1.6em;
    text-transform: uppercase;
    line-height: 1;
}

#portal-columns .resultats-stages li h2 a {
    color: #7ead0d;
}

#portal-columns .resultats-stages li h2 a:hover,
#portal-columns .resultats-stages li h2 a:focus {
    color: #393939 !important;
    text-decoration: none;
}

.resultats-stages li h2 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.resultats-stages li > span {
    display: block;
    margin: 0 0 5px;
    font-size: 1.2em;
    color: #7ead0d;

    -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 .resultats-stages li p {
    margin: 0;
    font-size: 1.1em;
    line-height: 1.2;
    color: #393939;

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

.resultats-stages li:hover > span {
    color: #393939;
}

.resultats-stages li p::before {
    content: "";
    display: block;
    font-family: 'fontawesome';
}

.resultats-stages li p::after {
    display: block;
    margin: 5px 0 0;
    width: 17px;
    height: 17px;
    background: #393939;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-family: 'fontawesome';
    font-size: 0.8em;
    color: #fff;
    text-align: center;
    line-height: 17px;
}

.resultats-stages li p.depassee::after {
    content: "";
}

.resultats-stages li p.encours::after {
    content: "";
}

.resultats-stages li p.avenir::after {
    content: "";
}


/*
	MASTERCLASS
*/
#portal-columns .resultats-masterclass li {
    position: relative;
    display: inline-block;
    margin: 0 0 40px 4%;
    padding: 0;
    width: 21%;
    vertical-align: top;
    color: #156f89;
}

#portal-columns .resultats-masterclass li:nth-child(4n+1) {
    margin-left: 0;
}

#portal-columns .resultats-masterclass li h2 {
    margin: 0 0 10px;
    font-size: 1.6em;
    text-transform: uppercase;
    line-height: 1;
}

#portal-columns .resultats-masterclass li h2 a {
    color: #156f89;
}

#portal-columns .resultats-masterclass li h2 a:hover,
#portal-columns .resultats-masterclass li h2 a:focus {
    color: #393939 !important;
    text-decoration: none;
}

#portal-columns .resultats-masterclass li h2 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.resultats-masterclass li strong {
    display: block;
    margin: 0 0 5px;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 1.8em;
    line-height: 1;

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

.resultats-masterclass li strong + strong {
    display: none;
}

.resultats-masterclass li > span {
    font-size: 1.2em;

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

.resultats-masterclass li:hover strong,
.resultats-masterclass li:hover span {
    color: #393939;
}

#portal-columns .resultats-masterclass li p {
    margin: 5px 0 0;
    font-size: 1.2em;
    color: #393939;
}

.resultats-masterclass li p::before {
    content: "";
    display: block;
    font-family: 'fontawesome';
}

.resultats-masterclass li p::after {
    display: block;
    margin: 10px 0 0;
    width: 17px;
    height: 17px;
    background: #393939;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-family: 'fontawesome';
    font-size: 0.8em;
    color: #fff;
    text-align: center;
    line-height: 17px;
}

.resultats-masterclass li p.depassee::after {
    content: "";
}

.resultats-masterclass li p.encours::after {
    content: "";
}

.resultats-masterclass li p.avenir::after {
    content: "";
}


/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE RESULTAT DE RECHERCHE
--------------------------------------------------------------------------------------------------------------*/
#search-results-wrapper {
    margin: 0;
}

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

form.searchPage h1.documentFirstHeading,
#portal-column-content #content-core #searchform #search-field {
    display: none;
}

/*
  	FILTRE
*/
#portal-column-content #content-core #search-results-bar {
    padding: 0;
    background: none;
    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 {
    float: none;
    display: block;
    margin: 0 0 10px;
    font-size: 1.8em;
    font-weight: 600;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu {
    float: left;
    position: relative;
    margin: 20px 0 0;
    width: 70%;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dt {
    display: block;
    margin: 0;
    font-size: 1.4em;
    text-transform: uppercase;
}

#search-results-bar dt.actionMenuHeader a::after {
    content: "";
}

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

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div {
    padding: 0;
    background: none;
    border: none;
    font-size: 1.4em;
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div fieldset {
    float: left;
    width: 50%;
}

#content #search-filter legend {
    padding: 0;
    font-size: 1em;
    font-weight: 400;
}

#content #search-filter legend::before {
    content: " ";
    font-family: 'fontawesome';
}

#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .field {
    margin: 0;
    padding: 0 0 0 10px;
    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;
    font-size: 0.9em;
}

#portal-column-content #content-core #search-results-bar span#searchResultsSort {
    float: right;
    display: block;
    margin: 20px 0 0;
    padding: 0;
    width: 30%;
}

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

#portal-column-content #content-core #search-results-bar span#searchResultsSort > span a,
#portal-column-content #content-core #search-results-bar span#searchResultsSort > span strong {
    display: block;
    font-size: 1.2em;
    line-height: 2;
}

#portal-column-content #content-core #search-results-bar span#searchResultsSort > span span {
    display: none;
}

#portal-column-content #content-core #search-results-bar a:hover,
#portal-column-content #content-core #search-results-bar a:focus {
    color: #000 !important;
}

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

#portal-column-content #content-core #search-results dl {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -moz-column-gap: 40px;
    -webkit-column-gap: 40px;
    -o-column-gap: 40px;
    column-gap: 40px;
}

#portal-column-content #content-core #search-results dl dt {
    display: block;
    margin: 0;
    padding: 0 !important;
    background: #e8e8e8;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    font-size: 2em;
    line-height: 1;
}

#portal-column-content #content-core #search-results dl dt a {
    display: block;
    padding: 10px 10px 0;
    background: none;
    border: none;
    color: #000 !important;
    text-align: center;
}

#portal-column-content #content-core #search-results dl dt a:hover,
#portal-column-content #content-core #search-results dl dt a:focus {
    color: #000 !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 {
    display: block;
    margin: 0 0 30px;
    padding: 0 10px 10px;
    background: #e8e8e8;
    font-size: 1.3em;
    line-height: 1.5;
    text-align: center;
}

#portal-column-content #content-core #search-results dl dd cite {
    display: block;
    padding: 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: #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 */
    /*padding-top: 25px;
	height: 0;*/
}

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


/*--------------------------------------------------------------------------------------------------------------
	== Newsletter habillage Mailchimp
--------------------------------------------------------------------------------------------------------------*/


.section-newsletter #below-content {
    padding-top: 0px;
}

.section-newsletter #content {
    padding-bottom: 0px !important;
    min-height: auto !important;
}

#mc_embed_signup {
    font-family: raleway !important;
}

.portlet-embed-code-mailchimp-pour-newsletter {
    font-size: 1.4em;
}

.portlet-embed-code-mailchimp-pour-newsletter h2 {
    margin-bottom: 10px;
}

.portlet-embed-code-mailchimp-pour-newsletter input {
    padding: 5px;
}

.portlet-embed-code-mailchimp-pour-newsletter ul li {
    display: block;
}

.portlet-embed-code-mailchimp-pour-newsletter strong {
    font-size: 1.4em;
    margin-bottom: 15px;
    display: inline-block;
    margin-left: -10px;
    color: #444;
}

.portlet-embed-code-mailchimp-pour-newsletter ul li label {
    margin-left: 10px;
    font-weight: normal;
}

.portlet-embed-code-mailchimp-pour-newsletter #mc-embedded-subscribe {
    padding: 15px;
    background-color: #5f554c;
    color: #fff;
    border: 0px;
    border-radius: 10px;
    font-size: 1.2em;
    cursor: pointer;
}

.portlet-embed-code-mailchimp-pour-newsletter #mce-responses {
    margin: 10px;
    color: red;
}


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

#portal-column-content #content-core .eventDetails ul li {
    float: left;
    min-height: 60px;
}

#portal-column-content #content-core .eventDetails ul li + li {
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    border-left: 1px dotted #000;
}

#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: 1.1em;
    text-align: left;
    line-height: 1;
}

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

#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: 1.4em;
    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 {
    padding: 1px 10px 3px;
    background: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    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 {
    padding: 5px 10px;
    background: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    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 ul.liste-photos {
    clear: both;
    padding: 20px 0 0;
}

#content ul.liste-photos li,
#content ul.liste-photos li:nth-child(3n) {
    margin: 0 5px 5px 0;
}

#content ul.liste-photos li a {
    width: auto;
}

#content ul.liste-photos li a.albumsphotos {
    padding: 0;
    width: auto;
    background: #fff;
    overflow: hidden;
}

#content ul.liste-photos li a.albumsphotos img {
    height: 130px;

    -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 ul.liste-photos li a.albumsphotos:hover img,
#content ul.liste-photos li a.albumsphotos: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);
}

#content ul.liste-photos li a.viewimagealbumsphotos {
    left: 0;
    right: 0;
    padding: 5px;
    height: auto;
    background: rgba(0, 0, 0, 0.8);
    -pie-background: rgba(0, 0, 0, 0.8);
    behavior: url(++resource++PIE.htc);
    color: #fff;
    line-height: normal;
}

#content ul.liste-photos li a.viewimagealbumsphotos:hover,
#content ul.liste-photos li a.viewimagealbumsphotos:focus {
    background: rgba(0, 0, 0, 1);
    -pie-background: rgba(0, 0, 0, 1);
    behavior: url(++resource++PIE.htc);
    color: #fff !important;
}


/*--------------------------------------------------------------------------------------------------------------
	== 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;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    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: 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 {
    margin: 0 0 40px;
    padding: 0;
    background: #e8e8e8;
}

#portal-column-content #content-core #portal-sitemap > li:nth-child(1) {
    float: left;
    width: 47%;
}

#portal-column-content #content-core #portal-sitemap > li:nth-child(2) {
    float: right;
    width: 47%;
}

#portal-column-content #content-core #portal-sitemap > li:nth-child(3),
#portal-column-content #content-core #portal-sitemap > li:nth-child(4) {
    float: left;
    width: 30%;
}

#portal-column-content #content-core #portal-sitemap > li:nth-child(4) {
    margin-left: 5%;
}

#portal-column-content #content-core #portal-sitemap > li:nth-child(5) {
    float: right;
    width: 30%;
}

#portal-column-content #content-core #portal-sitemap > li > div > a {
    display: block;
    margin: 5px 0;
    padding: 10px 20px !important;
    background: none;
    border: none;
    color: #000 !important;
    font-size: 2.5em;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    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 {
    color: #000 !important;
}

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

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

#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a {
    display: block;
    margin: 0;
    padding: 5px 0 !important;
    background: none;
    border-top: 1px solid #fff;
    text-transform: uppercase;
    text-align: center;
    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 {
    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;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    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;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    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;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE LISTE DE DONS
--------------------------------------------------------------------------------------------------------------*/

#liste-dons_wrapper {
    overflow: auto;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer {
    margin: 30px 0 0;
    padding: 20px 0 0;
    background: none;
    border: none;
    border-top: 1px solid #000;
}

/*--------------------------------------------------------------------------------------------------------------
	== COORDONNEES
--------------------------------------------------------------------------------------------------------------*/
#coordonnees {
    margin: 0 0 15px;
    padding: 20px 40px;
    background: #e8e8e8;
    text-align: left;
    font-size: 1.4em;
    color: #353535;
}

.site-fr #coordonnees .fr {
    display: block;
}

.site-fr #coordonnees .en {
    display: none;
}

.site-en #coordonnees .fr {
    display: none;
}

.site-en #coordonnees .en {
    display: block;
}

#coordonnees > ul {
    position: relative;
}

#coordonnees > ul:after {
    content: "";
    clear: both;
    display: table;
}


#coordonnees > ul > li {
    position: relative;
    display: inline-block;
    padding: 0 0 0 40px;
    width: 31%;
    vertical-align: top;
}

#coordonnees > ul > li + li {
    margin: 0 0 0 1%;
}

#coordonnees > ul > li:last-child {
    margin: 0;
    padding: 0;
    width: auto;
    position: absolute;
    top: 0px;
    right: 0px;
}

#coordonnees > ul > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: #353535;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    font-family: 'fontawesome';
    font-size: 1.4em;
    text-align: center;
    line-height: 30px;
}

#coordonnees > ul > li + li::before {
    content: "";
}

#coordonnees > ul > li + li#newsletter::before {
    content: "\f0e0";
    font-size: 1em;
}

#coordonnees > ul > li:last-child::before {
    display: none;
}

#coordonnees > ul > li strong {
    font-size: 1.7em;
    font-weight: 300;
    line-height: 1.3;
}

#coordonnees > ul > li ul {
    margin: 10px 0 0;
}

#coordonnees > ul > li li {
    display: block;
    line-height: 1.8em;
}

#coordonnees > ul > li:first-child li::before {
    content: " ";
    font-family: 'fontawesome';
}

#coordonnees > ul > li:nth-child(2) li + li::before,
#coordonnees > ul > li#newsletter li + li::before {
    content: " ";
    font-family: 'fontawesome';
}

#coordonnees > ul > li:nth-child(2) li a,
#coordonnees > ul > li#newsletter li a {
    color: #353535;
    border-bottom: 1px solid #353535;
}

#coordonnees > ul > li:nth-child(2) li a:hover,
#coordonnees > ul > li#newsletter li a:hover,
#coordonnees > ul > li:nth-child(2) li a:focus,
#coordonnees > ul > li#newsletter li a:focus {
    text-decoration: none;
    border: none;
}

#coordonnees > ul > li:last-child a {
    color: #353535;
    font-weight: 700;
}

#coordonnees > ul > li:last-child a::before {
    content: "[ ";
}

#coordonnees > ul > li:last-child a::after {
    content: " ]";
}


#coordonnees #contact-footer {
    display: block;
    margin-top: 15px;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONTACT
--------------------------------------------------------------------------------------------------------------*/
.overlay-contact .pb-ajax {
    display: flex;
    justify-content: center;
}
.overlay-contact .field input[type="text"][size] {
    width: 100%;
}
.overlay-contact .field input {
    height: 25px;
    border-radius: 2px;
    border: 1px solid #353535;
}
.overlay-contact label {
    font-size: 0.8rem;
}
@media only screen and (min-width: 1300px) {
    .overlay-contact .pb-ajax {
        padding: 40px 20px;
    }
}
/*--------------------------------------------------------------------------------------------------------------
	== SITE ACTION
--------------------------------------------------------------------------------------------------------------*/
#portal-siteactions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    clear: none;
    float: none;
    padding: 0;
    border: none;
    color: #fff;
    font-size: 1.3em;
}

#portal-siteactions li {
    display: inline-block;
    margin: 0 15px;
    color: #353535;
}

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

#portal-siteactions li a:hover,
#portal-siteactions li a:focus {
    border: none;
    background: none;
    color: #000;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	=  ADMINISTRATION
*/
/*------------------------------------------------------------------------------------------------------------*/

#below-content-title,
.managePortletsBelowTitleLink,
#edit-bar {
    margin: auto;
    max-width: 1150px;
}

.userrole-authenticated #portal-column-content #content form > div,
.userrole-authenticated #portal-column-content #content form > fieldset > div,
.userrole-authenticated #portal-column-content #content form#edit_form > div.field {
    top: auto !important;
}

#babel-edit #fieldset-default .field, #babel-edit #frame-content .field {
    top: auto !important;
}

#babel-edit #frame-content,
.userrole-authenticated #portal-column-content #content form > fieldset {
    height: auto !important;
}

.template-overview-controlpanel #portal-top {
    height: auto !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PALETTE
--------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet.portletPaletteAdministration dd,
dl.portlet.portletPaletteAdministration dd {
    display: inline-block;
    margin: 0 20px 0 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== EDIT BAR
--------------------------------------------------------------------------------------------------------------*/
.template-dashboard #edit-bar {
    display: none;
}

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

#edit-bar {
    height: auto;
}

#edit-bar::after {
    content: "";
    display: block;
    clear: both;
}

#edit-bar > ul > li,
#edit-bar > div > ul > li {
    display: inline-block;
}

#edit-bar > div > ul > li dl {
    margin-bottom: 0 !important;
}

.userrole-authenticated #portal-column-content #content form > fieldset div.field textarea,
.userrole-authenticated #portal-column-content #content form > fieldset div.field > select,
.userrole-authenticated #portal-column-content #content form > fieldset div.widget select,
.userrole-authenticated #portal-column-content #content form > div.field > input[type="text"],
.userrole-authenticated #portal-column-content #content form > fieldset div.field > input[type="text"],
.userrole-authenticated #portal-column-content #content form > fieldset div.widget > input[type="text"] {
    padding: 5px;
    width: auto;
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTONS PORTLETS
--------------------------------------------------------------------------------------------------------------*/
.manageInHeaderPortletsLink {
    position: absolute;
    top: 80px;
    left: 10px;
    z-index: 2;
}

.managePortletsAboveLink {
    position: relative;
    z-index: 2;
}


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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1300px) {
    #visual-portal-wrapper > h1 {
        font-size: 6.5vw;
    }

    /* PORTLETS */
    .boutons-univers ul li a {
        font-size: 1.3vw;
    }
}

@media only screen and (max-width: 1230px) {
    #portal-logo {
        width: 14%;
    }

    .section-accueil #portal-column-content #content,
    .section-home #portal-column-content #content {
        padding-left: 0;
        padding-right: 0;
    }

    #portal-breadcrumbs,
    #portal-column-content {
        max-width: 800px;
    }

    /**/
    .section-jeunes-talents #portletPageTopRow > div,
    .section-jeunes-talents #portletPageFirstColumn > div,
    .section-jeunes-talents #portletPageBottomRow,
    .section-young-talents #portletPageTopRow > div,
    .section-young-talents #portletPageFirstColumn > div,
    .section-young-talents #portletPageBottomRow,
    .section-chant-choral.portaltype-portlet-page #portal-columns,
    .section-choral-singing.portaltype-portlet-page #portal-columns {
        max-width: 92%;
    }

}

@media only screen and (max-width: 1024px) {
    #portal-breadcrumbs,
    #portal-column-content {
        max-width: 650px;
    }

    /* SOMMAIRE */
    #portal-column-content #content-core .tileItem {
        width: 47%;
    }

    #portal-column-content #content-core .tileItem:nth-child(even) {
        float: right;
    }

    #portal-column-content #content-core .tileItem:nth-child(odd) {
        clear: both;
    }

    #portal-column-content .sanscolonne #content-core .tileItem:nth-child(3n) {
        float: inherit;
    }

    #portal-column-content .sanscolonne #content-core .tileItem:nth-child(3n+1) {
        clear: none;
    }

    #portal-column-content .sanscolonne #content-core .tileItem:nth-child(3n+1) + .tileItem {
        margin: 0;
    }

    /* PORTLETS */
    .edito {
        float: none;
        width: auto;
    }

    /* NAVIGATION FIXE MINI */
    #portal-navigation-fixe {
        text-align: right;
    }

    /* boutons */
    #portal-navigation-fixe > a {
        display: inline-block;
        padding: 10px;
        font-size: 3em;
        font-family: 'fontawesome';
        color: #fff;
    }

    #portal-navigation-fixe > a:hover,
    #portal-navigation-fixe > a:focus {
        text-decoration: none;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    #portal-navigation-fixe ul#portal-globalnav-fixe:target + a {
        position: absolute;
        display: block;
        font-size: 2.5rem;
        line-height: 0.7;
        color: white;
        background: #5f554c;
        padding: 10px;
        top: 0;
        right: 0;
        font-weight: 600;
    }
    .portal-nav {

    }
    /* menu */
    #portal-navigation-fixe ul { /* on masque sur la version > 800 */
        position: absolute;
        top: 100%;
        right: 0;
        width: 200px;
        background: rgba(95, 85, 76, 0.8);
        opacity: 0;
        visibility: hidden;

        -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-navigation-fixe > a:hover + div ul#portal-globalnav-fixe,
    #portal-navigation-fixe ul#portal-globalnav-fixe:hover,
    #portal-navigation-fixe ul#portal-globalnav-fixe:target { /* on affiche au clic sur le bouton menu */
        opacity: 1;
        visibility: visible;
    }

    #portal-navigation-fixe ul#nav-cache-fixe:target { /* on masque au clic sur le bouton fermer */
        display: none;
    }

    #portal-globalnav-fixe > li {
        display: block;
        float: none;
        margin: 0;
        width: auto;
    }

    #portal-globalnav-fixe > li a {
        padding: 10px;
        border-top: 2px solid #fff;
        font-size: 1.4em;
    }

    #portal-globalnav-fixe > li a:hover,
    #portal-globalnav-fixe > li a:focus {
        background: #5f554c;
    }

    #portal-globalnav-fixe > li a::after {
        display: none;
    }

    #portal-globalnav-fixe > li ul.submenu {
        display: none !important;
    }

    /* PLAN DU SITE */
    #portal-column-content #content-core #portal-sitemap > li:nth-child(3),
    #portal-column-content #content-core #portal-sitemap > li:nth-child(4),
    #portal-column-content #content-core #portal-sitemap > li:nth-child(5) {
        clear: both;
        float: none;
        margin-left: 0;
        width: 100%;
    }


    /* FOOTER */
    #coordonnees > ul > li {
        margin: 0 0 20px;
        width: 48%;
    }

    #coordonnees > ul > li + li {
        float: right;
        margin: 0;
    }

    #coordonnees > ul > li:last-child {
        float: none;
        margin: 0;
        width: 100%;
        text-align: right;
    }
}

@media only screen and (max-width: 900px) {
    /* PORTLETS */
    dl.portlet.portletNavigationTree {
        float: left;
        width: 31%;
    }

    #portal-column-two .boutons-univers {
        float: right;
        width: 60%;
    }

    #portal-column-two .boutons-univers ul li {
        float: left;
        width: 46%;
    }

    #portal-column-two .boutons-univers ul li + li {
        float: right;
    }

    #portal-column-two .boutons-univers ul li a {
        font-size: 1.3em;
    }

    #portal-column-two .boutons-univers ul li a strong {
        font-size: 2em;
    }

    #portal-columns .programme-masterclass ul li {
        margin: 0 0 20px;
        width: 24.5%;
    }

    #portal-columns .liste-temoignages ul li {
        margin-top: 1px;
        width: 33.1%;
    }

    #portal-columns .liste-temoignages ul li.depot {
        float: left;
        margin-top: 1px;
    }

    .section-jeunes-talents .recherche,
    .section-young-talents .recherche {
        margin-bottom: 40px;
        /*width: 49%;*/
    }

    .liste-concerts {
        float: none;
        width: auto;
    }

    .liste-concerts ul {
        overflow: hidden;
    }

    #portal-columns .liste-concerts ul li {
        float: left;
        width: 49%;
    }

    #portal-columns .liste-concerts ul li + li {
        float: right;
    }

    /* STRUCTURE */
    #portal-column-two {
        position: relative;
        top: auto;
        right: auto;
        margin: auto;
        padding: 0 40px;
        max-width: 650px;
    }

    /* NAVIGATION MINI */
    #portal-navigation {
        text-align: right;
    }

    /* boutons */
    #portal-navigation > a {
        display: inline-block;
        padding: 10px;
        font-size: 3em;
        font-family: 'fontawesome';
        color: #fff;
    }

    #portal-navigation > a:hover,
    #portal-navigation > a:focus {
        text-decoration: none;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    #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 */
        position: absolute;
        top: 100%;
        right: 0;
        width: 200px;
        background: rgba(95, 85, 76, 0.8);
        opacity: 0;
        visibility: hidden;
        -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-navigation > a:hover + div ul#portal-globalnav,
    #portal-navigation ul#portal-globalnav:hover,
    #portal-navigation ul#portal-globalnav:target { /* on affiche au clic sur le bouton menu */
        opacity: 1;
        visibility: visible;
    }

    #portal-navigation ul#nav-cache:target { /* on masque au clic sur le bouton fermer */
        display: none;
    }

    #portal-globalnav > li {
        display: block;
        float: none;
        margin: 0;
        width: auto;
    }

    #portal-globalnav > li a {
        padding: 10px;
        border-top: 2px solid #fff;
        font-size: 1.4em;
    }

    #portal-globalnav > li a:hover,
    #portal-globalnav > li a:focus {
        background: #5f554c;
    }

    #portal-globalnav > li a::after {
        display: none;
    }

    #portal-globalnav > li ul.submenu {
        display: none !important;
    }

    /* FOOTER */
    #coordonnees > ul > li:first-child {
        margin-top: 30px;
    }
    #coordonnees > ul > li,
    #coordonnees > ul > li + li {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .video-home {
        margin-bottom: 50px;
    }

    .video-home,
    .a-la-une {
        float: none;
        width: auto;
    }

    #portal-columns .liste-professeurs .bx-wrapper {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    #portal-columns .liste-professeurs .portletSubTitle {
        display: block;
        margin: 20px auto 0;
        padding: 10px;
        width: 50%;
    }

    #portal-columns .liste-professeurs .portletSubTitle span {
        position: relative;
    }

    .liste-professeurs .portletSubTitle::before,
    .liste-professeurs .portletSubTitle span::before {
        display: none;
    }


    /* CKEDITOR */
    #portal-column-content #content-core div[id^="parent-fieldname-text"] p.exergue {
        margin-left: -70px;
    }

    #portal-column-content #content-core div[id^="parent-fieldname-text"] p.image-100 {
        margin-left: -70px;
        margin-right: -70px;
    }

}

@media only screen and (max-width: 800px) and (orientation: portrait) {
    .portaltype-portlet-page #portlets-above .boutons-univers ul li {
        display: block;
        margin: 20px auto;
    }

    .portaltype-portlet-page .boutons-univers ul li a {
        font-size: 1.8vw;
    }

    /* STRUCTURE */
    .section-chant-choral #portletPageFirstColumn,
    .section-chant-choral #portletPageSecondColumn,
    .section-choral-singing #portletPageFirstColumn,
    .section-choral-singing #portletPageSecondColumn {
        float: none;
        width: auto;
    }

}

@media only screen and (max-width: 600px) {
    /* PORTLETS */
    .decouvrir {
        display: none;
    }

    #content .a-la-une ul li,
    #content .a-la-une ul li:nth-child(2) {
        display: block;
        margin: 0 0 20px;
        width: auto;
    }

    dl.portlet.portletNavigationTree,
    #portal-column-two .boutons-univers,
    #portal-column-two .boutons-univers ul li,
    #portal-column-two .boutons-univers ul li + li {
        float: none;
        width: auto;
    }

    .portaltype-portlet-page .boutons-univers {
        position: relative;
        top: auto;
        margin: 20px 0;
    }

    .portaltype-portlet-page #portlets-above .boutons-univers ul li {
        margin: 5px 0;
        width: auto;
    }

    .portaltype-portlet-page #portlets-above .boutons-univers ul li {
    }

    .portaltype-portlet-page .boutons-univers ul li a {
        font-size: 3.8vw;
    }

    .portlet-embed-add-this {
        margin: 10px 0 30px;
        text-align: left;
    }

    .portlet-embed-add-this div.addthis_toolbox a span::before {
        color: #000;
        text-shadow: none;
    }

    .programme-masterclass h2.seul + ul {
        display: block;
    }

    .programme-masterclass ul li p > span::after {
        margin: 10px 0 0;
    }

    .section-jeunes-talents .liste-temoignages .entete,
    .section-young-talents .liste-temoignages .entete,
    .section-chant-choral .liste-temoignages .entete,
    .section-choral-singing .liste-temoignages .entete {
        width: 100%;
    }

    .section-jeunes-talents .liste-temoignages .entete + a,
    .section-young-talents .liste-temoignages .entete + a,
    .section-chant-choral .liste-temoignages .entete + a,
    .section-choral-singing .liste-temoignages .entete + a {
        width: auto;
    }

    #portal-columns .liste-temoignages ul li,
    #portal-columns .liste-temoignages ul li.depot {
        float: none;
        margin-top: 1px;
        width: auto;
    }

    #portal-columns .liste-temoignages ul li.depot::before {
        display: none;
    }

    #portal-columns .liste-temoignages ul li.depot a {
        position: relative;
        padding: 10% 0;
    }

    .section-jeunes-talents .recherche,
    .section-young-talents .recherche {
        float: none;
        margin-bottom: 40px;
        width: auto;
    }

    #portal-columns .liste-concerts ul li,
    #portal-columns .liste-concerts ul li + li {
        float: none;
        width: auto;
    }

    .section-jeunes-talents .a-la-une,
    .section-young-talents .a-la-une,
    .actions-mecenats {
        float: none;
        width: auto;
    }

    .programme-masterclass h2,
    .programme-masterclass ul {
        padding: 0;
        text-align: left;
    }

    #portal-columns .programme-masterclass ul li {
        display: block;
        padding: 0;
        width: auto;
        text-align: left;
    }

    #portal-columns .programme-masterclass ul li p {
        max-width: none;
    }

    .programme-masterclass ul li p::after {
        margin: 10px 0 0;
    }

    #portal-columns .programme-masterclass ul li p,
    #portal-columns .programme-masterclass ul li:hover p {
        margin: 0 0 30px;
    }

    #portal-columns .liste-professeurs .portletSubTitle {
        width: auto;
    }

    .masterclass-animees,
    .professeurs {
        padding: 0 20px;
    }

    .liste-oeuvres,
    .liste-stages {
        padding: 30px 0;
    }

    .liste-oeuvres ul li {
        float: none;
        width: auto;
    }

    .liste-oeuvres ul li + li {
        margin: 20px 0 0 !important;
    }

    /* HEADER */
    #portal-logo {
        width: 20%;
    }

    .section-accueil #visual-portal-wrapper > h1,
    .section-home #visual-portal-wrapper > h1,
    #visual-portal-wrapper > h1 {
        padding: 0 20px;
        max-width: none;
        font-size: 11.5vw;
    }

    #portal-top {
        position: relative;
    }

    #portal-logo,
    #portal-navigation,
    #portal-searchbox {
        display: none;
    }

    #menu-fixe > a {
        padding: 5px 10px;
        width: 190px;
    }

    #portal-navigation-fixe ul {
        width: 100%;
        text-align: right;
    }

    /* STRUCTURE */
    .section-accueil #portal-column-content #content,
    .section-home #portal-column-content #content {
        padding: 0;
    }

    #portal-column-content #content,
    #portal-column-two,
    #portal-column-one {
        float: none;
        padding: 20px 0;
        width: auto;
    }

    .section-jeunes-talents #portletPageTopRow > div,
    .section-jeunes-talents #portletPageFirstColumn > div,
    .section-jeunes-talents #portletPageBottomRow,
    .section-young-talents #portletPageTopRow > div,
    .section-young-talents #portletPageFirstColumn > div,
    .section-young-talents #portletPageBottomRow,
    .section-chant-choral #portal-columns,
    .section-choral-singing #portal-columns {
        max-width: none;
    }

    .section-chant-choral #portletPageFirstColumn,
    .section-chant-choral #portletPageSecondColumn,
    .section-choral-singing #portletPageFirstColumn,
    .section-choral-singing #portletPageSecondColumn {
        float: none;
        width: auto;
    }

    /* SOMMAIRE */
    #portal-column-content #content-core .tileItem {
        float: none !important;
        margin: 0 0 20px !important;
        width: auto;
    }

    /* ELEMENTS CONTENU */
    .section-accueil #visual-portal-wrapper > h1,
    .section-home #visual-portal-wrapper > h1,
    #portal-breadcrumbs {
        display: none;
    }

    #visual-portal-wrapper > h1 {
        padding: 0;
        color: #000;
        text-shadow: none;
        text-align: left;
    }

    .portaltype-portlet-page .documentDescription,
    dl.portlet.intro-chant-choral .portletItem,
    .intro-chant-choral .portletItem p {
        margin: 20px 0;
        padding: 0;
        color: #000;
        text-shadow: none;
        text-align: left;
    }

    #portlets-above .intro-chant-choral .portletItem a,
    #portlets-above .intro-chant-choral .portletItem a:hover {
        color: #000 !important;
        border-color: #000 !important;
    }

    #portal-column-content .disciplines + .documentDescription {
        margin-top: 10px;
    }

    #portal-column-content .disciplines {
        margin: 0;
    }

    #portal-column-content .photo-profil {
        display: block;
        float: none;
        margin: 0 0 5px;
    }

    #portal-column-content .date-element {
        line-height: 1;
    }

    #pfg-fieldwrapper fieldset .field,
    #pfg-fieldwrapper fieldset .field:nth-child(2n) {
        float: none;
        width: auto;
    }

    /* PLAN DU SITE */
    #portal-column-content #content-core #portal-sitemap > li:nth-child(1),
    #portal-column-content #content-core #portal-sitemap > li:nth-child(2) {
        clear: both;
        float: none;
        width: 100%;
    }

    /* FOOTER */
    #coordonnees {
        padding: 20px;
    }

    #coordonnees > ul > li {
        padding: 0;
    }

    #coordonnees > ul > li::before {
        position: relative;
        display: block;
        margin: 0 0 10px;
    }

    #coordonnees > ul > li strong {
        font-size: 1.5em;
    }

    #coordonnees > ul > li li {
        margin: 0 0 10px;
    }

    #coordonnees > ul > li:last-child {
        text-align: left;
    }

    /* CKEDITOR */
    #portal-column-content #content-core div[id^="parent-fieldname-text"] h2 {
        font-size: 2em;
    }

    #portal-column-content #content-core div[id^="parent-fieldname-text"] p.exergue {
        float: none;
        margin: 20px 0;
        width: auto;
        font-size: 1.2em;
    }

    #portal-column-content #content-core div[id^="parent-fieldname-text"] p.image-100 {
        margin-left: 0;
        margin-right: 0;
    }

    #portal-column-content #content-core div[id^="parent-fieldname-text"] img.image-deborde {
        float: none;
        display: block;
        margin: 10px 0;
    }
}

/*@media only screen and (max-width: 800px){
		body{
			font-size:100%;
		}



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

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

.template-listing_view #portal-column-content #content-core {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}