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


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


/* Foncé <===---> Clair
------------------------------------------------------------------------
Vert		| #008988 | #00abaa | #4dc4c4 | #80d5d5 | #bfeaea => @green
------------------------------------------------------------------------ */


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

.green h1 {
	color: #00abaa;
}
.green h2 {
	color: #00abaa;
	border-color: #00abaa;
}
.green h2:before {
	background-color: #00abaa;
}
.green h3 {
	color: #434242;
}
.green h4 {
	color: #434242;
}

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

.green hr {
	background-color: #00abaa;
}

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

.green .content ul > li:before {
	color: #00abaa;
}
.green .content ul > li > ul > li:before {
	color: #4dc4c4;
}

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


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


/* Default & Primary */

.green .btn-default,
.green .btn-primary {
	background-color: #00abaa;
}
.green .btn-default:active,
.green .btn-default:focus,
.green .btn-default:hover,
.green .btn-primary:active,
.green .btn-primary:focus,
.green .btn-primary:hover {
	background-color: #008988;
}

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


/*.green .table tr th {
    color: #00abaa;
}
.green .table tr:nth-of-type(even) th {
    color: #00abaa;
}*/

.green .table thead th,
.green .table tr.thead th {
	background-color: #00abaa;
}
.green .table tfoot th,
.green .table tr.tfoot th {
	color: #008988;
	background-color: #4dc4c4;
}

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

.green legend {
	color: #00abaa;
}
.green label {
	color: #00abaa;
}
.green .form-control {
	color: #00abaa;
	border-color: #00abaa;
}
.green .input-group-addon {
	background: #00abaa;
}

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


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

.green figure.image .caption p strong {
	color: #00abaa;
}

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

.green .hover-info,
.green .hover-info.empty {
	background-color: rgba(66, 123, 79, 0.5);
}

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

.green .carousel .carousel-control {
	color: #008988;
}
.green .carousel .carousel-control:hover {
	color: #00abaa;
}
.carousel .carousel-indicators li.active.green,
.green .carousel .carousel-indicators li.active {
	background-color: #008988;
}
.carousel .carousel-inner .item.green,
.green .carousel .carousel-inner .item {
	background-color: #4dc4c4;
}
.carousel .carousel-inner .item.green .container .carousel-caption,
.green .carousel .carousel-inner .item .container .carousel-caption {
	background-color: #4dc4c4;
	color: #008988;
}
.carousel .carousel-inner .item.green .container .carousel-caption p,
.green .carousel .carousel-inner .item .container .carousel-caption p,
.carousel .carousel-inner .item.green .container .carousel-caption a,
.green .carousel .carousel-inner .item .container .carousel-caption a,
.carousel .carousel-inner .item.green .container .carousel-caption li,
.green .carousel .carousel-inner .item .container .carousel-caption li {
	color: #008988;
}
.carousel .carousel-inner .item.green .container .carousel-caption .date,
.green .carousel .carousel-inner .item .container .carousel-caption .date {
	background-color: #008988;
}
.carousel .carousel-inner .item.green .container .carousel-caption h2,
.green .carousel .carousel-inner .item .container .carousel-caption h2 {
	color: #008988;
	border-color: #008988;
}
.carousel .carousel-inner .item.green .container .carousel-caption h2:before,
.green .carousel .carousel-inner .item .container .carousel-caption h2:before {
	background-color: #008988;
}
.carousel .carousel-inner .item.green .container .carousel-caption ul.infos > li > a,
.green .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a {
	color: #008988;
}
.carousel .carousel-inner .item.green .container .carousel-caption ul.infos > li > a:hover,
.green .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a:hover {
	color: #00abaa;
}
.carousel .carousel-inner .item.green .container .carousel-caption .btn,
.green .carousel .carousel-inner .item .container .carousel-caption .btn {
	background-color: #008988;
}
.carousel .carousel-inner .item.green .container .carousel-caption .btn:hover,
.green .carousel .carousel-inner .item .container .carousel-caption .btn:hover {
	background-color: #00abaa;
}

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

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

