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


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


/* Foncé <===---> Clair
------------------------------------------------------------------------
Gris		| #616161 | #797979 | #a1a1a1 | #bcbcbc | #dddddd => @grey
------------------------------------------------------------------------ */


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

.grey h1 {
	color: #797979;
}
.grey h2 {
	color: #797979;
	border-color: #797979;
}
.grey h2:before {
	background-color: #797979;
}
.grey h3 {
	color: #616161;
}
.grey h4 {
	color: #616161;
}

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

.grey hr {
	background-color: #797979;
}

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

.grey .content ul > li:before {
	/*color: #797979;*/
}
.grey .content ul > li > ul > li:before {
	/*color: #a1a1a1;*/
}

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


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


/* Default & Primary */

.grey .btn-default,
.grey .btn-primary {
	background-color: #797979;
}
.grey .btn-default:active,
.grey .btn-default:focus,
.grey .btn-default:hover,
.grey .btn-primary:active,
.grey .btn-primary:focus,
.grey .btn-primary:hover {
	background-color: #616161;
}

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


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

.grey .table thead th,
.grey .table tr.thead th {
	background-color: #797979;
}
.grey .table tfoot th,
.grey .table tr.tfoot th {
	color: #616161;
	background-color: #a1a1a1;
}

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

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

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


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

.grey figure.image .caption p strong {
	color: #797979;
}

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

.grey .hover-info,
.grey .hover-info.empty {
	background-color: rgba(134, 133, 133, 0.5);
}

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

.grey .carousel .carousel-control {
	color: #616161;
}
.grey .carousel .carousel-control:hover {
	color: #797979;
}
.carousel .carousel-indicators li.active.grey,
.grey .carousel .carousel-indicators li.active {
	background-color: #616161;
}
.carousel .carousel-inner .item.grey,
.grey .carousel .carousel-inner .item {
	background-color: #a1a1a1;
}
.carousel .carousel-inner .item.grey .container .carousel-caption,
.grey .carousel .carousel-inner .item .container .carousel-caption {
	background-color: #a1a1a1;
	color: #616161;
}
.carousel .carousel-inner .item.grey .container .carousel-caption p,
.grey .carousel .carousel-inner .item .container .carousel-caption p,
.carousel .carousel-inner .item.grey .container .carousel-caption a,
.grey .carousel .carousel-inner .item .container .carousel-caption a,
.carousel .carousel-inner .item.grey .container .carousel-caption li,
.grey .carousel .carousel-inner .item .container .carousel-caption li {
	color: #616161;
}
.carousel .carousel-inner .item.grey .container .carousel-caption .date,
.grey .carousel .carousel-inner .item .container .carousel-caption .date {
	background-color: #616161;
}
.carousel .carousel-inner .item.grey .container .carousel-caption h2,
.grey .carousel .carousel-inner .item .container .carousel-caption h2 {
	color: #616161;
	border-color: #616161;
}
.carousel .carousel-inner .item.grey .container .carousel-caption h2:before,
.grey .carousel .carousel-inner .item .container .carousel-caption h2:before {
	background-color: #616161;
}
.carousel .carousel-inner .item.grey .container .carousel-caption ul.infos > li > a,
.grey .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a {
	color: #616161;
}
.carousel .carousel-inner .item.grey .container .carousel-caption ul.infos > li > a:hover,
.grey .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a:hover {
	color: #797979;
}
.carousel .carousel-inner .item.grey .container .carousel-caption .btn,
.grey .carousel .carousel-inner .item .container .carousel-caption .btn {
	background-color: #616161;
}
.carousel .carousel-inner .item.grey .container .carousel-caption .btn:hover,
.grey .carousel .carousel-inner .item .container .carousel-caption .btn:hover {
	background-color: #797979;
}

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

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

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

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

/*.grey .breadcrumb-section {
	background-color: #797979;
}
.grey .breadcrumb-section .breadcrumb ul li > a,
.grey .breadcrumb-section .content ul.breadcrumb li > a {
	color: #dddddd;
}
.grey .breadcrumb-section .breadcrumb ul li > span,
.grey .breadcrumb-section .content ul.breadcrumb li > span {
	color: #797979;
	background-color: #dddddd;
}*/

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

