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


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


/* Foncé <===---> Clair
------------------------------------------------------------------------
Bleu		| #015462 | #03A9C5 | #81D4E2 | #C0E9F0 | #E6F7F9 => @blue
------------------------------------------------------------------------ */


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

.blue h1 {
	color: #03A9C5;
}
.blue h2 {
	color: #03A9C5;
	border-bottom: 1px solid #03A9C5;
}
.blue h2:before {
	background-color: #03A9C5;
}
.blue h3 {
	color: #03A9C5;
}
.blue h4 {
	color: #03A9C5;
}

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

.blue hr {
	background-color: #03A9C5;
}

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

.blue .content ul > li:before {
	color: #03A9C5;
}
.blue .content ul > li > ul > li:before {
	color: #81D4E2;
}

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


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


/* Default & Primary */

.blue .btn-default,
.blue .btn-primary {
	background-color: #03A9C5;
}
.blue .btn-default:active,
.blue .btn-default:focus,
.blue .btn-default:hover,
.blue .btn-primary:active,
.blue .btn-primary:focus,
.blue .btn-primary:hover {
	background-color: #015462;
}

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


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

.blue .table thead th,
.blue .table tr.thead th {
	background-color: #03A9C5;
}
.blue .table tfoot th,
.blue .table tr.tfoot th {
	color: #015462;
	background-color: #81D4E2;
}

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

.blue legend {
	color: #03A9C5;
}
.blue label {
	color: #03A9C5;
}
.blue .form-control {
	color: #03A9C5;
	border-bottom: 2px solid #03A9C5;
}
.blue .input-group-addon {
	background: #03A9C5;
}

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


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

.blue figure.image .caption p strong {
	color: #03A9C5;
}

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

.blue .hover-info,
.blue .hover-info.empty {
	background-color: rgba(129, 212, 226, 0.7);
}

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

.blue .carousel .carousel-control {
	color: #015462;
}
.blue .carousel .carousel-control:hover {
	color: #03A9C5;
}
.carousel .carousel-indicators li.active.blue,
.blue .carousel .carousel-indicators li.active {
	border-bottom-color: #015462;
}
.carousel .carousel-indicators li.active.blue:before,
.blue .carousel .carousel-indicators li.active:before {
	border-top-color: #015462;
}
.carousel .carousel-inner .item.blue,
.blue .carousel .carousel-inner .item {
	background-color: #81D4E2;
	background-color: rgba(129, 212, 226, 0.7);
}
.carousel .carousel-inner .item.blue .container .carousel-caption,
.blue .carousel .carousel-inner .item .container .carousel-caption {
	background-color: #81D4E2;
	/*background-color: rgba(129, 212, 226, 0.7);*/
	color: #015462;
}
.carousel .carousel-inner .item.blue .container .carousel-caption p,
.blue .carousel .carousel-inner .item .container .carousel-caption p,
.carousel .carousel-inner .item.blue .container .carousel-caption a,
.blue .carousel .carousel-inner .item .container .carousel-caption a,
.carousel .carousel-inner .item.blue .container .carousel-caption li,
.blue .carousel .carousel-inner .item .container .carousel-caption li {
	color: #015462;
}
.carousel .carousel-inner .item.blue .container .carousel-caption .date,
.blue .carousel .carousel-inner .item .container .carousel-caption .date {
	background-color: #015462;
}
.carousel .carousel-inner .item.blue .container .carousel-caption h2,
.blue .carousel .carousel-inner .item .container .carousel-caption h2 {
	color: #015462;
	border-bottom: 1px solid #015462;
}
.carousel .carousel-inner .item.blue .container .carousel-caption h2:before,
.blue .carousel .carousel-inner .item .container .carousel-caption h2:before {
	background-color: #015462;
}
.carousel .carousel-inner .item.blue .container .carousel-caption ul.infos > li > a,
.blue .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a {
	color: #015462;
}
.carousel .carousel-inner .item.blue .container .carousel-caption ul.infos > li > a:hover,
.blue .carousel .carousel-inner .item .container .carousel-caption ul.infos > li > a:hover {
	color: #03A9C5;
}
.carousel .carousel-inner .item.blue .container .carousel-caption .btn,
.blue .carousel .carousel-inner .item .container .carousel-caption .btn {
	background-color: #015462;
}
.carousel .carousel-inner .item.blue .container .carousel-caption .btn:hover,
.blue .carousel .carousel-inner .item .container .carousel-caption .btn:hover {
	background-color: #03A9C5;
}

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

.blue .breadcrumb ul li,
.blue .content ul.breadcrumb li {
	color: #03A9C5;
}

