/* ============================================================
> FEUILLE DE STYLE CSS PERSONALISEE - THEME JAUNE
============================================================== */


/* -> COULEURS
============================================================== */


/* Foncé <===---> Clair
------------------------------------------------------------------------
Jaune		| #bcb951 | #ebe765 | #f1ee94 | #f5f3b2 | #faf9d8 => @yellow
------------------------------------------------------------------------ */


/* -> TITRES
============================================================== */

.yellow h1 {
	color: #ebe765;
}
.yellow h2 {
	color: #ebe765;
	border-color: #ebe765;
}
.yellow h2:before {
	background-color: #ebe765;
}
.yellow h3 {
	color: #434242;
}
.yellow h4 {
	color: #434242;
}

/* -> SÉPARATEURS
============================================================== */

.yellow hr {
	background-color: #ebe765;
}

/* -> LISTES
============================================================== */

.yellow .content ul > li:before {
	color: #ebe765;
}
.yellow .content ul > li > ul > li:before {
	color: #f1ee94;
}

/* -> BOUTONS
============================================================== */


/* Couleurs
------------------------------------ */


/* Default & Primary */

.yellow .btn-default,
.yellow .btn-primary {
	background-color: #ebe765;
}
.yellow .btn-default:active,
.yellow .btn-default:focus,
.yellow .btn-default:hover,
.yellow .btn-primary:active,
.yellow .btn-primary:focus,
.yellow .btn-primary:hover {
	background-color: #bcb951;
}

/* -> TABLEAUX
============================================================== */


/*.yellow .table tr th {
    color: #ebe765;
}
.yellow .table tr:nth-of-type(even) th {
    color: #ebe765;
}*/

.yellow .table thead th,
.yellow .table tr.thead th {
	background-color: #ebe765;
}
.yellow .table tfoot th,
.yellow .table tr.tfoot th {
	color: #bcb951;
	background-color: #f1ee94;
}

/* -> FORMULAIRES
============================================================== */

.yellow legend {
	color: #ebe765;
}
.yellow label {
	color: #ebe765;
}
.yellow .form-control {
	color: #ebe765;
	border-color: #ebe765;
}
.yellow .input-group-addon {
	background: #ebe765;
}

/* -> IMAGES
============================================================== */


/* Caption
------------------------------------ */

.yellow figure.image .caption p strong {
	color: #ebe765;
}

/* Hover
------------------------------------ */

.yellow .hover-info,
.yellow .hover-info.empty {
	background-color: rgba(242, 188, 37, 0.5);
}

/* -> CAROUSEL
============================================================== */

.yellow .carousel .carousel-control {
	color: #bcb951;
}
.yellow .carousel .carousel-control:hover {
	color: #ebe765;
}
.carousel .carousel-indicators li.active.yellow,
.yellow .carousel .carousel-indicators li.active {
	background-color: #bcb951;
}
.carousel .carousel-inner .item.yellow,
.yellow .carousel .carousel-inner .item {
	background-color: #f1ee94;
}
.carousel .carousel-inner .item.yellow .container .carousel-caption,
.yellow .carousel .carousel-inner .item .container .carousel-caption {
	background-color: #f1ee94;
	color: #bcb951;
}
.carousel .carousel-inner .item.yellow .container .carousel-caption p,
.yellow .carousel .carousel-inner .item .container .carousel-caption p,
.carousel .carousel-inner .item.yellow .container .carousel-caption a,
.yellow .carousel .carousel-inner .item .container .carousel-caption a,
.carousel .carousel-inner .item.yellow .container .carousel-caption li,
.yellow .carousel .carousel-inner .item .container .carousel-caption li {
	color: #bcb951;
}
.carousel .carousel-inner .item.yellow .container .carousel-caption .date,
.yellow .carousel .carousel-inner .item .container .carousel-caption .date {
	background-color: #bcb951;
}
.carousel .carousel-inner .item.yellow .container .carousel-caption h2,
.yellow .carousel .carousel-inner .item .container .carousel-caption h2 {
	color: #bcb951;
	border-color: #bcb951;
}
.carousel .carousel-inner .item.yellow .container .carousel-caption h2:before,
.yellow .carousel .carousel-inner .item .container .carousel-caption h2:before {
	background-color: #bcb951;
}
.carousel .carousel-inner .item.yellow .container .carousel-caption ul.infos > li > a,
.yellow .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a {
	color: #bcb951;
}
.carousel .carousel-inner .item.yellow .container .carousel-caption ul.infos > li > a:hover,
.yellow .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a:hover {
	color: #ebe765;
}
.carousel .carousel-inner .item.yellow .container .carousel-caption .btn,
.yellow .carousel .carousel-inner .item .container .carousel-caption .btn {
	background-color: #bcb951;
}
.carousel .carousel-inner .item.yellow .container .carousel-caption .btn:hover,
.yellow .carousel .carousel-inner .item .container .carousel-caption .btn:hover {
	background-color: #ebe765;
}