.grey .controls li > a:hover {
	background-color: #a1a1a1 !important;
}
.grey .controls li.pdf > a:before,
.grey .controls li.rss > a:before,
.grey .controls li.print > a:before {
	color: #797979;
}
.grey .controls li.fontsize_increase > a,
.grey .controls li.fontsize_decrease > a {
	background-color: #797979;
}

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

.grey .pagetitle {
	background-color: #797979;
}
.grey .pagetitle h2 {
	background-color: #797979;
}

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


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

.grey .sidebar .panel .panel-heading {
	background: #797979;
}

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


/* panel-heading (equivalent) */

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

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


/* Niveau 1 */

.grey .nav.nav-stacked > li a:before {
	/*color: #797979;*/
}
.grey .nav.nav-stacked > li.active > a:before,
.grey .nav.nav-stacked > li.current > a:before,
.grey .nav.nav-stacked > li.active > a,
.grey .nav.nav-stacked > li.current > a,
.grey .nav.nav-stacked > li > a:hover,
.grey .nav.nav-stacked > li > a:focus,
.grey .nav.nav-stacked > li.active > a:hover,
.grey .nav.nav-stacked > li.current > a:hover,
.grey .nav.nav-stacked > li > a:hover:before,
.grey .nav.nav-stacked > li > a:focus:before,
.grey .nav.nav-stacked > li.active > a:hover:before {
	color: #616161;
	/*background-color: #bcbcbc;*/
}

/* Niveau 2 */

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

/* Niveau 3 */

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

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

.grey .nav-tabs > li > a {
	color: #616161;
	background-color: #a1a1a1;
}
.grey .nav-tabs > li > a:hover,
.grey .nav-tabs > li > a:focus {
	background-color: #797979;
}
.grey .nav-tabs > li.active > a,
.grey .nav-tabs > li.active > a:hover,
.grey .nav-tabs > li.active > a:focus {
	background-color: #797979;
}
.grey .tab-content {
	border-color: #797979;
}

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

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

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

/*.grey .panel .panel-heading a {
    color: #a1a1a1;
}
.grey .panel .panel-heading a:hover {
    color: #616161;
}*/


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


/* Default */

.grey .panel-default .panel-heading {
	background-color: #797979;
}
.grey .panel-default .panel-heading a {
	color: #a1a1a1;
}
.grey .panel-default .panel-heading a:hover {
	color: #616161;
}

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


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


/* Default */

.grey .infos .panel-default .panel-body,
.grey .infos .panel-default .panel-body p,
.grey .infos .panel-default .panel-body li {
	color: #797979;
}

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

.grey .homepage .panel .panel-heading {
	color: #797979;
	border-color: #797979;
}

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


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

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

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

.grey .panel.newsticker .panel-body .control .btn {
	color: #797979;
}
.grey .panel.newsticker .panel-body .control .btn:hover {
	color: #616161;
}
.grey .panel.newsticker .panel-body .item {
	border-color: #797979;
}
.grey .panel.newsticker .panel-body .item:last-child {
	border-color: #797979;
}
.grey .panel.newsticker .panel-body .item .date p {
	color: #797979;
}
.grey .panel.newsticker .panel-body .item a:hover {
	color: #797979;
}
.grey .panel.newsticker .panel-body .item a:before {
	background-color: #797979;
}

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

.grey .panel.newsletter .panel-body .item {
	border-color: #797979;
}
.panel.newsletter .panel-body .item.grey .title,
.grey .panel.newsletter .panel-body .item .title {
	background-color: #dddddd;
}
.panel.newsletter .panel-body .item.grey .tooltip.right .tooltip-arrow,
.grey .panel.newsletter .panel-body .item .tooltip.right .tooltip-arrow {
	border-right-color: #797979;
}
.panel.newsletter .panel-body .item.grey .tooltip-inner,
.grey .panel.newsletter .panel-body .item .tooltip-inner {
	background-color: #797979;
}

/* Titre de la catégorie */

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

/* Liste des publications */

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

/* Bouton pour affichage liste */