/*.breadcrumb ul li:before,
.blue .content ul.breadcrumb li:before {
    color: #015462;
}
.blue .breadcrumb ul li > a,
.blue .content ul.breadcrumb li > a {
    color: #015462;
}*/

.blue .breadcrumb ul li > a:hover,
.blue .content ul.breadcrumb li > a:hover {
	color: #03A9C5;
}

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

.blue .controls li > a:hover {
	background-color: #81D4E2 !important;
}
.blue .controls li.print > a:before {
	color: #03A9C5;
}
.blue .controls li.fontsize_increase > a,
.blue .controls li.fontsize_decrease > a {
	background-color: #03A9C5;
}

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

.blue .pagetitle {
	background-color: #03A9C5;
}
.blue .pagetitle h2 {
	background-color: #03A9C5;
}

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


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

.blue .sidebar .panel .panel-heading {
	background: #03A9C5;
}

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


/* panel-heading (equivalent) */

.blue .sidebar .frame-type-list > h1,
.blue .sidebar .frame-type-list > h2 {
	background: #03A9C5;
}

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


/* Niveau 1 */

.blue .nav.nav-stacked > li > a {
	color: #03A9C5;
	background-color: #C0E9F0;
}
.blue .nav.nav-stacked > li a:before {
	color: #03A9C5;
}
.blue .nav.nav-stacked > li.active > a:before,
.blue .nav.nav-stacked > li.current > a:before,
.blue .nav.nav-stacked > li.active > a,
.blue .nav.nav-stacked > li.current > a,
.blue .nav.nav-stacked > li > a:hover,
.blue .nav.nav-stacked > li > a:focus,
.blue .nav.nav-stacked > li.active > a:hover,
.blue .nav.nav-stacked > li.current > a:hover,
.blue .nav.nav-stacked > li > a:hover:before,
.blue .nav.nav-stacked > li > a:focus:before,
.blue .nav.nav-stacked > li.active > a:hover:before {
	color: #FFFFFF;
	background-color: #03A9C5;
}

/* Niveau 2 */

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

/* Niveau 3 */

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

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

.blue .nav-tabs > li > a {
	color: #015462;
	background-color: #81D4E2;
}
.blue .nav-tabs > li > a:hover,
.blue .nav-tabs > li > a:focus {
	background-color: #03A9C5;
}
.blue .nav-tabs > li.active > a,
.blue .nav-tabs > li.active > a:hover,
.blue .nav-tabs > li.active > a:focus {
	background-color: #03A9C5;
}
.blue .tab-content {
	border-top: 2px solid #03A9C5;
}

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

.blue .panel-group .panel .panel-heading a.collapsed:hover {
	color: #03A9C5 !important;
	background-color: #C0E9F0;
}

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

.blue .panel {
	border: 1px solid #D9D9D9;
}

/*.blue .panel .panel-heading a {
    color: #81D4E2;
}
.blue .panel .panel-heading a:hover {
    color: #015462;
}*/


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


/* Default */

.blue .panel-default .panel-heading {
	background-color: #03A9C5;
}
.blue .panel-default .panel-heading a {
	color: #81D4E2;
}
.blue .panel-default .panel-heading a:hover {
	color: #015462;
}

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


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


/* Default */

.blue .infos .panel-default .panel-body,
.blue .infos .panel-default .panel-body p,
.blue .infos .panel-default .panel-body a,
.blue .infos .panel-default .panel-body li {
	color: #03A9C5;
}

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

.blue .homepage .panel .panel-heading {
	color: #03A9C5;
	border-top: 5px solid #03A9C5;
}

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


/* Liens rapides
------------------------------------ */

.blue .panel.links .panel-body ul li a:hover {
	color: #03A9C5;
}
.blue .panel.links .panel-body ul li.office a:before {
	background: transparent url('../images/office_blue@2x.png') no-repeat 0 0;
	background-size: 100%;
}
.blue .panel.links .panel-body ul li.price a:before {
	background: transparent url('../images/price_blue@2x.png') no-repeat 0 0;
	background-size: 100%;
}
.blue .panel.links .panel-body ul li.people a:before {
	background: transparent url('../images/people_blue@2x.png') no-repeat 0 0;
	background-size: 100%;
}
.blue .panel.links .panel-body ul li.newspaper a:before {
	background: transparent url('../images/newspaper_blue@2x.png') no-repeat 0 0;
	background-size: 100%;
}
.blue .panel.links .panel-body ul li a:after {
	background-color: #03A9C5;
}

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