.green .breadcrumb ul li:before,
.green .content ul.breadcrumb li:before {
	color: #00abaa;
}
.green .breadcrumb ul li > span,
.green .content ul.breadcrumb li > span {
	color: #00abaa;
}
.green .breadcrumb .breadcrumb ul li > a:hover,
.green .breadcrumb .content ul.breadcrumb li > a:hover {
	color: #00abaa;
}

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

/*.green .breadcrumb-section {
	background-color: #00abaa;
}
.green .breadcrumb-section .breadcrumb ul li > a,
.green .breadcrumb-section .content ul.breadcrumb li > a {
	color: #bfeaea;
}
.green .breadcrumb-section .breadcrumb ul li > span,
.green .breadcrumb-section .content ul.breadcrumb li > span {
	color: #00abaa;
	background-color: #bfeaea;
}*/

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

.green .controls li > a:hover {
	background-color: #4dc4c4 !important;
}
.green .controls li.pdf > a:before,
.green .controls li.rss > a:before,
.green .controls li.print > a:before {
	color: #00abaa;
}
.green .controls li.fontsize_increase > a,
.green .controls li.fontsize_decrease > a {
	background-color: #00abaa;
}

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

.green .pagetitle {
	background-color: #00abaa;
}
.green .pagetitle h2 {
	background-color: #00abaa;
}

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


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

.green .sidebar .panel .panel-heading {
	background: #00abaa;
}

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


/* panel-heading (equivalent) */

.green .sidebar .frame-type-list > h1,
.green .sidebar .frame-type-list > h2 {
	background: #00abaa;
}

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


/* Niveau 1 */

.green .nav.nav-stacked > li a:before {
	color: #00abaa;
}
.green .nav.nav-stacked > li.active > a:before,
.green .nav.nav-stacked > li.current > a:before,
.green .nav.nav-stacked > li.active > a,
.green .nav.nav-stacked > li.current > a,
.green .nav.nav-stacked > li > a:hover,
.green .nav.nav-stacked > li > a:focus,
.green .nav.nav-stacked > li.active > a:hover,
.green .nav.nav-stacked > li.current > a:hover,
.green .nav.nav-stacked > li > a:hover:before,
.green .nav.nav-stacked > li > a:focus:before,
.green .nav.nav-stacked > li.active > a:hover:before {
	color: #008988;
	/*background-color: #80d5d5;*/
}

/* Niveau 2 */

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

/* Niveau 3 */

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

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

.green .nav-tabs > li > a {
	color: #008988;
	background-color: #4dc4c4;
}
.green .nav-tabs > li > a:hover,
.green .nav-tabs > li > a:focus {
	background-color: #00abaa;
}
.green .nav-tabs > li.active > a,
.green .nav-tabs > li.active > a:hover,
.green .nav-tabs > li.active > a:focus {
	background-color: #00abaa;
}
.green .tab-content {
	border-color: #00abaa;
}

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

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

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

/*.green .panel .panel-heading a {
    color: #4dc4c4;
}
.green .panel .panel-heading a:hover {
    color: #008988;
}*/


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


/* Default */

.green .panel-default .panel-heading {
	background-color: #00abaa;
}
.green .panel-default .panel-heading a {
	color: #4dc4c4;
}
.green .panel-default .panel-heading a:hover {
	color: #008988;
}

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


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


/* Default */

.green .infos .panel-default .panel-body,
.green .infos .panel-default .panel-body p,
.green .infos .panel-default .panel-body li {
	color: #00abaa;
}

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

.green .homepage .panel .panel-heading {
	color: #00abaa;
	border-color: #00abaa;
}

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


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

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

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

.green .panel.newsticker .panel-body .control .btn {
	color: #00abaa;
}
.green .panel.newsticker .panel-body .control .btn:hover {
	color: #008988;
}
.green .panel.newsticker .panel-body .item {
	border-color: #00abaa;
}
.green .panel.newsticker .panel-body .item:last-child {
	border-color: #00abaa;
}
.green .panel.newsticker .panel-body .item .date p {
	color: #00abaa;
}
.green .panel.newsticker .panel-body .item a:hover {
	color: #00abaa;
}
.green .panel.newsticker .panel-body .item a:before {
	background-color: #00abaa;
}

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

