/* ============================================================
> FEUILLE DE STYLE CSS PERSONALISEE - THEME BLEU 2
============================================================== */


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


/* Foncé <===---> Clair
------------------------------------------------------------------------
Bleu roi	| #0626a7 | #082fd1 | #536edf | #8497e8 | #c1cbf3 => @blue-3
------------------------------------------------------------------------ */


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

.blue-3 h1 {
	color: #082fd1;
}
.blue-3 h2 {
	color: #082fd1;
	border-color: #082fd1;
}
.blue-3 h2:before {
	background-color: #082fd1;
}
.blue-3 h3 {
	color: #434242;
}
.blue-3 h4 {
	color: #434242;
}

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

.blue-3 hr {
	background-color: #082fd1;
}

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

.blue-3 .content ul > li:before {
	color: #082fd1;
}
.blue-3 .content ul > li > ul > li:before {
	color: #536edf;
}

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


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


/* Default & Primary */

.blue-3 .btn-default,
.blue-3 .btn-primary {
	background-color: #082fd1;
}
.blue-3 .btn-default:active,
.blue-3 .btn-default:focus,
.blue-3 .btn-default:hover,
.blue-3 .btn-primary:active,
.blue-3 .btn-primary:focus,
.blue-3 .btn-primary:hover {
	background-color: #0626a7;
}

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


/*.blue-3 .table tr th {
    color: #082fd1;
}
.blue-3 .table tr:nth-of-type(even) th {
    color: #082fd1;
}*/

.blue-3 .table thead th,
.blue-3 .table tr.thead th {
	background-color: #082fd1;
}
.blue-3 .table tfoot th,
.blue-3 .table tr.tfoot th {
	color: #0626a7;
	background-color: #536edf;
}

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

.blue-3 legend {
	color: #082fd1;
}
.blue-3 label {
	color: #082fd1;
}
.blue-3 .form-control {
	color: #082fd1;
	border-color: #082fd1;
}
.blue-3 .input-group-addon {
	background: #082fd1;
}

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


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

.blue-3 figure.image .caption p strong {
	color: #082fd1;
}

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

.blue-3 .hover-info,
.blue-3 .hover-info.empty {
	background-color: rgba(23, 120, 165, 0.5);
}

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

.blue-3 .carousel .carousel-control {
	color: #0626a7;
}
.blue-3 .carousel .carousel-control:hover {
	color: #082fd1;
}
.carousel .carousel-indicators li.active.blue-3,
.blue-3 .carousel .carousel-indicators li.active {
	background-color: #0626a7;
}
.carousel .carousel-inner .item.blue-3,
.blue-3 .carousel .carousel-inner .item {
	background-color: #536edf;
}
.carousel .carousel-inner .item.blue-3 .container .carousel-caption,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption {
	background-color: #536edf;
	color: #0626a7;
}
.carousel .carousel-inner .item.blue-3 .container .carousel-caption p,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption p,
.carousel .carousel-inner .item.blue-3 .container .carousel-caption a,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption a,
.carousel .carousel-inner .item.blue-3 .container .carousel-caption li,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption li {
	color: #0626a7;
}
.carousel .carousel-inner .item.blue-3 .container .carousel-caption .date,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption .date {
	background-color: #0626a7;
}
.carousel .carousel-inner .item.blue-3 .container .carousel-caption h2,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption h2 {
	color: #0626a7;
	border-color: #0626a7;
}
.carousel .carousel-inner .item.blue-3 .container .carousel-caption h2:before,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption h2:before {
	background-color: #0626a7;
}
.carousel .carousel-inner .item.blue-3 .container .carousel-caption ul.infos > li > a,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a {
	color: #0626a7;
}
.carousel .carousel-inner .item.blue-3 .container .carousel-caption ul.infos > li > a:hover,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a:hover {
	color: #082fd1;
}
.carousel .carousel-inner .item.blue-3 .container .carousel-caption .btn,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption .btn {
	background-color: #0626a7;
}
.carousel .carousel-inner .item.blue-3 .container .carousel-caption .btn:hover,
.blue-3 .carousel .carousel-inner .item .container .carousel-caption .btn:hover {
	background-color: #082fd1;
}

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

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

