/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26 nov. 2014, 10:59:02
    Author     : archriss
*/

/* color */
#breadcrumb, #breadcrumb a, 
.block-actu .link a, 
.block .link a, 
#actu-box .link a, 
.actu-box .link a, 
.block-pdf .text h3 a, 
#actu-box .text h3 a, 
.actu-box .text h3 a, 
.block-mag .text h3 a, 
.block-mag .text .link-mag, 
#bxslider .description h2 a, 
.block-goOut .text .link a, 
#nav li .block-actu .link a, 
#right-col .block-elu .statut, 
h1, 
a, 
#main-col .block-article h3 a, 
.block-pdf .text .link a, 
.block-pdf .summary .title, 
.block-discover li a, 
.block-guide .text h3 a, 
#main-col .block-elu-all .text .commune a, 
#main-col .block-elu-all .text .commune, 
.tag li a, 
.organigramme #main-col .block-elu-all .text p.fonction, 
#main-col #actu-box .link a, 
#main-col .actu-box .link a, 
.organigramme #main-col .block-2of2 .text p a, 
.block-free .color, 
#system-tab legend, 
#main-col legend, 
#secondary-nav > li:hover > a, 
#secondary-nav > li.active > a, 
.press .block-result li .date, 
.pyrenees-atlantiques.elu #main-col .link a, 
.services .block-result li .date, 
input[type="password"], 
#container #main-col .block-mag .link a, 
.search-engine .tx-indexedsearch-sw, 
.error, 
.quiz .subtitle, 
#main-col .block-quiz h2 .color, 
.block-quiz .answer h3, 
.block-quiz .field .field-radio .false, 
#main-col .block-argument .h1, 
#main-col .block-argument .subtitle, 
#main-col .download a, 
#main-col .block-pdf p.link a, 
#main-col .block-guide p.link a, 
.pyrenees-atlantiques h1, 
.pyrenees-atlantiques .block-download h3, 
#nav .tab-01 .btn-item:hover, 
#nav .tab-01.active .btn-item, 
#nav .tab-01 li li.title a, 
#nav .tab-01.theme .btn-item, 
.pyrenees-atlantiques #secondary-nav li a:hover, 
.online-services a:hover, 
.online-services .link a:hover .text, 
.block h3 a, .online-services li.active a, 
.online-services li:hover a, 
.pyrenees-atlantiques div.switch:hover, 
.pyrenees-atlantiques #container #nav-right li li.active li a:hover, 
.pyrenees-atlantiques #container #nav-right li li li.active a, 
.block-actions .services h3 a, 
.pyrenees-atlantiques .filter label, 
.page-tag #main-col .block-article h2, 
#main-col .block-elu-all .text .link a, 
.filter legend, .pyrenees-atlantiques #secondary-nav li li.active a, 
.pyrenees-atlantiques #main-col .block-goOut p.link a, 
.commune #main-col .title, .pyrenees-atlantiques #main-col .link a, 
.organigramme #main-col .block-elu-all h3, 
.organigramme #main-col .block-elu-all .text a, 
.organigramme #main-col .block-2of2 .text .title, 
.page-tag #main-col #actu-box h2, 
.organigramme #container #main-col .block-2of2 h2, 
.pyrenees-atlantiques #main-col legend, 
.elu .contact .title, 
#ui-datepicker-div td a, 
.services #main-col .block-result li h3 a, 
.pyrenees-atlantiques #map-geolocal-list a, .commune .liste_resultat_annuaire li a, .commune .liste_resultat_annuaire .entete, .pyrenees-atlantiques input[type="password"], .pyrenees-atlantiques #main-col .csc-menu-def li a:hover, .search-engine #main-col .block-result li h2 a, #right-col .block-goOut .text .link a, 
.pyrenees-atlantiques #secondary-nav li.open > div.switch, 
.block-actu .date, 
#main-col .container-openclose > h3, 
#main-col .container-openclose > h2{
    color:#2e8198;
}
.pyrenees-atlantiques #nav-right .title, .online-services .title, 
.pyrenees-atlantiques .block-actions h3, 
.block-actions .article h3, 
#nav-right .title,
.tab-01 .btn-theme-home, #nav .mobile .btn-services a, 
#system-tab .tabs li.tab-1, 
#system-tab .tabs li:hover,
.csc-sitemap li a,
#main-col .container-openclose.open > h2,
.pyrenees-atlantiques input[type="submit"], .ext-link a, .commune p.search a, .commune .arc-gmapitineraire a:hover, .block-actions .pyrenees-atlantiques .content, .services p.search a, .ui-datepicker-calendar th, #ui-datepicker-div td a:hover, .formular p.search a, .emploi #main-col .button a, .quiz #main-col input[type="submit"], #right-col .connexion input[type="submit"], .block-argument .result-color1 .color, .block-argument .result-color1 .debat-result, .block-argument .debat-color1, .block-actions .pyrenees-atlantiques .content{
    background-color: #2e8198;
}
.online-services .title{
    background-color:#00abbd;
}
#container #main-col .block-guide p.link a, 
#container #main-col .block-pdf p.link a, 
#container #main-col .block-mag p.link a, 
#container .block.block-elu.alone p.link a, 
.block-actu .link a, 
.block .link a, 
#actu-box .link a, 
.list .actu-box .link a, 
.link a, #container #main-col .block-article .link a, 
#container #main-col #actu-box .link a, 
#container #main-col .actu-box .link a, 
.pyrenees-atlantiques.elu #main-col .link a{
    background: url('../../images/satellite/archives/arrow-archives.png') no-repeat right center;
}

