/* CSS - PAGE HOME */
@media screen {
    /* GENERIQUE */
    /* Backgrounds Globaux */
    body {
        background-image:url(../images/static/0811-cap-back-body-mer.gif);
    }
    div#main div#body {
        background-repeat:no-repeat;
    }
    div#main div#body div.menu ul li {
        background-image:url(../images/static/0811-cap-back-menu-g-mer.gif);
    }
    div#main div#body div.menu ul li.separ {
        background-image:url(../images/static/0811-cap-back-menu-d-mer.gif);
    }
    /* Page Rayon */
    div#main div.rayon div.page div#body-page ul.liste-rayons li div.visuel {
        background-image:url(../images/static/0811-cap-back-rayon-mer.gif);
    }
    div#main div.rayon div.page div#body-page ul li div.liste-familles h2 {
        background-image:url(../images/static/0811-cap-back-familles-h2-mer.gif);
    }
    div#main div.rayon div.page div#body-page ul li div.liste-familles div {
        background-image:url(../images/static/0811-cap-back-familles-mer.gif);
    }
    /* Page Famille */
    div#main div#body div.page div#body-page div.produits ul li.new dl {
        background-image:url(../images/static/0811-cap-fr-back-produit-new-mer.gif);
    }  
    div#main div#body.produit div.page {
        background-image:url(../images/static/0811-cap-back-page2-ie.gif);
        background-position:top center;
    }
    html >body div#main div#body.produit div.page {
        background-image:url(../images/static/0811-cap-back-page2.gif);
        background-position:top left;
    }
    /* Page produit */
    div#body-page.page-produit div#body-page-texte div.bandeau-d div.infos-produit h2 {
        background-image:url(../images/static/infos-produit-h2-background-mer.gif);
    }
    div#body-page.page-produit div#body-page-texte div.bandeau-d div.infos-produit h2.new {
        background-image:url(../images/static/infos-produit-h2-background-new-mer.gif);
    }
    div#body-page.page-produit div#body-page-texte div.bandeau-d div.infos-produit h2.fin {
        background-image:url(../images/static/infos-produit-h2-background-fin-mer.gif);
    }
    /* Page conseils */
    div#body-page.page-conseils div#body-page-liste div.liste-lienInterne{ 
        background-image:url(../images/static/08-11-cap-back-conseil-elt-liste-mer.gif); 
    }
  div#main div#body div.page div#body-page.page-fiche-conseil ul.fil-ariane {
       width:725px;
    }
    div#main div#body div.page div#body-page.page-fiche-conseil ul.fil-ariane li{
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page.page-fiche-conseil ul.fil-ariane li a{
        color:#FFFFFF;
    }
    div#body-page.page-conseils div#body-page-liste div.intro-conseils{
        color:#9FBFE5;
    }
    div#body-page.page-fiche-conseil div.retour-liste-conseils { 
        background-image:url(../images/static/08-11-cap-back-conseil-retour-liste-mer.gif); 
    }
    div#body-page.page-fiche-conseil div.retour-liste-conseils a{
        color:#303030 !important;
    }
div.fiche-conseil h1 {
        color:#1954a5 !important;
    }
    div.fiche-conseil h2 {
        color:#1954a5 !important;
    }
    div.fiche-conseil h3 {
        color:#1954a5 !important;
    }
    div.fiche-conseil h4 {
        color:#1954a5 !important;
    }
    div.fiche-conseil span {
        color:#1954a5;
    }
    div.fiche-conseil table thead tr th {
        background-color:#1954a5;
        color:#FFFFFF;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
    }
    div.fiche-conseil table tbody tr td {
        background-color:#FFFFFF;
    }
    div.fiche-conseil table tbody tr.odd td {
        background-color:#fdcab8;
    }    
    