.blue-3 .breadcrumb ul li:before,
.blue-3 .content ul.breadcrumb li:before {
	color: #082fd1;
}
.blue-3 .breadcrumb ul li > span,
.blue-3 .content ul.breadcrumb li > span {
	color: #082fd1;
}
.blue-3 .breadcrumb .breadcrumb ul li > a:hover,
.blue-3 .breadcrumb .content ul.breadcrumb li > a:hover {
	color: #082fd1;
}

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

/*.blue-3 .breadcrumb-section {
	background-color: #082fd1;
}
.blue-3 .breadcrumb-section .breadcrumb ul li > a,
.blue-3 .breadcrumb-section .content ul.breadcrumb li > a {
	color: #c1cbf3;
}
.blue-3 .breadcrumb-section .breadcrumb ul li > span,
.blue-3 .breadcrumb-section .content ul.breadcrumb li > span {
	color: #082fd1;
	background-color: #c1cbf3;
}*/

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

.blue-3 .controls li > a:hover {
	background-color: #536edf !important;
}
.blue-3 .controls li.pdf > a:before,
.blue-3 .controls li.rss > a:before,
.blue-3 .controls li.print > a:before {
	color: #082fd1;
}
.blue-3 .controls li.fontsize_increase > a,
.blue-3 .controls li.fontsize_decrease > a {
	background-color: #082fd1;
}

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

.blue-3 .pagetitle {
	background-color: #082fd1;
}
.blue-3 .pagetitle h2 {
	background-color: #082fd1;
}

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


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

.blue-3 .sidebar .panel .panel-heading {
	background: #082fd1;
}

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


/* panel-heading (equivalent) */

.blue-3 .sidebar .frame-type-list > h1,
.blue-3 .sidebar .frame-type-list > h2 {
	background: #082fd1;
}

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


/* Niveau 1 */

.blue-3 .nav.nav-stacked > li a:before {
	color: #082fd1;
}
.blue-3 .nav.nav-stacked > li.active > a:before,
.blue-3 .nav.nav-stacked > li.current > a:before,
.blue-3 .nav.nav-stacked > li.active > a,
.blue-3 .nav.nav-stacked > li.current > a,
.blue-3 .nav.nav-stacked > li > a:hover,
.blue-3 .nav.nav-stacked > li > a:focus,
.blue-3 .nav.nav-stacked > li.active > a:hover,
.blue-3 .nav.nav-stacked > li.current > a:hover,
.blue-3 .nav.nav-stacked > li > a:hover:before,
.blue-3 .nav.nav-stacked > li > a:focus:before,
.blue-3 .nav.nav-stacked > li.active > a:hover:before {
	color: #0626a7;
	/*background-color: #8497e8;*/
}

/* Niveau 2 */

.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > a:hover,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > a:focus,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > a:hover:before,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > a:focus:before,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li.active > a,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li.current > a,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li.active > a:hover,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li.current > a:hover,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li.active > a:before,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li.current > a:before,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li.active > a:hover:before {
	color: #082fd1;
}

/* Niveau 3 */

.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li > a:hover,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li > a:focus,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li > a:hover:before,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li > a:focus:before,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li.active > a,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li.current > a,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li.active > a:hover,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li.current > a:hover,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li.active > a:before,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li.current > a:before,
.blue-3 .nav.nav-stacked > li > .nav.nav-list > li > ul > li.active > a:hover:before {
	color: #082fd1;
}

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

.blue-3 .nav-tabs > li > a {
	color: #0626a7;
	background-color: #536edf;
}
.blue-3 .nav-tabs > li > a:hover,
.blue-3 .nav-tabs > li > a:focus {
	background-color: #082fd1;
}
.blue-3 .nav-tabs > li.active > a,
.blue-3 .nav-tabs > li.active > a:hover,
.blue-3 .nav-tabs > li.active > a:focus {
	background-color: #082fd1;
}
.blue-3 .tab-content {
	border-color: #082fd1;
}

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

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

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

