/*	CSS BLEU
---------------------------------------------------*/

/*  @Flash
---------------------------------------------------------------*/

#flash, #contentFlow, #myFantasicFlow { 
    background: #EEEDDF url(../images/bleu/bg-flash-index.jpg) repeat-x center top; 
}

/*  @ content
---------------------------------------*/

#container {
    background: #fcfcf5 url(../images/bleu/bg-container.png) repeat-x left top;
}

.fil-ariane {
    height: 85px;
    background: transparent url(../images/bleu/bg-fil-ariane.png) left top no-repeat;
}

.bloc-actualites {
    background: transparent url(../images/bleu/bg-bloc-actualites.png) no-repeat left 21px;
}

.bloc-bonPlan {
    background: transparent url(../images/bleu/bg-bloc-bons-plans.png) no-repeat left 21px;
}

.bloc-infoPratique {
    background: transparent url(../images/bleu/bg-bloc-infos-pratiques.png) no-repeat left top;
}

.bloc-promotions {
    background: transparent url(../images/bleu/bg-bloc-promos-en-cours.png) no-repeat left 23px;
}

.recherche-themes li a:hover, .recherche-themes li a:focus, .recherche-themes li.actif a {
    background: #0162a0 url(../images/bleu/puce-liste-theme-on.png) no-repeat 6px 7px;
}

.recherche-boutiques h3 {
    color: #0162a0;
     border-bottom: #0162a0 solid 1px;
}

.recherche-themes li .elements li a:hover, .recherche-themes li .elements li a:focus {
    color: #0162a0;
}

.recherche-boutiques .bloc-clear .floatLeft li a:hover, .recherche-boutiques .bloc-clear .floatLeft li a:focus {
    color: #0162a0;
    text-decoration: none;
}

.fil-ariane p span {
    color: #0162a0;
}

#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/bleu/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/bleu/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/bleu/bt-taxi-on.png) no-repeat left top;
}

.bloc-recherche .select label {
    background: transparent url(../images/bleu/bg-label-recherche-magasin.png) no-repeat left top;
}

/*      @sous navigation
---------------------------------------------------------------------------------------------*/

.sousNav h2 {
    color: #0a59a9;
    border-bottom: solid 1px #0a59a9;
}

.sousNav ul li ul li, .sousNav .promoRight li {
    background: transparent url(../images/bleu/puce-sous-nav.png) no-repeat left 2px;
}

#subSousNav #flecheMenu {
    background: transparent url(../images/bleu/fleche-menu-on.png) no-repeat left top;
}

.sousNav .text h3, .sousNav .text .date {
    color: #0a59a9;   
}


/*  Carousels
--------------------------------------------------------------------------------------------------------*/

#js .offresSpecialesSimples .carouselPrev {        
    background:transparent url(../images/bleu/bt-carousel-prev.png) no-repeat left top;
}

#js .offresSpecialesSimples .carouselNext {        
    background:transparent url(../images/bleu/bt-carousel-next.png) no-repeat left top;
}

#promoBoutique .next a {
    background: url(../images/bleu/bt-promo-boutique-next.png) no-repeat;
}

#promoBoutique .prev a {
    background: url(../images/bleu/bt-promo-boutique-prev.png) no-repeat;
}

#bonsPlans .next a, #carActus .next a {
    background: url(../images/bleu/bt-carousel-next.png) no-repeat;
}

#bonsPlans .prev a, #carActus .prev a {
    background: url(../images/bleu/bt-carousel-prev.png) no-repeat;
}

.maSelection .carousel {
    background: transparent url(../images/bleu/bg-carousel-ma-selection.png) no-repeat left top;
}

.maSelection .carousel .next a {
    background: url(../images/bleu/ma-selection-bt-next.png) no-repeat;
}

.maSelection .carousel .prev a {
    background: url(../images/bleu/ma-selection-bt-prev.png) no-repeat;
}

#carouselPromotions {
    background: transparent url(../images/bleu/bg-carousel-promos.png) no-repeat left top;
}

#carouselPromotions .prev a {
    background: transparent url(../images/bleu/bt-promo-prev.png) no-repeat left top;
}

#carouselPromotions .next a {
    background: transparent url(../images/bleu/bt-promo-next.png) no-repeat left top;
}

.carousel-annonce {
    background: transparent url(../images/bleu/bg-carousel-annonce.png) no-repeat left top;
}

#carAnnonce .prev a {
    background: transparent url(../images/bleu/carousel-annonce-prev.png) no-repeat left top;
}


#carAnnonce .next a {
    background: transparent url(../images/bleu/carousel-annonce-next.png) no-repeat left top;
}

#carouselTracts .prev a {
    background: transparent url(../images/bleu/bt-tracts-prev.png) no-repeat left top;
}

#carouselTracts .next a {
    background: transparent url(../images/bleu/bt-tracts-next.png) no-repeat left top;
}

/*      AJOUT ALINE 01 02 2010 
            CAROUSEL OFFRES VIP
*/
#carouselOffresVip {
    background: transparent url(../images/bleu/bg-carousel-promos.png) no-repeat left top;
}

#carouselOffresVip .prev a {
    background: transparent url(../images/bleu/bt-promo-prev.png) no-repeat left top;
}

#carouselOffresVip .next a {
    background: transparent url(../images/bleu/bt-promo-next.png) no-repeat left top;
}


/* ajout nmenard 12 05 2011 */
.blocAnnonces .annonce .btDepli a {
    color: #0264a3;
    background-image: url(../images/bleu/bt-deplie.png);
}

/* ajout maxime/nmenard 13 05 2011 */
.ContentFlowAddOn_fancyScrollbar .scrollbar .preButton {
    background: url(../images/bleu/slider_fancy_left.png) right center no-repeat;
}
* html .ContentFlowAddOn_fancyScrollbar .scrollbar .preButton {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/bleu/slider_fancy_left.png');
}
.ContentFlowAddOn_fancyScrollbar .scrollbar .nextButton {
    background: url(../images/bleu/slider_fancy_right.png) left center no-repeat;
}
* html .ContentFlowAddOn_fancyScrollbar .scrollbar .nextButton {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/bleu/slider_fancy_right.png');
}
.ContentFlowAddOn_fancyScrollbar .scrollbar .slider {
    background: url(../images/bleu/slider_fancy_handle.png) center center no-repeat;
}

* html .ContentFlowAddOn_fancyScrollbar .scrollbar .slider {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/bleu/slider_fancy_handle.png');
}