/* -> FIL D'ARIANE
============================================================== */

/* Content version
------------------------------------ */

.yellow .breadcrumb ul li:before,
.yellow .content ul.breadcrumb li:before {
	color: #ebe765;
}
.yellow .breadcrumb ul li > span,
.yellow .content ul.breadcrumb li > span {
	color: #ebe765;
}
.yellow .breadcrumb .breadcrumb ul li > a:hover,
.yellow .breadcrumb .content ul.breadcrumb li > a:hover {
	color: #ebe765;
}

/* Header version
------------------------------------ */

/*.yellow .breadcrumb-section {
	background-color: #ebe765;
}
.yellow .breadcrumb-section .breadcrumb ul li > a,
.yellow .breadcrumb-section .content ul.breadcrumb li > a {
	color: #faf9d8;
}
.yellow .breadcrumb-section .breadcrumb ul li > span,
.yellow .breadcrumb-section .content ul.breadcrumb li > span {
	color: #ebe765;
	background-color: #faf9d8;
}*/

/* -> BOUTON D'IMPRESSION ET TAILLE DES CARACTERES
============================================================== */

.yellow .controls li > a:hover {
	background-color: #f1ee94 !important;
}
.yellow .controls li.pdf > a:before,
.yellow .controls li.rss > a:before,
.yellow .controls li.print > a:before {
	color: #ebe765;
}
.yellow .controls li.fontsize_increase > a,
.yellow .controls li.fontsize_decrease > a {
	background-color: #ebe765;
}

/* -> TITRE DE LA PAGE (uniquement en page d'accueil)
============================================================== */

.yellow .pagetitle {
	background-color: #ebe765;
}
.yellow .pagetitle h2 {
	background-color: #ebe765;
}

/* -> SIDEBAR
============================================================== */


/* -> Sidebar Panels
-------------------------------------------- */

.yellow .sidebar .panel .panel-heading {
	background: #ebe765;
}

/* TYPO3 Heading Frame (for News & Calendar)
-------------------------------------------- */


/* panel-heading (equivalent) */

.yellow .sidebar .frame-type-list > h1,
.yellow .sidebar .frame-type-list > h2 {
	background: #ebe765;
}

/* Menu (barre latérale)
------------------------------------ */


/* Niveau 1 */

.yellow .nav.nav-stacked > li a:before {
	color: #ebe765;
}
.yellow .nav.nav-stacked > li.active > a:before,
.yellow .nav.nav-stacked > li.current > a:before,
.yellow .nav.nav-stacked > li.active > a,
.yellow .nav.nav-stacked > li.current > a,
.yellow .nav.nav-stacked > li > a:hover,
.yellow .nav.nav-stacked > li > a:focus,
.yellow .nav.nav-stacked > li.active > a:hover,
.yellow .nav.nav-stacked > li.current > a:hover,
.yellow .nav.nav-stacked > li > a:hover:before,
.yellow .nav.nav-stacked > li > a:focus:before,
.yellow .nav.nav-stacked > li.active > a:hover:before {
	color: #bcb951;
	/*background-color: #f5f3b2;*/
}

/* Niveau 2 */

.yellow .nav.nav-stacked > li > .nav.nav-list > li > a:hover,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > a:focus,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > a:hover:before,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > a:focus:before,
.yellow .nav.nav-stacked > li > .nav.nav-list > li.active > a,
.yellow .nav.nav-stacked > li > .nav.nav-list > li.current > a,
.yellow .nav.nav-stacked > li > .nav.nav-list > li.active > a:hover,
.yellow .nav.nav-stacked > li > .nav.nav-list > li.current > a:hover,
.yellow .nav.nav-stacked > li > .nav.nav-list > li.active > a:before,
.yellow .nav.nav-stacked > li > .nav.nav-list > li.current > a:before,
.yellow .nav.nav-stacked > li > .nav.nav-list > li.active > a:hover:before {
	color: #ebe765;
}

