/*	CSS JAUNE
---------------------------------------------------*/

/*  @Flash
---------------------------------------------------------------*/

#flash { 
    background: transparent url(../images/jaune/bg-flash-index.jpg) repeat-x center top; 
}

/*  @ content
---------------------------------------*/

#container {
    background: #fcfcf5 url(../images/jaune/bg-container.png) repeat-x left top;
}

.fil-ariane {
    height: 85px;
    background: transparent url(../images/jaune/bg-fil-ariane.png) left top no-repeat;
}

.bloc-actualites {
    background: transparent url(../images/jaune/bg-bloc-actualites.png) no-repeat left 21px;
}

.bloc-bonPlan {
    background: transparent url(../images/jaune/bg-bloc-bons-plans.png) no-repeat left 21px;
}

.bloc-recherche {
    background: transparent url(../images/jaune/bg-bloc-recherche.png) no-repeat left 21px;
}

.bloc-infoPratique {
    background: transparent url(../images/jaune/bg-bloc-infos-pratiques.png) no-repeat left top;
}

.bloc-promotions {
    background: transparent url(../images/jaune/bg-bloc-promos-en-cours.png) no-repeat left 23px;
}

.bloc-plans-galerie .top {
    background: transparent url(../images/jaune/bg-bloc-plans-galeries-top.png) no-repeat left top;
}

.recherche-themes li a:hover, .recherche-themes li a:focus, .recherche-themes li.actif a {
    background: #f49f17 url(../images/jaune/puce-liste-theme-on.png) no-repeat 6px 7px;
}

.recherche-boutiques h3 {
    color: #f49f17;
    border-bottom: #f49f17 solid 1px;
}

.recherche-themes li .elements li a:hover, .recherche-themes li .elements li a:focus {
    color: #f49f17;
}

.recherche-boutiques .bloc-clear .floatLeft li a:hover, .recherche-boutiques .bloc-clear .floatLeft li a:focus {
    color: #f49f17;
    text-decoration: none;
}

.fil-ariane p span {
    color: #f49f17;
}

#content .infos .itineraire .cadre .navIti li.voiture a:hover, #content .infos .itineraire .cadre .navIti li.voiture a:focus, #content .infos .itineraire .cadre .navIti li.voiture a.actif {
    width: 114px;
    background: transparent url(../images/jaune/bt-voiture-on.png) no-repeat left top;
}

#content .infos .itineraire .cadre .navIti li.transport a:hover, #content .infos .itineraire .cadre .navIti li.transport a:focus, #content .infos .itineraire .cadre .navIti li.transport a.actif {
    width: 117px;
    background: transparent url(../images/jaune/bt-transport-on.png) no-repeat left top;
}

#content .infos .itineraire .cadre .navIti li.taxi a:hover, #content .infos .itineraire .cadre .navIti li.taxi a:focus, #content .infos .itineraire .cadre .navIti li.taxi a.actif {
    width: 119px;
    background: transparent url(../images/jaune/bt-taxi-on.png) no-repeat left top;
}

.bloc-recherche .select label {
    background: transparent url(../images/jaune/bg-label-recherche-magasin.png) no-repeat left top;
}

/*      @sous navigation
---------------------------------------------------------------------------------------------*/

#subSousNav #magasins {
    background: transparent url(../images/jaune/bg-sous-nav-magasins.png) no-repeat 275px 4px;
}

.sousNav h2 {
    color: #f49705;
    border-bottom: solid 1px #f49705;
}

.sousNav ul li ul li, .sousNav .promoRight li {
    background: transparent url(../images/jaune/puce-sous-nav.png) no-repeat left 2px;
}

#subSousNav #flecheMenu {
    background: transparent url(../images/jaune/fleche-menu-on.png) no-repeat left top;
}

.sousNav .text h3, .sousNav .text .date,
.sousNav .text h3 a, .sousNav .text .date a {
    color: #f49705;   
}


/*  Carousels
--------------------------------------------------------------------------------------------------------*/

#js .offresSpecialesSimples .carouselPrev {        
    background:transparent url(../images/jaune/bt-carousel-prev.png) no-repeat left top;
}

#js .offresSpecialesSimples .carouselNext {        
    background:transparent url(../images/jaune/bt-carousel-next.png) no-repeat left top;
}

#promoBoutique .next a {
    background: url(../images/jaune/bt-promo-boutique-next.png) no-repeat;
}

#promoBoutique .prev a {
    background: url(../images/jaune/bt-promo-boutique-prev.png) no-repeat;
}

#bonsPlans .next a, #carActus .next a {
    background: url(../images/jaune/bt-carousel-next.png) no-repeat;
}

#bonsPlans .prev a, #carActus .prev a {
    background: url(../images/jaune/bt-carousel-prev.png) no-repeat;
}

.maSelection .carousel {
    background: transparent url(../images/jaune/bg-carousel-ma-selection.png) no-repeat left top;
}

.maSelection .carousel .next a {
    background: url(../images/jaune/ma-selection-bt-next.png) no-repeat;
}

.maSelection .carousel .prev a {
    background: url(../images/jaune/ma-selection-bt-prev.png) no-repeat;
}

#carouselPromotions {
    background: transparent url(../images/jaune/bg-carousel-promos.png) no-repeat left top;
}

#carouselPromotions .prev a {
    background: transparent url(../images/jaune/bt-promo-prev.png) no-repeat left top;
}

#carouselPromotions .next a {
    background: transparent url(../images/jaune/bt-promo-next.png) no-repeat left top;
}

.carousel-annonce {
    background: transparent url(../images/jaune/bg-carousel-annonce.png) no-repeat left top;
}

#carAnnonce .prev a {
    background: transparent url(../images/jaune/carousel-annonce-prev.png) no-repeat left top;
}

#carAnnonce .next a {
    background: transparent url(../images/jaune/carousel-annonce-next.png) no-repeat left top;
}

#carouselTracts .prev a {
    background: transparent url(../images/jaune/bt-tracts-prev.png) no-repeat left top;
}

#carouselTracts .next a {
    background: transparent url(../images/jaune/bt-tracts-next.png) no-repeat left top;
}

/*      AJOUT ALINE 01 02 2010 
            CAROUSEL OFFRES VIP
*/
#carouselOffresVip {
    background: transparent url(../images/jaune/bg-carousel-promos.png) no-repeat left top;
}

#carouselOffresVip .prev a {
    background: transparent url(../images/jaune/bt-promo-prev.png) no-repeat left top;
}

#carouselOffresVip .next a {
    background: transparent url(../images/jaune/bt-promo-next.png) no-repeat left top;
}