/*.blue-3 .panel .panel-heading a {
    color: #536edf;
}
.blue-3 .panel .panel-heading a:hover {
    color: #0626a7;
}*/


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


/* Default */

.blue-3 .panel-default .panel-heading {
	background-color: #082fd1;
}
.blue-3 .panel-default .panel-heading a {
	color: #536edf;
}
.blue-3 .panel-default .panel-heading a:hover {
	color: #0626a7;
}

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


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


/* Default */

.blue-3 .infos .panel-default .panel-body,
.blue-3 .infos .panel-default .panel-body p,
.blue-3 .infos .panel-default .panel-body li {
	color: #082fd1;
}

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

.blue-3 .homepage .panel .panel-heading {
	color: #082fd1;
	border-color: #082fd1;
}

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


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

.blue-3 .panel.contact .panel-heading {
	color: #082fd1;
	border-color: #082fd1;
}
.blue-3 .panel.contact .panel-body h3 {
	background: #082fd1;
}
.blue-3 .panel.contact .panel-body h3:before {
	border-color: #082fd1;
}
.blue-3 .panel.contact .panel-body p .fa,
.blue-3 .panel.contact .panel-body ul li .fa {
	color: #082fd1;
}
.blue-3 .panel.contact .panel-body a:hover {
	color: #082fd1;
}

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

.blue-3 .panel.newsticker .panel-body .control .btn {
	color: #082fd1;
}
.blue-3 .panel.newsticker .panel-body .control .btn:hover {
	color: #0626a7;
}
.blue-3 .panel.newsticker .panel-body .item {
	border-color: #082fd1;
}
.blue-3 .panel.newsticker .panel-body .item:last-child {
	border-color: #082fd1;
}
.blue-3 .panel.newsticker .panel-body .item .date p {
	color: #082fd1;
}
.blue-3 .panel.newsticker .panel-body .item a:hover {
	color: #082fd1;
}
.blue-3 .panel.newsticker .panel-body .item a:before {
	background-color: #082fd1;
}

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

.blue-3 .panel.newsletter .panel-body .item {
	border-color: #082fd1;
}
.panel.newsletter .panel-body .item.blue-3 .title,
.blue-3 .panel.newsletter .panel-body .item .title {
	background-color: #c1cbf3;
}
.panel.newsletter .panel-body .item.blue-3 .tooltip.right .tooltip-arrow,
.blue-3 .panel.newsletter .panel-body .item .tooltip.right .tooltip-arrow {
	border-right-color: #082fd1;
}
.panel.newsletter .panel-body .item.blue-3 .tooltip-inner,
.blue-3 .panel.newsletter .panel-body .item .tooltip-inner {
	background-color: #082fd1;
}

/* Titre de la catégorie */

.panel.newsletter .panel-body .item.blue-3 .title > .fa,
.blue-3 .panel.newsletter .panel-body .item .title > .fa {
	color: #082fd1;
}
.panel.newsletter .panel-body .item.blue-3 .title h3,
.blue-3 .panel.newsletter .panel-body .item .title h3 {
	color: #082fd1;
}

/* Liste des publications */

.panel.newsletter .panel-body .item.blue-3 .news ul li a:hover,
.blue-3 .panel.newsletter .panel-body .item .news ul li a:hover {
	color: #082fd1;
}
.panel.newsletter .panel-body .item.blue-3 .news ul li a:before,
.blue-3 .panel.newsletter .panel-body .item .news ul li a:before {
	background-color: #082fd1;
}

/* Bouton pour affichage liste */

.panel.newsletter .panel-body .item.blue-3 .more .btn,
.blue-3 .panel.newsletter .panel-body .item .more .btn {
	color: #082fd1 !important;
}
.panel.newsletter .panel-body .item.blue-3 .more .btn:hover,
.blue-3 .panel.newsletter .panel-body .item .more .btn:hover {
	color: #0626a7 !important;
}

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

.blue-3 .panel.agenda .panel-body {
	border-color: #536edf;
}

/* Calendar */