/* Niveau 3 */

.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li > a:hover,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li > a:focus,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li > a:hover:before,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li > a:focus:before,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li.active > a,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li.current > a,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li.active > a:hover,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li.current > a:hover,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li.active > a:before,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li.current > a:before,
.yellow .nav.nav-stacked > li > .nav.nav-list > li > ul > li.active > a:hover:before {
	color: #ebe765;
}

/* -> BOOTSTRAP TABS
============================================================== */

.yellow .nav-tabs > li > a {
	color: #bcb951;
	background-color: #f1ee94;
}
.yellow .nav-tabs > li > a:hover,
.yellow .nav-tabs > li > a:focus {
	background-color: #ebe765;
}
.yellow .nav-tabs > li.active > a,
.yellow .nav-tabs > li.active > a:hover,
.yellow .nav-tabs > li.active > a:focus {
	background-color: #ebe765;
}
.yellow .tab-content {
	border-color: #ebe765;
}

/* -> BOOTSTRAP PANELS GROUP
============================================================== */

.yellow .panel-group .panel .panel-heading a {
	color: #FFFFFF;
}

/* -> BOOTSTRAP PANELS
============================================================== */

/*.yellow .panel .panel-heading a {
    color: #f1ee94;
}
.yellow .panel .panel-heading a:hover {
    color: #bcb951;
}*/


/* Couleurs
------------------------------------ */


/* Default */

.yellow .panel-default .panel-heading {
	background-color: #ebe765;
}
.yellow .panel-default .panel-heading a {
	color: #f1ee94;
}
.yellow .panel-default .panel-heading a:hover {
	color: #bcb951;
}

/* -> FLASH INFO PANELS
============================================================== */


/* Couleurs
------------------------------------ */


/* Default */

.yellow .infos .panel-default .panel-body,
.yellow .infos .panel-default .panel-body p,
.yellow .infos .panel-default .panel-body li {
	color: #ebe765;
}

/* -> HOMEPAGE PANELS
============================================================== */

.yellow .homepage .panel .panel-heading {
	color: #ebe765;
	border-color: #ebe765;
}

/* -> CUSTOM PANELS
============================================================== */


/* Contact
------------------------------------ */

.yellow .panel.contact .panel-heading {
	color: #ebe765;
	border-color: #ebe765;
}
.yellow .panel.contact .panel-body h3 {
	background: #ebe765;
}
.yellow .panel.contact .panel-body h3:before {
	border-color: #ebe765;
}
.yellow .panel.contact .panel-body p .fa,
.yellow .panel.contact .panel-body ul li .fa {
	color: #ebe765;
}
.yellow .panel.contact .panel-body a:hover {
	color: #ebe765;
}

/* News
------------------------------------ */

.yellow .panel.newsticker .panel-body .control .btn {
	color: #ebe765;
}
.yellow .panel.newsticker .panel-body .control .btn:hover {
	color: #bcb951;
}
.yellow .panel.newsticker .panel-body .item {
	border-color: #ebe765;
}
.yellow .panel.newsticker .panel-body .item:last-child {
	border-color: #ebe765;
}
.yellow .panel.newsticker .panel-body .item .date p {
	color: #ebe765;
}
.yellow .panel.newsticker .panel-body .item a:hover {
	color: #ebe765;
}
.yellow .panel.newsticker .panel-body .item a:before {
	background-color: #ebe765;
}

/* Publications
------------------------------------ */

.yellow .panel.newsletter .panel-body .item {
	border-color: #ebe765;
}
.panel.newsletter .panel-body .item.yellow .title,
.yellow .panel.newsletter .panel-body .item .title {
	background-color: #faf9d8;
}
.panel.newsletter .panel-body .item.yellow .tooltip.right .tooltip-arrow,
.yellow .panel.newsletter .panel-body .item .tooltip.right .tooltip-arrow {
	border-right-color: #ebe765;
}
.panel.newsletter .panel-body .item.yellow .tooltip-inner,
.yellow .panel.newsletter .panel-body .item .tooltip-inner {
	background-color: #ebe765;
}

/* Titre de la catégorie */

.panel.newsletter .panel-body .item.yellow .title > .fa,
.yellow .panel.newsletter .panel-body .item .title > .fa {
	color: #ebe765;
}
.panel.newsletter .panel-body .item.yellow .title h3,
.yellow .panel.newsletter .panel-body .item .title h3 {
	color: #ebe765;
}