#main-col .block-actions li a {
    color:#fff;
}

/* -------------------- */
/* #header */
/* -------------------- */
#bandeauCookie { color:#444; background: #cacaca;}

#skiplink { top:130px; left:70px; z-index:99;}
#skiplink a { color:#fff;}

#logo { margin: 0;}
#logo-archives { margin:0 20px 0 0;}
#logo-cg { padding: 40px 0 0 15px;display:inline-block; vertical-align: top; width:100px; }
#logo-cg img { width: 100%; height: auto;}

#header {background: #ffffff;}
#header .sub-content { padding:0;}
#header .info { margin: 10px 0 40px;}
#header .weather {background-color: #2e8198;}
#header .info .date { margin: 0 1px 0 0;}
ul.social-networks { padding: 0;}

#top-nav {width:auto; padding:15px 10px; margin:0 0 0 20px;}
#top-nav li { margin: 0 10px;}
#top-nav a {color:#2e8198;}

#nav { background: url('../../images/satellite/archives/nav-bg.png') repeat-x;}
#nav .btn-item { color:#fff;height: 8px; padding:15px 0 17px; border-bottom: 6px solid #fff;}
#nav .tab-01:hover .btn-item { border-bottom: 6px solid #2e8198;}
#nav .submenu {
    top:45px;
}


/* -------------------- */
/* #container */
/* -------------------- */
.slider-container {
    margin: 190px auto 0;
}
.bx-wrapper .bx-pager.bx-default-pager a { background: url('../../images/satellite/archives/pager-archives.png') no-repeat;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:url(../../images/satellite/archives/pager-archives.png) no-repeat -28px 0;}

/* #main-col */
/* -------------------- */
#main-col { min-height: inherit;}