.blue .panel.contact {
    background: linear-gradient(-135deg, #F5F5F5 240px, #03A9C5 240px);
}
.blue .panel.contact .panel-body {
	background: transparent url('../images/contact_svri@2x.png') no-repeat 0 0;
	background-size: contain;
}
.blue .panel.contact .panel-body h3 {
	color: #81D4E2;
    border-color: #81D4E2;
}
.blue .panel.contact .panel-body ul li .fa {
	color: #81D4E2;
}
.blue .panel.contact .panel-body a:hover {
	color: #81D4E2;
}

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

.blue .panel.newsticker .panel-body .control .btn {
	color: #03A9C5;
}
.blue .panel.newsticker .panel-body .control .btn:hover {
	color: #015462;
}
.blue .panel.newsticker .panel-body .item {
	border-top: 1px dotted #03A9C5;
}
.blue .panel.newsticker .panel-body .item:last-child {
	border-bottom: 1px dotted #03A9C5;
}
.blue .panel.newsticker .panel-body .item .date p {
	color: #03A9C5;
}
.blue .panel.newsticker .panel-body .item a:hover {
	color: #03A9C5;
}
.blue .panel.newsticker .panel-body .item a:before {
	background-color: #03A9C5;
}

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

.blue .panel.agenda .panel-body {
	border-top: 40px solid #81D4E2;
}

/* Calendar */

.blue .panel.agenda .panel-body div.calendar .table thead tr th {
	color: #03A9C5;
	background: #81D4E2;
}
.blue .panel.agenda .panel-body div.calendar .table thead tr th .btn .fa {
	color: #03A9C5;
}
.blue .panel.agenda .panel-body div.calendar .table thead tr th .btn:hover .fa {
	color: #015462;
}
.blue .panel.agenda .panel-body div.calendar .table thead tr th span {
	color: #03A9C5;
}
.blue .panel.agenda .panel-body div.calendar .table tbody tr td span.today {
	background-color: #81D4E2;
}
.blue .panel.agenda .panel-body div.calendar .table tbody tr td span.event {
	background-color: #03A9C5;
}
.blue .panel.agenda .panel-body div.calendar .table tbody tr td span.today.event {
	border: 2px solid #81D4E2;
}
.blue .panel.agenda .panel-body div.calendar .list-group .list-group-item a:hover {
	color: #03A9C5;
}
.blue .panel.agenda .panel-body div.calendar .list-group .list-group-item a:before {
	background-color: #03A9C5;
}
.blue .panel.agenda .panel-body div.calendar .list-group .list-group-item .time {
	color: #03A9C5;
}

/* Zabuto Calendar */

.blue .panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th {
	color: #03A9C5;
	background: #81D4E2;
}
.blue .panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th .fa:hover {
	color: #015462;
}
.blue .panel.agenda .panel-body div.zabuto_calendar .table tr td.event div.day,
.blue .panel.agenda .panel-body div.zabuto_calendar ul.legend li.event {
	background-color: #03A9C5;
}
.blue .panel.agenda .panel-body div.zabuto_calendar .badge-today,
.blue .panel.agenda .panel-body div.zabuto_calendar div.legend span.badge-today {
	background-color: #81D4E2;
}

/* Zabuto Calendar Modal */

.blue .modal .modal-header h4 {
	color: #03A9C5;
	border-bottom: 1px solid #03A9C5;
}
.blue .modal .modal-header h4:before {
	color: #03A9C5;
	background-color: #03A9C5;
}

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


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

.blue .article {
	border-left: 5px solid #03A9C5;
}
.blue .article h2 {
	border-bottom: 1px solid #03A9C5;
}
.blue .article h2:before {
	background-color: #03A9C5 !important;
}
.blue .article h2,
.blue .article h2 > a,
.blue .article a > h2 {
	color: #03A9C5 !important;
}
.blue .article h2 > a:hover,
.blue .article a:hover > h2 {
	color: #015462 !important;
}
.blue .article .infos > li .fa {
	color: #03A9C5;
}
.blue .article .date {
	color: #03A9C5;
}
@media (max-width: 991px) {
	.blue .article .date {
		background-color: #03A9C5;
	}
}
.blue .article .btn,
.blue .article .btn:active,
.blue .article .btn:focus,
.blue .article .btn:hover {
	background-color: #81D4E2;
}
.blue .article .btn:hover {
	color: #015462 !important;
	background-color: #03A9C5;
}
.blue .article .btn:after {
	border-bottom: 30px solid #03A9C5;
}
.blue .article .btn:hover:after {
	border-bottom: 40px solid #81D4E2;
}

/* Article Detail */

.blue .article-detail .infos > li .fa {
	color: #03A9C5;
}
.blue .article-detail .date {
	color: #015462;
	background-color: #81D4E2;
}

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

.blue .article-pagination .pagination > li > a,
.blue .article-pagination .pagination > li > span {
	background-color: #03A9C5;
}
.blue .article-pagination .pagination > li > a:focus,
.blue .article-pagination .pagination > li > a:hover,
.blue .article-pagination .pagination > li > span:focus,
.blue .article-pagination .pagination > li > span:hover {
	background-color: #015462;
}
.blue .article-pagination .pagination > .active > a,
.blue .article-pagination .pagination > .active > a:focus,
.blue .article-pagination .pagination > .active > a:hover,
.blue .article-pagination .pagination > .active > span,
.blue .article-pagination .pagination > .active > span:focus,
.blue .article-pagination .pagination > .active > span:hover {
	background-color: #015462;
}
.blue .article-pagination .pagination > .disabled > a,
.blue .article-pagination .pagination > .disabled > a:focus,
.blue .article-pagination .pagination > .disabled > a:hover,
.blue .article-pagination .pagination > .disabled > span,
.blue .article-pagination .pagination > .disabled > span:focus,
.blue .article-pagination .pagination > .disabled > span:hover {
	color: #81D4E2;
	background-color: #E6F7F9;
}
.blue .article-pagination .btn {
	background-color: #03A9C5;
}
.blue .article-pagination .btn:focus,
.blue .article-pagination .btn:hover {
	background-color: #015462;
}

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


/* Titres */

.blue .content h1,
.blue .content h1 a {
	color: #03A9C5;
}
.blue .content h2,
.blue .content h2 a {
	color: #03A9C5;
}

/* Liens */

.blue .content a {
	color: #03A9C5;
}
.blue .content a:hover {
	color: #015462;
}

/* Listes à puces */

.blue .content .infos > li a {
	color: #03A9C5 !important;
}
.blue .content .infos > li a:hover {
	color: #015462 !important;
}

/* Carousel */

.blue .content .carousel .carousel-control .fa {
	color: #03A9C5;
}
.blue .content .carousel .carousel-control:hover .fa {
	color: #015462;
}
.blue .content .carousel .carousel-indicators li {
	border-bottom-color: #03A9C5;
}
.blue .content .carousel .carousel-indicators li:before {
	border-top-color: #03A9C5;
}
.blue .content .carousel .carousel-indicators li.active {
	border-bottom-color: #015462;
}
.blue .content .carousel .carousel-indicators li.active:before {
	border-top-color: #015462;
}

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


/*.blue .content.homepage h1 {
    color: #03A9C5;
}*/


/* TYPO3 Heading Frame */

.blue .content.homepage .frame {
	border-top: 5px solid #03A9C5;
}
.blue .content.homepage .frame > h1,
.blue .content.homepage .frame > h2 {
	color: #03A9C5;
}

/* Default & Contact
------------------------------------ */

.blue .content.defaultpage,
.blue .content.projectpage,
.blue .content.contactpage {
	background: transparent url('../images/content_blue@2x.png') repeat 0 0;
	background-size: contain;
}
.blue .content.projectpage .label {
	background-color: #03A9C5;
}
.blue .content.projectpage .panel .panel-body ul li .fa {
	color: #03A9C5;
}

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


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

.blue .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit {
	background-color: #03A9C5;
}
.blue .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:active,
.blue .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:focus,
.blue .tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:hover {
	background-color: #015462;
}

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

.blue .row > div:not(.col-lg-12) > .frame-type-uploads h2 {
	background-color: #81D4E2;
}
.blue ul.media-list li.media .media-body > h4 > a:hover {
	color: #03A9C5;
}
.blue ul.media-list li.media .media-body > h4 > a > span {
	background-color: #03A9C5;
}
.blue ul.media-list li.media .media-body > h4 > a > small {
	color: #03A9C5;
}

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

.blue .content .frame-type-menu > ul > li > a {
	color: #03A9C5 !important;
}
.blue .content .frame-type-menu > ul > li > a:hover {
	color: #015462 !important;
}
.blue .content .frame-type-menu > ul > li > ul > li > a:hover {
	color: #015462 !important;
}
.blue .content .frame-type-menu > ul > li > ul > li > ul > li > a:hover {
	color: #015462 !important;
}

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

.blue .tx-yag-breadcrumbcomtainer {
	border-bottom: 1px solid #015462;
}
.blue .tx-ptextlist-pager-item-display {
	color: #015462;
}