/* Liste des publications */

.panel.newsletter .panel-body .item.yellow .news ul li a:hover,
.yellow .panel.newsletter .panel-body .item .news ul li a:hover {
	color: #ebe765;
}
.panel.newsletter .panel-body .item.yellow .news ul li a:before,
.yellow .panel.newsletter .panel-body .item .news ul li a:before {
	background-color: #ebe765;
}

/* Bouton pour affichage liste */

.panel.newsletter .panel-body .item.yellow .more .btn,
.yellow .panel.newsletter .panel-body .item .more .btn {
	color: #ebe765 !important;
}
.panel.newsletter .panel-body .item.yellow .more .btn:hover,
.yellow .panel.newsletter .panel-body .item .more .btn:hover {
	color: #0B3C52 !important;
}

/* Agenda
------------------------------------ */

.yellow .panel.agenda .panel-body {
	border-color: #f1ee94;
}

/* Calendar */

.yellow .panel.agenda .panel-body div.calendar .table thead tr th {
	color: #ebe765;
	background: #f1ee94;
}
.yellow .panel.agenda .panel-body div.calendar .table thead tr th .btn .fa {
	color: #ebe765;
}
.yellow .panel.agenda .panel-body div.calendar .table thead tr th .btn:hover .fa {
	color: #bcb951;
}
.yellow .panel.agenda .panel-body div.calendar .table thead tr th span {
	color: #ebe765;
}
.yellow .panel.agenda .panel-body div.calendar .table tbody tr td span.today {
	background-color: #f1ee94;
}
.yellow .panel.agenda .panel-body div.calendar .table tbody tr td span.event {
	background-color: #ebe765;
}
.yellow .panel.agenda .panel-body div.calendar .table tbody tr td span.today.event {
	border-color: #f1ee94;
}
.yellow .panel.agenda .panel-body div.calendar .list-group .list-group-item a:hover {
	color: #ebe765;
}
.yellow .panel.agenda .panel-body div.calendar .list-group .list-group-item a:before {
	background-color: #ebe765;
}
.yellow .panel.agenda .panel-body div.calendar .list-group .list-group-item .time {
	color: #ebe765;
}

/* Zabuto Calendar */

.yellow .panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th {
	color: #ebe765;
	background: #f1ee94;
}
.yellow .panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th .fa:hover {
	color: #bcb951;
}
.yellow .panel.agenda .panel-body div.zabuto_calendar .table tr td.event div.day,
.yellow .panel.agenda .panel-body div.zabuto_calendar ul.legend li.event {
	background-color: #ebe765;
}
.yellow .panel.agenda .panel-body div.zabuto_calendar .badge-today,
.yellow .panel.agenda .panel-body div.zabuto_calendar div.legend span.badge-today {
	background-color: #f1ee94;
}

/* Zabuto Calendar Modal */

.yellow .modal .modal-header h4 {
	color: #ebe765;
	border-color: #ebe765;
}
.yellow .modal .modal-header h4:before {
	color: #ebe765;
	background-color: #ebe765;
}

/* -> ARTICLES (News & Events)
============================================================== */


/* Article
------------------------------------ */

.yellow .article {
	border-color: #ebe765;
}
.yellow .article h2 {
	border-color: #ebe765;
}
.yellow .article h2:before {
	background-color: #ebe765 !important;
}
.yellow .article h2,
.yellow .article h2 > a,
.yellow .article a > h2 {
	color: #ebe765 !important;
}
.yellow .article h2 > a:hover,
.yellow .article a:hover > h2 {
	color: #bcb951 !important;
}
.yellow .article .infos > li .fa {
	color: #ebe765;
}
.yellow .article .date {
	color: #ebe765;
}
@media (max-width: 991px) {
	.yellow .article .date {
		background-color: #ebe765;
	}
}
.yellow .article .btn,
.yellow .article .btn:active,
.yellow .article .btn:focus,
.yellow .article .btn:hover {
	background-color: #f1ee94;
}
.yellow .article .btn:hover {
	color: #bcb951 !important;
	background-color: #ebe765;
}
.yellow .article .btn:after {
	border-color: #ebe765;
}
.yellow .article .btn:hover:after {
	border-color: #f1ee94;
}

/* Article Detail */

.yellow .article-detail .infos > li .fa {
	color: #ebe765;
}
.yellow .article-detail .date {
	color: #bcb951;
	background-color: #f1ee94;
}