.blue-3 .panel.agenda .panel-body div.calendar .table thead tr th {
	color: #082fd1;
	background: #536edf;
}
.blue-3 .panel.agenda .panel-body div.calendar .table thead tr th .btn .fa {
	color: #082fd1;
}
.blue-3 .panel.agenda .panel-body div.calendar .table thead tr th .btn:hover .fa {
	color: #0626a7;
}
.blue-3 .panel.agenda .panel-body div.calendar .table thead tr th span {
	color: #082fd1;
}
.blue-3 .panel.agenda .panel-body div.calendar .table tbody tr td span.today {
	background-color: #536edf;
}
.blue-3 .panel.agenda .panel-body div.calendar .table tbody tr td span.event {
	background-color: #082fd1;
}
.blue-3 .panel.agenda .panel-body div.calendar .table tbody tr td span.today.event {
	border-color: #536edf;
}
.blue-3 .panel.agenda .panel-body div.calendar .list-group .list-group-item a:hover {
	color: #082fd1;
}
.blue-3 .panel.agenda .panel-body div.calendar .list-group .list-group-item a:before {
	background-color: #082fd1;
}
.blue-3 .panel.agenda .panel-body div.calendar .list-group .list-group-item .time {
	color: #082fd1;
}

/* Zabuto Calendar */

.blue-3 .panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th {
	color: #082fd1;
	background: #536edf;
}
.blue-3 .panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th .fa:hover {
	color: #0626a7;
}
.blue-3 .panel.agenda .panel-body div.zabuto_calendar .table tr td.event div.day,
.blue-3 .panel.agenda .panel-body div.zabuto_calendar ul.legend li.event {
	background-color: #082fd1;
}
.blue-3 .panel.agenda .panel-body div.zabuto_calendar .badge-today,
.blue-3 .panel.agenda .panel-body div.zabuto_calendar div.legend span.badge-today {
	background-color: #536edf;
}

/* Zabuto Calendar Modal */

.blue-3 .modal .modal-header h4 {
	color: #082fd1;
	border-color: #082fd1;
}
.blue-3 .modal .modal-header h4:before {
	color: #082fd1;
	background-color: #082fd1;
}

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

.blue-3 .cardgroup > .panel .panel-body > ul a:hover,
.blue-3 .cardgroup > .panel .panel-body > ul a:focus {
	color: #082fd1;
}

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


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

.blue-3 .article {
	border-color: #082fd1;
}
.blue-3 .article h2 {
	border-color: #082fd1;
}
.blue-3 .article h2:before {
	background-color: #082fd1 !important;
}
.blue-3 .article h2,
.blue-3 .article h2 > a,
.blue-3 .article a > h2 {
	color: #082fd1 !important;
}
.blue-3 .article h2 > a:hover,
.blue-3 .article a:hover > h2 {
	color: #0626a7 !important;
}
.blue-3 .article .infos > li .fa {
	color: #082fd1;
}
.blue-3 .article .date {
	color: #082fd1;
}
@media (max-width: 991px) {
	.blue-3 .article .date {
		background-color: #082fd1;
	}
}
.blue-3 .article .btn,
.blue-3 .article .btn:active,
.blue-3 .article .btn:focus,
.blue-3 .article .btn:hover {
	background-color: #536edf;
}
.blue-3 .article .btn:hover {
	color: #0626a7 !important;
	background-color: #082fd1;
}
.blue-3 .article .btn:after {
	border-color: #082fd1;
}
.blue-3 .article .btn:hover:after {
	border-color: #536edf;
}

/* Article Detail */

.blue-3 .article-detail .infos > li .fa {
	color: #082fd1;
}
.blue-3 .article-detail .date {
	color: #0626a7;
	background-color: #536edf;
}

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