div#main div#body div.page div#body-page.page-fiche-conseil div#body-page-liste{
        background-image:url(../images/static/0811-cap-back-contenu.gif) !important;
        background-position:left bottom;
        padding:10px 0 10px 10px;
        margin : 0px!important;
        width:920px;
    }
    img.iframe-conseil-haut{
        margin-left:10px;
        margin-top:10px;    
    }
   
    div#main div#body div.page div#body-page.page-fiche-conseil{
        padding-bottom:0!important;
    }
    /* CLASSES */
    /* Main - Body */
    div#main div#body {
        background-color:transparent;
        background-position:top center;
        background-repeat:no-repeat;
    }
    /* Main - Body - Menu - Niveau 1 */
    div#main div#body div.menu ul li {
        color:#FFFFFF;
    }
    div#main div#body div.menu ul li a {
        color:#FFFFFF;
    }
    /* Main - Body - Menu - Niveau 2 */
    div#main div#body div.menu ul ul {
        border-top:1px solid #000000;
        border-left:1px solid #000000;
        border-right:1px solid #000000;
    }
    div#main div#body div.menu li li,
    div#main div#body div.menu li.m-out li,
    div#main div#body div.menu li.m-over li {
        border-bottom:1px solid #000000;
        color:#FFFFFF;
        background-color:#454545;
    }
    div#main div#body div.menu li li a,
    div#main div#body div.menu li li.m-out a {
        color:#FFFFFF;
    }
    div#main div#body div.menu li li.m-over {
        background-color:#919191;
        color:#FFFFFF;
    }
    div#main div#body div.menu li li.m-over a {
        color:#FFFFFF;
    }
    /* Main - Body - Menu - Niveau 3 */
    div#main div#body div.menu ul ul ul {
        border-top:1px solid #5a5a5a;
        border-left:1px solid #5a5a5a;
        border-right:1px solid #5a5a5a;
    }
    div#main div#body div.menu li li li,
    div#main div#body div.menu li li li.m-out {
        border-bottom:1px solid #5a5a5a;
        background-color:#919191;
    }
    div#main div#body div.menu li li li.m-over, div#main div#body div.menu li li li.m-over A {
        color:#454545;
    }
    /* Main - Body - Page - Contenu */
    div#main div#body div.page div#body-page {
        padding-bottom:80px;
    }
    div#main div#body div.page div#body-page h1 {
        color:#7c7c7c;
    }
    div#main div.rayon div.page div#body-page h1 {
        color:#9FBFE5 !important;
    }
    div#main div#body div.page div#body-page h1 span {
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page h2 {
        color:#7c7c7c;
        float:left;
        text-align:left;
    }
    div#main div#body div.page div#body-page h2 span {
        color:#1954a5;
    }
    /* Main - Body - Page - Contenu - Fil Ariane */
    div#main div#body div.page div#body-page ul.fil-ariane li {
        color:#7c7c7c;
    }
    div#main div#body div.page div#body-page ul.fil-ariane li a {
        color:#7c7c7c;
    }
    /* Main - Body - Page - Contenu - Pagination */
    div#main div#body div.page div#body-page div.pagination dl dt {
        color:#707070;
        background-color:#e2e2e2;
    }
    div#main div#body div.page div#body-page div.pagination dl dt a {
        color:#707070;
    }
    div#main div#body div.page div#body-page div.pagination dl dt a:hover {
    }
    /* Main - Footer */
    div#main table#blocfooter a {
        color:#d1e4e8;
    }
    div#main table#blocfooter a:hover {
        color:#FFFFFF;
    }
    /* Main - Footer - Menu */
    div#main table#blocfooter tbody tr td ul li {
        color:#d1e4e8;
    }
    /* Main - Footer - Changement Langue */
    div#main table#blocfooter div.changement-langue {
        color:#a5c9eb;
    }
    /* ELEMENTS */
    /* PAGES */
    
    /* Page Rayon */
    /* Backgrounds Page en cours */
    div#main div.rayon div.page div#body-page ul.liste-rayons li div.visuel {
        background-image:url(../images/static/0811-cap-back-rayon.gif);
    }
   
    /* Main - Rayon - Page - Produit Star */
    div#main div.rayon div.page div.produit-star p {
        color:#FFFFFF;
    }
    div#main div.rayon div.page div.produit-star p a {
        color:#FFFFFF;
    }
    /* Main - Rayon - Page - Contenu */
    div#main div.rayon div.page div#body-page h2 {
        color:#9fbfe5;
    }
   div#main div.rayon div.page div#body-page h2 span {
        color:#FFFFFF;
    }
    /* Main - Rayon - Page - Contenu - Fil Ariane */
    div#main div.rayon div.page div#body-page ul.fil-ariane li {
        color:#FFFFFF !important;
    }
    div#main div.rayon div.page div#body-page ul.fil-ariane li a {
        color:#FFFFFF !important;
    }
    /* Main - Rayon - Page - Contenu - Liste Rayons */
    div#main div#body div.page div#body-page ul.liste-rayons li p.titre-rayon {
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li.m-over p.titre-rayon {
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li p.titre-rayon a{
        color:#FFFFFF;
    }
    /* Main - Rayon - Page - Contenu - Liste Rayons - Liste Familles */
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles h2 {
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul li a:hover {
        color:#1954a5;
    }
    /* Page Famille */
    /* Main - Famille - Page - Contenu - Liste Familles */
    div#main div.famille div.page div.contenu div.liste-familles form fieldset {
        background-color:#e2e2e2;
    }
    div#main div.famille div.page div#body-page div.liste-familles form fieldset select {
        border:1px solid #707070;
        color:#707070;
    }
    /* Main - Famille - Page - Contenu - Liste Produits */
    div#main div.famille div.page div#body-page form div.produits ul li dl dt.titre {
        color:#303030;
    }
    div#main div.famille div.page div#body-page form div.produits ul li dl dt.titre a {
        color:#303030;
    }
    div#main div.famille div.page div#body-page form div.produits ul li dl dt.stitre {
        color:#919191;
    }
    div#main div.famille div.page div#body-page form div.produits ul li dl dt.stitre a {
        color:#919191;
    }
    div#main div.famille div.page div#body-page form div.comparateur input {
        color:#303030;
    }
    /* Page Produit */
    /* Main - Famille - Page - Contenu */
    div#main div#body div.page div#body-page div.bandeau-g div.encart,
    div#main div#body div.page div#body-page div.bandeau-d div.encart {
        color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.encart h2,
    div#main div#body div.page div#body-page div.bandeau-d div.encart h2 {
        color:#636363;
        border-bottom:1px solid #636363;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.encart p a,
    div#main div#body div.page div#body-page div.bandeau-d div.encart p a {
        color:#636363;
    }
    /* Main - Produit - Page - Contenu - Liste Familles */
    div#main div#body div.page div#body-page div.liste-familles form fieldset {
        background-color:#e2e2e2;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche */
    div#main div#body div.page div#body-page div.bandeau-g {
        background-color:#FFFFFF;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche - Vues */
    div#main div#body div.page div#body-page div.bandeau-g ul.vues li dl dt.texte {
        color:#000000;
    }
    div#main div#body div.page div#body-page div.bandeau-g ul.vues li dl dt.texte a {
        color:#000000;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche - Menu */
    div#main div#body div.page div#body-page div.bandeau-g div.menu ul {
        background-color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.menu ul li {
        border-right:1px solid #FFFFFF;
        background-color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.menu ul li a,
    div#main div#body div.page div#body-page div.bandeau-g div.menu ul li.m-out a {
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.menu ul li.m-over {
        background-color:#d7d7d7;
        color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.menu ul li.m-over a {
        color:#636363;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche - Site Internet */
    div#main div#body div.page div#body-page div.bandeau-g div.site-internet img {
        border:1px solid #c0c0c0;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche - Oxylane Club */
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club h2 {
        color:#636363;
        border-bottom:1px solid #636363;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche - Oxylane Club - Menu */
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.oxylane-club-menu {
        background-color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.oxylane-club-menu div ul {
        background-color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.oxylane-club-menu div ul li {
        color:#FFF;
        font-weight:normal;
        background-color:#636363;
        border-right:1px solid #FFFFFF;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.oxylane-club-menu div ul li.open,
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.oxylane-club-menu div ul li.open a {
        color:#1954a5;
        font-weight:900;
        background-color:#f3f3f3;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.oxylane-club-menu div ul li.over,
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.oxylane-club-menu div ul li.over a {
        color:#636363;
        font-weight:normal;
        background-color:#d7d7d7;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.oxylane-club-menu div ul li a {
        color:#FFF;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche - Oxylane Club - Clubs */
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.clubs {
        background-color:#f3f3f3;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche - Oxylane Club - Clubs - Avis utilisateur */
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.clubs div#oxylane-club-avis-utilisateur {
        color:#636363;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche - Oxylane Club - Clubs - Plus Sportif */
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.clubs div#oxylane-club-plus-sportif {
        color:#636363;
    }
    /* Main - Produit - Page - Contenu - Bandeau gauche - Oxylane Club - Clubs - Profil Sportif */
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.clubs div#oxylane-club-profil-sportif dl dt.infos ul li {
        color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.clubs div#oxylane-club-profil-sportif dl dt.infos ul li span.info {
        color:#000000;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.clubs div#oxylane-club-profil-sportif dl dt.niveaux {
        color:#000000;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.clubs div#oxylane-club-profil-sportif dl dt.niveaux ul li {
        color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.clubs div#oxylane-club-profil-sportif dl dt.niveaux ul li ul li {
        color:#FFFFFF;
        background-color:#c8c8c8;
    }
    div#main div#body div.page div#body-page div.bandeau-g div.oxylane-club div.clubs div#oxylane-club-profil-sportif dl dt.niveaux ul li ul li.open {
        color:#FFFFFF;
        background-color:#1954a5;
    }
    /* Main - Produit - Page - Contenu - Bandeau droite */
    div#main div#body div.page div#body-page div.bandeau-d {
        background-color:#FFFFFF;
    }
    /* Main - Produit - Page - Contenu - Bandeau droite - Infos Produit */
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit p {
        color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit h2 {
        width:470px;
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit div#ref-produit {
        color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit dl dt {
        color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit dl dt a {
        color:#636363;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit dl dt.difference {
        background-color:#ececec;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit dl dt.ou-acheter {
        background-color:#ececec;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit dl dt.ou-acheter p.titre {
        border-bottom:1px solid #636363;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit dl dt.ou-acheter span.prix {
        color:#1575b7;
    }
   
     div#main div#body div.page div#body-page div.bandeau-d div.infos-produit dl dt.ou-acheter p.bloc-prix span a {
        color:#636363;     
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit dl dt.ou-acheter p.bloc-prix span a:hover {
        color:#636363;     
        text-decoration:underline !important;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.infos-produit dl dt.ou-acheter a {
        color:#e53e38;
    }
    /* Main - Produit - Page - Contenu - Bandeau droite - Benefices Tailles Coloris */
    div#main div#body div.page div#body-page div.bandeau-d div.benefices-tailles-coloris dl dt div.tailles-coloris ul li img {
        border:1px solid #c0c0c0;
    }
    /* Main - Produit - Page - Contenu - Bandeau droite - Decouvrez */
    div#main div#body div.page div#body-page div.bandeau-d div.decouvrez h2 {
        color:#636363;
        border-bottom:1px solid #636363;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.decouvrez div ul li dl dt.titre {
        color:#303030;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.decouvrez div ul li dl dt.titre a {
        color:#303030;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.decouvrez div ul li dl dt.stitre {
        color:#919191;
    }
    div#main div#body div.page div#body-page div.bandeau-d div.decouvrez div ul li dl dt.stitre a {
        color:#919191;
    }
    /* modif page produit */
    div#body-page.page-produit {
        text-align:left;
        background-image:url(../images/static/0811-cap-back-contenu.gif);
        background-position:left bottom;
    }
    div#main div#body div#body-page.page-produit div.page div#body-page h2 span {
        color:#2483AE;
    }
    div#body-page.page-produit div#body-page-texte div.bandeau-d div.infos-produit h2 {
        background-image:url(../images/static/infos-produit-h2-background-mer.gif);
        color:#FFFFFF;
    }
    #body-page-menu, .body-page-menu {
        display:none;
    }
    /* calque */
    #popup-plusPhotos #entete-produit {
        color:#FFFFFF;
        background:url(../images/static/infos-plusphotos-h2-background-mer.gif) no-repeat;
    }
    /* prix particularite */
    p.bloc-prix span.prixDecathlon a.lienPictoPrix span,
    p.bloc-prix span.prixKoodza a.lienPictoPrix span {
        background-image:url(../images/static/barre-mer.gif);
    }
}
@media print {
/* GENERIQUE */
/* CLASSES */
}

