/**************************************************************************************************************/
/*
			LES CHARTREUX  - couleur college

			#b11c1c - principale
			#f37520 - claire
			#4b1313 - sombre

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

/*
    MENU ACTIF
*/
.site-etb ul li.nos-colleges::before{
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: -8px;
    height: 16px;
    background: #fff;
}
.site-etb ul li.nos-colleges::after {
    content: '▼';
    position: absolute;
    bottom: -5px;
    left: 20px;
    color:#b11c1c!important;
    font-size: 2.2em;
}

/*
    LOCALISATION ETB
*/

/*
    IMAGES
*/
#portletPageColumns .navigation-speciale dd > ul > li > a.titre::before {
	background-position: -54px -27px;
}
dl.portlet.portletNavigationTree ul li ul li.navTreeItem{
	background-image: url("../images/chevron-college2.png");
}
dl.portlet.portletNavigationTree ul li ul li.navTreeItem.navTreeCurrentNode{
	background-image: url("../images/chevron-college.png");
}

/*
    COULEURS
*/
.edito h2,
.edito p,
.etablissements .entete,
dl.portlet.portletNavigationTree ul li a,
dl.portlet.portletNavigationTree ul li ul li a:hover,
dl.portlet.portletNavigationTree ul li ul li a:focus,
dl.portlet.portletNavigationTree ul li ul li a.navTreeCurrentItem,
#portal-column-content h1,
#portal-column-content #content-core .tileItem h2 a,
#portal-column-content #content-core .tileItem h2 a:hover,
#portal-column-content #content-core .tileItem h2 a:focus,
#portal-column-content #content-core .tileItem .documentByLine,
#portal-column-content #content-core #search-results dl dt a,
#portal-column-content #content-core #portal-sitemap > li > div > a,
#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a,
#portal-column-content #content-core #portal-sitemap li li li a,
#portal-column-content #content-core div[id^="parent-fieldname-text"] .texte2,
#portal-column-content #content-core div[id^="parent-fieldname-text"] h2,
#portal-column-content #content-core div[id^="parent-fieldname-text"] h3,
#portal-column-content #content-core div[id^="parent-fieldname-text"] h4,
#portal-column-content #content-core div[id^="parent-fieldname-text"] h5,
#portal-column-content #content-core div[id^="parent-fieldname-text"] h6,
#content a:hover{
	color:#b11c1c!important;
}
.site-etb,
#portletPageColumns .navigation-speciale dd > ul > li > a.titre,
#portal-column-content .portletEmbed.portlet-embed-add-this a,
#portal-searchbox form,
#portal-column-content #content-core .tileItem .audio-player audio,
#portal-column-content #content-core #search-results dl dt a::before,
#portal-column-content #content-core #parent-fieldname-eventUrl:hover,
#portal-column-content #content-core #parent-fieldname-eventUrl:focus,
#portal-column-content #content-core #portal-sitemap > li > div > a::before,
#portal-footer,
#portal-column-content #content-core div[id^="parent-fieldname-text"] .texte1,
#portal-column-content #content-core div[id^="parent-fieldname-text"] h2::before,
#portal-column-content #content-core div[id^="parent-fieldname-text"] h3::before,
#portal-column-content #content-core div[id^="parent-fieldname-text"] h4::before,
#portal-column-content #content div[id^="parent-fieldname-text"] a.bouton,
#portletPageColumns .etablissements .maps-listing-items > li{
	background:#b11c1c;
}
#portletPageColumns .navigation-speciale dd > ul > li > a.titre,
#portal-column-content #content-core .tileItem::before,
#portal-column-content #content-core .tileItem:hover::before{
	border-color: #b11c1c;
}
#portal-column-content .portletEmbed.portlet-embed-add-this a:hover,
#portal-column-content .portletEmbed.portlet-embed-add-this a:focus,
dl.portlet.portletNavigationTree ul li::after,
#portal-column-content #content-core .eventDetails::before,
#portal-column-content #content-core .eventDetails::after,
#portal-column-content .voir-le-calendrier a:hover,
#portal-column-content .voir-le-calendrier a:focus,
#portal-column-content .retour-agenda:hover,
#portal-column-content .retour-agenda:focus{
	background: #f37520;
}
#portal-globalnav > li#portaltab-fonds-de-dotation > a,
#portal-globalnav > li#portaltab-inscriptions > a,
.edito li > p::before,
#contportletPageColumnsent .navigation-speciale dd > ul > li > a.illustration:hover + a.titre,
#portletPageColumns .navigation-speciale dd > ul > li > a.titre:hover,
#portletPageColumns .navigation-speciale dd > ul > li > a.titre:focus,
dl.portlet.portletNavigationTree ul li.navTreeTopNode a,
dl.portlet.portletNavigationTree ul li a:hover,
dl.portlet.portletNavigationTree ul li a:focus,
dl.portlet.portletNavigationTree ul li a.navTreeCurrentItem,
dl.portlet.portletNavigationTree ul li a.navTreeItemInPath,
dl.portlet.portletNavigationTree ul li ul li a,
.portaltype-portlet-page #portal-column-content #content > div[id^="parent-fieldname-text"]::before,
#portal-column-content #content-core .eventDetails,
#portal-column-content #content-core .eventDetails ul li a,
#portal-column-content #content-core .eventDetails ul li a:hover,
#portal-column-content #content-core .eventDetails ul li a:focus{
	color: #f37520!important;
}
.onglets-bandeau ul li,
#portletPageColumns .navigation-speciale dd > ul > li ul li a.titre:hover,
#portletPageColumns .navigation-speciale dd > ul > li ul li a.titre:focus,
#portal-searchbox form > div input[type=submit],
#portal-column-content #content-core #parent-fieldname-eventUrl,
#portal-column-content .voir-le-calendrier a,
#portal-column-content .retour-agenda{
	background:#4b1313;
}
#portletPageColumns .navigation-speciale dd > ul > li ul li{
	background: rgba(75, 19, 19, 0.8);
}

/*
    RESPONSIVE
*/
@media only screen and (max-width: 800px) {
    .site-etb ul li.nos-colleges::before {
        left: 5px;
        right: 5px;
    }
}
@media only screen and (max-width: 600px) {
    .site-etb ul li.nos-colleges::before,
    .site-etb ul li.nos-colleges::after {
        display: none;
    }
    #portal-top,
    .portaltype-portlet-page #portal-top,
    .site-etb ul li:hover,
    #portletPageColumns .navigation-speciale dd > ul > li ul{
        background: #b11c1c;
    }
    .site-etb ul{
        background:#4b1313;
    }
}