.blue-3 .article-pagination .pagination > li > a,
.blue-3 .article-pagination .pagination > li > span {
	background-color: #082fd1;
}
.blue-3 .article-pagination .pagination > li > a:focus,
.blue-3 .article-pagination .pagination > li > a:hover,
.blue-3 .article-pagination .pagination > li > span:focus,
.blue-3 .article-pagination .pagination > li > span:hover {
	background-color: #0626a7;
}
.blue-3 .article-pagination .pagination > .active > a,
.blue-3 .article-pagination .pagination > .active > a:focus,
.blue-3 .article-pagination .pagination > .active > a:hover,
.blue-3 .article-pagination .pagination > .active > span,
.blue-3 .article-pagination .pagination > .active > span:focus,
.blue-3 .article-pagination .pagination > .active > span:hover {
	background-color: #0626a7;
}
.blue-3 .article-pagination .pagination > .disabled > a,
.blue-3 .article-pagination .pagination > .disabled > a:focus,
.blue-3 .article-pagination .pagination > .disabled > a:hover,
.blue-3 .article-pagination .pagination > .disabled > span,
.blue-3 .article-pagination .pagination > .disabled > span:focus,
.blue-3 .article-pagination .pagination > .disabled > span:hover {
	color: #536edf;
	background-color: #c1cbf3;
}
.blue-3 .article-pagination .btn {
	background-color: #082fd1;
}
.blue-3 .article-pagination .btn:focus,
.blue-3 .article-pagination .btn:hover {
	background-color: #0626a7;
}

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

.blue-3 .article-filter .categories li .btn {
	background-color: #082fd1;
}
.blue-3 .article-filter .categories li.all .btn {
	background-color: #434242;
}
.blue-3 .article-filter .categories li .btn:hover {
	background-color: #0626a7;
}

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

.xxx .article-filter .categories li .btn {
	background-color: #082fd1;
}
.xxx .article-filter .categories li.all .btn {
	background-color: #434242;
}
.xxx .article-filter .categories li .btn:hover {
	background-color: #0626a7;
}

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


/* Titres */

.blue-3 .content h1,
.blue-3 .content h1 a {
	color: #082fd1;
}
.blue-3 .content h2,
.blue-3 .content h2 a {
	color: #082fd1;
}

/* Liens */

.blue-3 .content a {
	color: #082fd1;
}
.blue-3 .content a:hover {
	color: #0626a7;
}

/* Listes à puces */

.blue-3 .content .infos > li a {
	color: #082fd1 !important;
}
.blue-3 .content .infos > li a:hover {
	color: #0626a7 !important;
}

/* Carousel */

.blue-3 .content .carousel .carousel-control .fa {
	color: #082fd1;
}
.blue-3 .content .carousel .carousel-control:hover .fa {
	color: #0626a7;
}
.blue-3 .content .carousel .carousel-indicators li {
	border-color: #082fd1;
}
.blue-3 .content .carousel .carousel-indicators li.active {
	background-color: #082fd1;
}

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


/*.blue-3 .content.homepage h1 {
    color: #082fd1;
}*/


/* TYPO3 Heading Frame */

.blue-3 .content.homepage .frame {
	border-color: #082fd1;
}
.blue-3 .content.homepage .frame > h1,
.blue-3 .content.homepage .frame > h2 {
	color: #082fd1;
}

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


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

.blue-3 .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit {
	background-color: #082fd1;
}
.blue-3 .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:active,
.blue-3 .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:focus,
.blue-3 .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:hover {
	background-color: #0626a7;
}

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

.blue-3 .frame-type-uploads h2 {
	background-color: #536edf;
}
.blue-3 ul.media-list li.media .media-body > h4 > a:hover {
	color: #082fd1;
}
.blue-3 ul.media-list li.media .media-body > h4 > a > span {
	background-color: #082fd1;
}
.blue-3 ul.media-list li.media .media-body > h4 > a > small {
	color: #082fd1;
}

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

.blue-3 .content .frame-type-menu > ul > li > a {
	color: #082fd1 !important;
}
.blue-3 .content .frame-type-menu > ul > li > a:hover {
	color: #0626a7 !important;
}
.blue-3 .content .frame-type-menu > ul > li > ul > li > a:hover {
	color: #0626a7 !important;
}
.blue-3 .content .frame-type-menu > ul > li > ul > li > ul > li > a:hover {
	color: #0626a7 !important;
}

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

.blue-3 .tx-yag-breadcrumbcomtainer {
	border-color: #0626a7;
}
.blue-3 .tx-ptextlist-pager-item-display {
	color: #0626a7;
}