.green .panel.newsletter .panel-body .item {
	border-color: #00abaa;
}
.panel.newsletter .panel-body .item.green .title,
.green .panel.newsletter .panel-body .item .title {
	background-color: #bfeaea;
}
.panel.newsletter .panel-body .item.green .tooltip.right .tooltip-arrow,
.green .panel.newsletter .panel-body .item .tooltip.right .tooltip-arrow {
	border-right-color: #00abaa;
}
.panel.newsletter .panel-body .item.green .tooltip-inner,
.green .panel.newsletter .panel-body .item .tooltip-inner {
	background-color: #00abaa;
}

/* Titre de la catégorie */

.panel.newsletter .panel-body .item.green .title > .fa,
.green .panel.newsletter .panel-body .item .title > .fa {
	color: #00abaa;
}
.panel.newsletter .panel-body .item.green .title h3,
.green .panel.newsletter .panel-body .item .title h3 {
	color: #00abaa;
}

/* Liste des publications */

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

/* Bouton pour affichage liste */

.panel.newsletter .panel-body .item.green .more .btn,
.green .panel.newsletter .panel-body .item .more .btn {
	color: #00abaa !important;
}
.panel.newsletter .panel-body .item.green .more .btn:hover,
.green .panel.newsletter .panel-body .item .more .btn:hover {
	color: #008988 !important;
}

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

.green .panel.agenda .panel-body {
	border-color: #4dc4c4;
}

/* Calendar */

.green .panel.agenda .panel-body div.calendar .table thead tr th {
	color: #00abaa;
	background: #4dc4c4;
}
.green .panel.agenda .panel-body div.calendar .table thead tr th .btn .fa {
	color: #00abaa;
}
.green .panel.agenda .panel-body div.calendar .table thead tr th .btn:hover .fa {
	color: #008988;
}
.green .panel.agenda .panel-body div.calendar .table thead tr th span {
	color: #00abaa;
}
.green .panel.agenda .panel-body div.calendar .table tbody tr td span.today {
	background-color: #4dc4c4;
}
.green .panel.agenda .panel-body div.calendar .table tbody tr td span.event {
	background-color: #00abaa;
}
.green .panel.agenda .panel-body div.calendar .table tbody tr td span.today.event {
	border-color: #4dc4c4;
}
.green .panel.agenda .panel-body div.calendar .list-group .list-group-item a:hover {
	color: #00abaa;
}
.green .panel.agenda .panel-body div.calendar .list-group .list-group-item a:before {
	background-color: #00abaa;
}
.green .panel.agenda .panel-body div.calendar .list-group .list-group-item .time {
	color: #00abaa;
}

/* Zabuto Calendar */

.green .panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th {
	color: #00abaa;
	background: #4dc4c4;
}
.green .panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th .fa:hover {
	color: #008988;
}
.green .panel.agenda .panel-body div.zabuto_calendar .table tr td.event div.day,
.green .panel.agenda .panel-body div.zabuto_calendar ul.legend li.event {
	background-color: #00abaa;
}
.green .panel.agenda .panel-body div.zabuto_calendar .badge-today,
.green .panel.agenda .panel-body div.zabuto_calendar div.legend span.badge-today {
	background-color: #4dc4c4;
}

/* Zabuto Calendar Modal */

.green .modal .modal-header h4 {
	color: #00abaa;
	border-color: #00abaa;
}
.green .modal .modal-header h4:before {
	color: #00abaa;
	background-color: #00abaa;
}

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

.green .cardgroup > .panel .panel-body > ul a:hover,
.green .cardgroup > .panel .panel-body > ul a:focus {
	color: #00abaa;
}

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


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

.green .article {
	border-color: #00abaa;
}
.green .article h2 {
	border-color: #00abaa;
}
.green .article h2:before {
	background-color: #00abaa !important;
}
.green .article h2,
.green .article h2 > a,
.green .article a > h2 {
	color: #00abaa !important;
}
.green .article h2 > a:hover,
.green .article a:hover > h2 {
	color: #008988 !important;
}
.green .article .infos > li .fa {
	color: #00abaa;
}
.green .article .date {
	color: #00abaa;
}
@media (max-width: 991px) {
	.green .article .date {
		background-color: #00abaa;
	}
}
.green .article .btn,
.green .article .btn:active,
.green .article .btn:focus,
.green .article .btn:hover {
	background-color: #4dc4c4;
}
.green .article .btn:hover {
	color: #008988 !important;
	background-color: #00abaa;
}
.green .article .btn:after {
	border-color: #00abaa;
}
.green .article .btn:hover:after {
	border-color: #4dc4c4;
}