/* Pagination
------------------------------------ */

.yellow .article-pagination .pagination > li > a,
.yellow .article-pagination .pagination > li > span {
	background-color: #ebe765;
}
.yellow .article-pagination .pagination > li > a:focus,
.yellow .article-pagination .pagination > li > a:hover,
.yellow .article-pagination .pagination > li > span:focus,
.yellow .article-pagination .pagination > li > span:hover {
	background-color: #bcb951;
}
.yellow .article-pagination .pagination > .active > a,
.yellow .article-pagination .pagination > .active > a:focus,
.yellow .article-pagination .pagination > .active > a:hover,
.yellow .article-pagination .pagination > .active > span,
.yellow .article-pagination .pagination > .active > span:focus,
.yellow .article-pagination .pagination > .active > span:hover {
	background-color: #bcb951;
}
.yellow .article-pagination .pagination > .disabled > a,
.yellow .article-pagination .pagination > .disabled > a:focus,
.yellow .article-pagination .pagination > .disabled > a:hover,
.yellow .article-pagination .pagination > .disabled > span,
.yellow .article-pagination .pagination > .disabled > span:focus,
.yellow .article-pagination .pagination > .disabled > span:hover {
	color: #f1ee94;
	background-color: #faf9d8;
}
.yellow .article-pagination .btn {
	background-color: #ebe765;
}
.yellow .article-pagination .btn:focus,
.yellow .article-pagination .btn:hover {
	background-color: #bcb951;
}

/* Catégories
------------------------------------ */

.yellow .article-filter .categories li .btn {
	background-color: #ebe765;
}
.yellow .article-filter .categories li.all .btn {
	background-color: #434242;
}
.yellow .article-filter .categories li .btn:hover {
	background-color: #bcb951;
}

/* -> PAGES
============================================================== */


/* Titres */

.yellow .content h1,
.yellow .content h1 a {
	color: #ebe765;
}
.yellow .content h2,
.yellow .content h2 a {
	color: #ebe765;
}

/* Liens */

.yellow .content a {
	color: #ebe765;
}
.yellow .content a:hover {
	color: #bcb951;
}

/* Listes à puces */

.yellow .content .infos > li a {
	color: #ebe765 !important;
}
.yellow .content .infos > li a:hover {
	color: #bcb951 !important;
}

/* Carousel */

.yellow .content .carousel .carousel-control .fa {
	color: #ebe765;
}
.yellow .content .carousel .carousel-control:hover .fa {
	color: #bcb951;
}
.yellow .content .carousel .carousel-indicators li {
	border-color: #ebe765;
}
.yellow .content .carousel .carousel-indicators li.active {
	background-color: #ebe765;
}

/* Home
------------------------------------ */


/*.yellow .content.homepage h1 {
    color: #ebe765;
}*/


/* TYPO3 Heading Frame */

.yellow .content.homepage .frame {
	border-color: #ebe765;
}
.yellow .content.homepage .frame > h1,
.yellow .content.homepage .frame > h2 {
	color: #ebe765;
}

/* -> TYPO3 EXTENSIONS
============================================================== */


/* Powermail
------------------------------------ */

.yellow .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit {
	background-color: #ebe765;
}
.yellow .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:active,
.yellow .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:focus,
.yellow .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:hover {
	background-color: #bcb951;
}

/* Media List
------------------------------------ */

.yellow .frame-type-uploads h2 {
	background-color: #f1ee94;
}
.yellow ul.media-list li.media .media-body > h4 > a:hover {
	color: #ebe765;
}
.yellow ul.media-list li.media .media-body > h4 > a > span {
	background-color: #ebe765;
}
.yellow ul.media-list li.media .media-body > h4 > a > small {
	color: #ebe765;
}

/* Sitemap
------------------------------------ */

.yellow .content .frame-type-menu > ul > li > a {
	color: #ebe765 !important;
}
.yellow .content .frame-type-menu > ul > li > a:hover {
	color: #bcb951 !important;
}
.yellow .content .frame-type-menu > ul > li > ul > li > a:hover {
	color: #bcb951 !important;
}
.yellow .content .frame-type-menu > ul > li > ul > li > ul > li > a:hover {
	color: #bcb951 !important;
}

/* YAG Gallery
------------------------------------ */

.yellow .tx-yag-breadcrumbcomtainer {
	border-color: #bcb951;
}
.yellow .tx-ptextlist-pager-item-display {
	color: #bcb951;
}