.backtop a {
    display: inline-block;
    width:45px;
    height:17px;
    background: url('../../images/satellite/archives/gotop-archives.png') no-repeat;
}
.backtop a img {
    display: none;
} 
#main-col .block-result ul {
    padding: 20px;
    background: #f2f2f2;
}
#main-col .block-result li {
    list-style: none;
    padding: 20px;
    margin: 0 0 20px;
    background: #ffffff;
}
#main-col .block-result li h2 {
    background: none;
    margin:0 0 5px;
}
#main-col .block-result li h2 a {
    text-decoration: none;
}
#main-col .block-result li h2 a:hover {
    text-decoration: underline;
}
#search-engine input.submit {
    color:#fff;
    background: #2e8198;
}
#search input {
    background-color: transparent !important;
}
#main-col .block-result .block ul {
    padding: 0;
    background: none;
}
#main-col .actu-box .block-1of2 {
    padding: 0;
}
.csc-sitemap .switch2 {
    background: url(../../images/arrow-black.png) no-repeat center 0;
}
.csc-sitemap li li.open > .switch2 {
    background: url(../../images/arrow-black-open.png) no-repeat center 0;
}
.block-actu .flux-rss a{
    width: 20px;
    height:20px;
    display: inline-block;
    background: url('../../images/sprite-social.png') no-repeat -181px 0;
}
.block-actu .flux-rss a img{ 
    display:none;
}
#main-col .container-openclose > h3,
#main-col .container-openclose > h2{
    margin:0;
    text-transform: none;
    font-weight: bold;
    padding: 10px;
    border: none;
    background: url("../../images/openclose-plus.png") no-repeat scroll right center #f2f2f2;
}
#main-col .block-openclose .container-openclose > h3,
#main-col .block-openclose .container-openclose > h2{
    margin:0;
}
#main-col .container-openclose.open > h3,
#main-col .container-openclose.open > h2{
    background: url("../../images/openclose-moins.png") no-repeat scroll right center #f2f2f2;
}
#main-col .container-openclose.open > h3,
#main-col .container-openclose.open > h2{
    color:#fff;
    background-color: #2e8198;
}
#nav .img img {
    margin:0;
}
#nav .submenu {
    min-height: 440px;
}
.btn-theme-home {
    bottom: 20px;
}
#nav .niv2 li {
    margin:0 4% 10px 0;
}
#nav .niv2 li li.title {
    margin:0 0 5px;
}
.theme #container{
    margin: 200px 0 0;
}
.theme #right-col {
    background: #fff;
}
#nav .niv2 li li img {
    width:100%;
}
#nav-right #secondary-nav li a {
    background-image: none;
}
#nav-right #secondary-nav li li li a {
    background-image: none;
}


/* #right-col */
/* -------------------- */




/* -------------------- */
/* #footer */
/* -------------------- */
.footer-tools {
    display: none;
}
#footer {
    border-top: 20px solid #2e8198;
}
#footer .info {
    padding-top: 10px;
}


/* = Mobile Landscape to Tablet Portrait (480-767) */
/* ----------------------------------------------------------------------- */

@media only screen and (max-width: 777px) {
    #logo{
        width:50%;
    }
    #logo .logo-main,
    #logo .logo-cg64 {
        display:inline-block;
    }
    #logo .logo-main img,
    #logo .logo-cg64 img{
        width:100%;
        height:auto;
    }
    #logo .logo-main {
        width:290px;
        height:auto;
    }
    #logo .logo-cg64 {
        width:80px;
    }
    #skiplink {
        display:none;
    }
    #header .info {
        margin:10px 0;
    }
    #top-nav {
        padding: 12px 10px;
    }
    ul.social-networks {
        margin:5px 0 0;
    }
    .slider-container {
        margin: 140px auto 0;
    } 
    .backtop {
        margin: 20px 0 0 20px;
    }
    #footer {
        padding:0 20px;
    }
}
/* = Mobile Portrait to Mobile Landscape   */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 660px) {
    #header .info {
        margin: 0;
    }
    #logo {
        width:100%;
        margin:35px 0 0 20px;
    }
    #header .sn-tn {
        display:none;
    }
}
/* = Mobile Portrait to Mobile Landscape   */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 450px) {
    #logo .logo-main {
        width:190px;
    }
    .slider-container {
        margin: 0 auto;
    }
    #nav .mobile .btn-services {
        background:#2e8198;
    }
    #nav .btn-item {
        padding: 15px 0 17px 15px;
    }
}