/* Article Detail */

.green .article-detail .infos > li .fa {
	color: #00abaa;
}
.green .article-detail .date {
	color: #008988;
	background-color: #4dc4c4;
}

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

.green .article-pagination .pagination > li > a,
.green .article-pagination .pagination > li > span {
	background-color: #00abaa;
}
.green .article-pagination .pagination > li > a:focus,
.green .article-pagination .pagination > li > a:hover,
.green .article-pagination .pagination > li > span:focus,
.green .article-pagination .pagination > li > span:hover {
	background-color: #008988;
}
.green .article-pagination .pagination > .active > a,
.green .article-pagination .pagination > .active > a:focus,
.green .article-pagination .pagination > .active > a:hover,
.green .article-pagination .pagination > .active > span,
.green .article-pagination .pagination > .active > span:focus,
.green .article-pagination .pagination > .active > span:hover {
	background-color: #008988;
}
.green .article-pagination .pagination > .disabled > a,
.green .article-pagination .pagination > .disabled > a:focus,
.green .article-pagination .pagination > .disabled > a:hover,
.green .article-pagination .pagination > .disabled > span,
.green .article-pagination .pagination > .disabled > span:focus,
.green .article-pagination .pagination > .disabled > span:hover {
	color: #4dc4c4;
	background-color: #bfeaea;
}
.green .article-pagination .btn {
	background-color: #00abaa;
}
.green .article-pagination .btn:focus,
.green .article-pagination .btn:hover {
	background-color: #008988;
}

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

.green .article-filter .categories li .btn {
	background-color: #00abaa;
}
.green .article-filter .categories li.all .btn {
	background-color: #434242;
}
.green .article-filter .categories li .btn:hover {
	background-color: #008988;
}

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


/* Titres */

.green .content h1,
.green .content h1 a {
	color: #00abaa;
}
.green .content h2,
.green .content h2 a {
	color: #00abaa;
}

/* Liens */

.green .content a {
	color: #00abaa;
}
.green .content a:hover {
	color: #008988;
}

/* Listes à puces */

.green .content .infos > li a {
	color: #00abaa !important;
}
.green .content .infos > li a:hover {
	color: #008988 !important;
}

/* Carousel */

.green .content .carousel .carousel-control .fa {
	color: #00abaa;
}
.green .content .carousel .carousel-control:hover .fa {
	color: #008988;
}
.green .content .carousel .carousel-indicators li {
	border-color: #00abaa;
}
.green .content .carousel .carousel-indicators li.active {
	background-color: #00abaa;
}

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


/*.green .content.homepage h1 {
    color: #00abaa;
}*/


/* TYPO3 Heading Frame */

.green .content.homepage .frame {
	border-color: #00abaa;
}
.green .content.homepage .frame > h1,
.green .content.homepage .frame > h2 {
	color: #00abaa;
}

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


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

.green .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit {
	background-color: #00abaa;
}
.green .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:active,
.green .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:focus,
.green .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:hover {
	background-color: #008988;
}

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

.green .frame-type-uploads h2 {
	background-color: #4dc4c4;
}
.green ul.media-list li.media .media-body > h4 > a:hover {
	color: #00abaa;
}
.green ul.media-list li.media .media-body > h4 > a > span {
	background-color: #00abaa;
}
.green ul.media-list li.media .media-body > h4 > a > small {
	color: #00abaa;
}

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

.green .content .frame-type-menu > ul > li > a {
	color: #00abaa !important;
}
.green .content .frame-type-menu > ul > li > a:hover {
	color: #008988 !important;
}
.green .content .frame-type-menu > ul > li > ul > li > a:hover {
	color: #008988 !important;
}
.green .content .frame-type-menu > ul > li > ul > li > ul > li > a:hover {
	color: #008988 !important;
}

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

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