.panel.newsletter .panel-body .item.grey .more .btn,
.grey .panel.newsletter .panel-body .item .more .btn {
	color: #797979 !important;
}
.panel.newsletter .panel-body .item.grey .more .btn:hover,
.grey .panel.newsletter .panel-body .item .more .btn:hover {
	color: #616161 !important;
}

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

.grey .panel.agenda .panel-body {
	border-color: #a1a1a1;
}

/* Calendar */

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

/* Zabuto Calendar */

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

/* Zabuto Calendar Modal */

.grey .modal .modal-header h4 {
	color: #797979;
	border-color: #797979;
}
.grey .modal .modal-header h4:before {
	color: #797979;
	background-color: #797979;
}

/* -> GROUPE DE CARTES
============================================================== */

.grey .cardgroup > .panel .panel-body > ul a:hover,
.grey .cardgroup > .panel .panel-body > ul a:focus {
	color: #797979;
}

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


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

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

/* Article Detail */

.grey .article-detail .infos > li .fa {
	color: #797979;
}
.grey .article-detail .date {
	color: #616161;
	background-color: #a1a1a1;
}

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

.grey .article-pagination .pagination > li > a,
.grey .article-pagination .pagination > li > span {
	background-color: #797979;
}
.grey .article-pagination .pagination > li > a:focus,
.grey .article-pagination .pagination > li > a:hover,
.grey .article-pagination .pagination > li > span:focus,
.grey .article-pagination .pagination > li > span:hover {
	background-color: #616161;
}
.grey .article-pagination .pagination > .active > a,
.grey .article-pagination .pagination > .active > a:focus,
.grey .article-pagination .pagination > .active > a:hover,
.grey .article-pagination .pagination > .active > span,
.grey .article-pagination .pagination > .active > span:focus,
.grey .article-pagination .pagination > .active > span:hover {
	background-color: #616161;
}
.grey .article-pagination .pagination > .disabled > a,
.grey .article-pagination .pagination > .disabled > a:focus,
.grey .article-pagination .pagination > .disabled > a:hover,
.grey .article-pagination .pagination > .disabled > span,
.grey .article-pagination .pagination > .disabled > span:focus,
.grey .article-pagination .pagination > .disabled > span:hover {
	color: #a1a1a1;
	background-color: #dddddd;
}
.grey .article-pagination .btn {
	background-color: #797979;
}
.grey .article-pagination .btn:focus,
.grey .article-pagination .btn:hover {
	background-color: #616161;
}

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

.grey .article-filter .categories li .btn {
	background-color: #797979;
}
.grey .article-filter .categories li.all .btn {
	background-color: #616161;
}
.grey .article-filter .categories li .btn:hover {
	background-color: #616161;
}

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


/* Titres */

.grey .content h1,
.grey .content h1 a {
	color: #797979;
}
.grey .content h2,
.grey .content h2 a {
	color: #797979;
}

/* Liens */

.grey .content a {
	color: #797979;
}
.grey .content a:hover {
	color: #616161;
}

/* Listes à puces */

.grey .content .infos > li a {
	color: #797979 !important;
}
.grey .content .infos > li a:hover {
	color: #616161 !important;
}

/* Carousel */

.grey .content .carousel .carousel-control .fa {
	color: #797979;
}
.grey .content .carousel .carousel-control:hover .fa {
	color: #616161;
}
.grey .content .carousel .carousel-indicators li {
	border-color: #797979;
}
.grey .content .carousel .carousel-indicators li.active {
	background-color: #797979;
}

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


/*.grey .content.homepage h1 {
    color: #797979;
}*/


/* TYPO3 Heading Frame */

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

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


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

.grey .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit {
	background-color: #797979;
}
.grey .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:active,
.grey .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:focus,
.grey .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:hover {
	background-color: #616161;
}

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

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

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

.grey .content .frame-type-menu > ul > li > a {
	color: #797979 !important;
}
.grey .content .frame-type-menu > ul > li > a:hover {
	color: #616161 !important;
}
.grey .content .frame-type-menu > ul > li > ul > li > a:hover {
	color: #616161 !important;
}
.grey .content .frame-type-menu > ul > li > ul > li > ul > li > a:hover {
	color: #616161 !important;
}

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

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