/* ################################################################################ # DWDLC # Copyright 2009 Samuel SORIN # All rights reserved ################################################################################ */ body { /*background: #ddd url(/media/images/site/fond.jpg) repeat;*/ margin: 0; padding: 0; color: #000; font: x-small/1.5em "Arial",Sans-Serif; voice-family: "\"}\""; voice-family: inherit; font-size: small; } html>body { font-size: small; height: 100%; width: 100%; margin: 0; padding: 0; } .site_principal { width: 974px; margin-left: auto; margin-right: auto; background: #fff; padding: 0; margin: 0 auto; } hr { clear: both; width: 100%; border: 0; /* enleve toute bordure */ border-bottom: 1px #ddd solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */ height: 1px; /* pour IE */ } /*---------------------------------------------------- */ /* Squelette / positionnement des bloques de design */ /* --------------------------------------------------- */ div#global { position: relative; min-height: 100%; width: 984px; padding: 0; margin: 0 auto; background: #fff; padding-bottom: 25px; } .rouge #global { border-left: 2px solid #EE1C23; border-right: 2px solid #EE1C23; } .vert #global { border-left: 2px solid #ABDA4D; border-right: 2px solid #ABDA4D; } .bleu #global { border-left: 2px solid #7AD3F7; border-right: 2px solid #7AD3F7; } .orange #global { border-left: 2px solid #F7931D; border-right: 2px solid #F7931D; } .noir #global { border-left: 2px solid #ddd; border-right: 2px solid #ddd; } div#center { /* Pour éviter la superposition du pied de page et du contenu : */ padding-bottom: 0px; overflow: auto; } div#bas { margin: 0; padding: 0; height: 93px; text-align: center; } div#contenu { float: left; width: 855px; min-height: 600px; } div#droite { float: right; width: 119px; } #header /* logo du site */ { position: relative; height: 145px; width: 100%; padding: 0; margin: 0; margin-bottom: 15px; background-position: top left; z-index: 1; } .site_partenaire #header{background: url(/media/images/site/logos/logositepartenaires.png) no-repeat; } .site_melomane #header{background: url(/media/images/site/logos/logositemelomanes.png) no-repeat; } .site_principal #header{ background: url(/media/images/site/logos/courbes.png) no-repeat; } .site_principal #header .logo {border: 0; float: left;} .site_principal #header .logo:hover {border: 0; text-decoration: none; background: none;} .site_principal #header .logo a:hover {border: 0; text-decoration: none; background: none;} .site_principal #header .logo img:hover {border: 0; text-decoration: none; background: none;} #gauche { padding-left: 10px; padding-right: 5px; } #sous_menu /* blok sous-menu dependant de menu principal */ { padding-left: 10px; width: 100%; } #connexion { position: relative; display: block; float: right; width: 180px; height: 105px; right: 50px; top: 4px; margin: 10px; margin-top: 5px; margin-bottom: 0; padding: 7px; font-size: x-small; z-index: 4; background: url(/media/images/site/boite_cnx/pave_connexion.png) no-repeat; } #connexion a:hover { background: transparent; } #bt_partenaire { position: absolute; display: block; top: 82px; right: 62px; width: 260px; height: 60px; background: url(/media/images/site/boutons/bouton_partenaire.gif) no-repeat; z-index: 40; } #pub_haut { position: relative; display: block; float: right; top: 10px; right: 70px; margin: 10px; width: 468px; height: 60px; color: #fff; font-size: x-small; text-align: center; z-index: 4; border: 1px solid #ddd; } #pub_haut a:hover { background: none; } #pub_haut img:hover { background: none; } #pub_bas_gauche { position: relative; display: block; float: left; width: 285px; margin-right: 0px; color: #fff; font-size: x-small; text-align: center; } #pub_bas_droite { position: relative; display: block; float: left; width: 550px; margin: 0; font-size: x-small; text-align: center; } #ayantdroit { position: relative; display: block; padding-top: 20px; float: left; margin: 0; font-size: x-small; text-align: center; font-style: italic; } /*---------------------------------------------------- */ /* Partie droite du site (Blok de pure deco) */ /* --------------------------------------------------- */ /* blok de deco haut droite */ #fond-haut-droit { position: absolute; right: 0; top: 0; height: 182px; width: 134px; background-position: top right; z-index: 4; } #fond-haut-droit img { position: absolute; top: 195px; left: 30px;; } .rouge #fond-haut-droit { background: url(/media/images/site/menu_droit/deco/menu-droit-haut-rouge.png) no-repeat; } .orange #fond-haut-droit { background: url(/media/images/site/menu_droit/deco/menu-droit-haut-orange.png) no-repeat; } .vert #fond-haut-droit { background: url(/media/images/site/menu_droit/deco/menu-droit-haut-vert.png) no-repeat; } .bleu #fond-haut-droit { background: url(/media/images/site/menu_droit/deco/menu-droit-haut-bleu.png) no-repeat; } .noir #fond-haut-droit { background: url(/media/images/site/menu_droit/deco/menu-droit-haut-noir.png) no-repeat; } /* blok de deco bas droite */ #img_bas_droit { position: relative; float: right; height: 260px; width: 195px; right: 0; top: 0; background: url(/media/images/site/deco_bas_droit.png) no-repeat; background-position: top right; z-index: 3; } /* image à la place des styles dans le site partenaire */ #site_partenaire_img { height: 600px; width: 110px; background-position: left; background-repeat: no-repeat; z-index: 0; } /* bordure droite du site (attaché au blok contenu permet de sétendre vers le bas) */ .rouge #contenu { border-right: 10px solid #EE1C23; } .orange #contenu { border-right: 10px solid #F7931D; } .vert #contenu { border-right: 10px solid #ABDA4D; } .bleu #contenu { border-right: 10px solid #7AD3F7; } .noir #contenu { border-right: 10px solid black; } /** ---- Boites ----- */ .boite { width: 850px; min-height: 20px; background-position: left bottom; padding-left: 0px; padding-bottom: 0px; margin-bottom: 10px; } .noir .boite {background: transparent url(/media/images/site2/bord/bord_bas_noir.png) no-repeat left bottom;} .rouge .boite {background: transparent url(/media/images/site2/bord/bord_bas_rouge.png) no-repeat left bottom;} .orange .boite {background: transparent url(/media/images/site2/bord/bord_bas_orange.png) no-repeat left bottom;} .vert .boite {background: transparent url(/media/images/site2/bord/bord_bas_vert.png) no-repeat left bottom;} .bleu .boite {background: transparent url(/media/images/site2/bord/bord_bas_bleu.png) no-repeat left bottom;} #accueil .noir .boite {background: transparent url(/media/images/site2/bord/accueil/bord_bas_noir.png) no-repeat left bottom;} #accueil .orange .boite {background: transparent url(/media/images/site2/bord/accueil/bord_bas_orange.png) no-repeat left bottom;} .boite .boite-haut { width: 100%; padding-top: 1px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 0; background-position: left top; } .noir .boite .boite-haut {background: transparent url(/media/images/site2/bord/bord_haut_noir.png) no-repeat;} .rouge .boite .boite-haut {background: transparent url(/media/images/site2/bord/bord_haut_rouge.png) no-repeat;} .orange .boite .boite-haut {background: transparent url(/media/images/site2/bord/bord_haut_orange.png) no-repeat;} .vert .boite .boite-haut {background: transparent url(/media/images/site2/bord/bord_haut_vert.png) no-repeat;} .bleu .boite .boite-haut {background: transparent url(/media/images/site2/bord/bord_haut_bleu.png) no-repeat;} #accueil .noir .boite .boite-haut {background: transparent url(/media/images/site2/bord/accueil/bord_haut_noir.png) no-repeat;} #accueil .noir .boite .boite-haut h2 {color: #fff;} #accueil .orange .boite .boite-haut {background: transparent url(/media/images/site2/bord/accueil/bord_haut_orange.png) no-repeat;} .boite-milieu { width: 100%; padding-bottom: 2px; padding-top: 0; margin-bottom: 0px; margin-top: 11px; background-position: left top; } .noir .boite-milieu {background: transparent url(/media/images/site2/bord/bord_milieu_noir.png) repeat-y;} .rouge .boite-milieu {background: transparent url(/media/images/site2/bord/bord_milieu_rouge.png) repeat-y;} .orange .boite-milieu {background: transparent url(/media/images/site2/bord/bord_milieu_orange.png) repeat-y;} .vert .boite-milieu {background: transparent url(/media/images/site2/bord/bord_milieu_vert.png) repeat-y;} .bleu .boite-milieu {background: transparent url(/media/images/site2/bord/bord_milieu_bleu.png) repeat-y;} #accueil .noir .boite-milieu {background: transparent url(/media/images/site2/bord/accueil/bord_milieu_noir.png) repeat-y;} #accueil .orange .boite-milieu {background: transparent url(/media/images/site2/bord/accueil/bord_milieu_orange.png) repeat-y;} .boite p { margin: 1em 5px; text-align: justify; padding-left: 10px; padding-right: 10px; } #accueil p.tube { margin: 1em 5px; text-align: justify; padding-left: 80px; padding-right: 20px; min-height: 145px; background: transparent url(/media/images/site/accueil/tube_mpd.png) no-repeat; } #accueil p.genese { margin: 1em 5px; text-align: justify; padding-right: 20px; min-height: 145px; } #accueil .boite h2 { margin-left: 40px; background: none; font-size: 1.8em; padding-top: 25px; margin-top: 0; margin-bottom: 5px; padding-bottom: 5px; color: #fff; } #accueil .boite h2 { color: black;} #accueil .boite .image { width: 407px; padding-left: 140px; padding-right: 7px; margin: 0; } #accueil .boite .image img { padding: 0; margin: 0; } #accueil ul { list-style: none; padding: 0; margin: 0; } #accueil li { padding: 0; padding-left: 10px; margin: 0; } .nana { margin-top: 0; padding-top: 0; padding-left: 400px; height: 80px; } .nana p { margin-top: 0; padding-top: 0; width: 250px; float: left; } .nana img { float: right; } .bt_jeveux a { display: block; text-decoration: none; width: 395px; height: 55px; padding-top: 0; margin-top: 0; margin-left: 10px; background: transparent url(/media/images/site/accueil/bouton_jeveux.png) no-repeat; } .noir .bt_jeveux a:hover { background: transparent url(/media/images/site/accueil/bouton_jeveux.png) no-repeat bottom; } .bt_jeveux img { padding-left: 300px; } .bt_rejoindre { margin-top: 25px; margin-left: 40px; } .bt_rejoindre a { display: block; bottom: 0; text-decoration: none; width: 115px; height: 25px; background: transparent url(/media/images/site/accueil/bouton_rejoignez.png) no-repeat; } .noir .bt_rejoindre a:hover { background: transparent url(/media/images/site/accueil/bouton_rejoignez.png) no-repeat bottom; } /** ---- Boites 2 TIERS ----- */ .boite_2tiers { width: 508px; min-height: 20px; background-position: left bottom; padding-left: 0px; padding-bottom: 0px; margin-bottom: 10px; } .noir .boite_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_bas_noir.png) no-repeat left bottom;} .rouge .boite_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_bas_rouge.png) no-repeat left bottom;} .orange .boite_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_bas_orange.png) no-repeat left bottom;} .vert .boite_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_bas_vert.png) no-repeat left bottom;} .bleu .boite_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_bas_bleu.png) no-repeat left bottom;} .boite_2tiers .boite-haut_2tiers { width: 100%; padding-top: 1px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 0; background-position: left top; } .noir .boite_2tiers .boite-haut_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_haut_noir.png) no-repeat;} .rouge .boite_2tiers .boite-haut_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_haut_rouge.png) no-repeat;} .orange .boite_2tiers .boite-haut_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_haut_orange.png) no-repeat;} .vert .boite_2tiers .boite-haut_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_haut_vert.png) no-repeat;} .bleu .boite_2tiers .boite-haut_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_haut_bleu.png) no-repeat;} .boite-milieu_2tiers { width: 100%; padding-bottom: 2px; padding-top: 0; margin-bottom: 0px; margin-top: 11px; background-position: left top; } .noir .boite-milieu_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_milieu_noir.png) repeat-y;} .rouge .boite-milieu_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_milieu_rouge.png) repeat-y;} .orange .boite-milieu_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_milieu_orange.png) repeat-y;} .vert .boite-milieu_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_milieu_vert.png) repeat-y;} .bleu .boite-milieu_2tiers {background: transparent url(/media/images/site2/bord/2tiers/bord_milieu_bleu.png) repeat-y;} .boite_2tiers p { margin: 1em 5px; text-align: justify; padding-left: 10px; padding-right: 10px; } .boite_2tiers h2 { margin-left: 10px; } /** ---- Boites 1 TIERS ----- */ .boite_1tiers { width: 308px; min-height: 20px; background-position: left bottom; padding-left: 0px; padding-bottom: 0px; margin-bottom: 10px; } .noir .boite_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_bas_noir.png) no-repeat left bottom;} .rouge .boite_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_bas_rouge.png) no-repeat left bottom;} .orange .boite_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_bas_orange.png) no-repeat left bottom;} .vert .boite_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_bas_vert.png) no-repeat left bottom;} .bleu .boite_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_bas_bleu.png) no-repeat left bottom;} .boite_1tiers .boite-haut_1tiers { width: 100%; padding-top: 1px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 0; background-position: left top; } .noir .boite_1tiers .boite-haut_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_haut_noir.png) no-repeat;} .rouge .boite_1tiers .boite-haut_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_haut_rouge.png) no-repeat;} .orange .boite_1tiers .boite-haut_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_haut_orange.png) no-repeat;} .vert .boite_1tiers .boite-haut_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_haut_vert.png) no-repeat;} .bleu .boite_1tiers .boite-haut_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_haut_bleu.png) no-repeat;} .boite-milieu_1tiers { width: 100%; padding-bottom: 2px; padding-top: 0; margin-bottom: 0px; margin-top: 0px; background-position: left top; } /**.noir .boite-milieu_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_milieu_noir.png) repeat-y;}**/ .noir .boite-milieu_1tiers{border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} .rouge .boite-milieu_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_milieu_rouge.png) repeat-y;} .orange .boite-milieu_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_milieu_orange.png) repeat-y;} .vert .boite-milieu_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_milieu_vert.png) repeat-y;} .bleu .boite-milieu_1tiers{background: transparent url(/media/images/site2/bord/1tiers/bord_milieu_bleu.png) repeat-y;} .boite_1tiers p { text-align: justify; padding-left: 10px; padding-right: 10px; margin-top: 6px; padding-top: 10px; } .boite_1tiers h2 { margin-left: 10px; } /** ---- Boites DEMI ----- */ .boite_demi { width: 420px; min-height: 25px; background-position: left bottom; padding-left: 0px; padding-bottom: 0px; margin-bottom: 10px; } .noir .boite_demi {background: transparent url(/media/images/site2/bord/demi/bord_bas_noir.png) no-repeat left bottom;} .rouge .boite_demi {background: transparent url(/media/images/site2/bord/demi/bord_bas_rouge.png) no-repeat left bottom;} .orange .boite_demi {background: transparent url(/media/images/site2/bord/demi/bord_bas_orange.png) no-repeat left bottom;} .vert .boite_demi {background: transparent url(/media/images/site2/bord/demi/bord_bas_vert.png) no-repeat left bottom;} .bleu .boite_demi {background: transparent url(/media/images/site2/bord/demi/bord_bas_bleu.png) no-repeat left bottom;} .boite_demi .boite-haut_demi { width: 100%; padding-top: 1px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 0; background-position: left top; } .noir .boite_demi .boite-haut_demi {background: transparent url(/media/images/site2/bord/demi/bord_haut_noir.png) no-repeat;} .rouge .boite_demi .boite-haut_demi {background: transparent url(/media/images/site2/bord/demi/bord_haut_rouge.png) no-repeat;} .orange .boite_demi .boite-haut_demi {background: transparent url(/media/images/site2/bord/demi/bord_haut_orange.png) no-repeat;} .vert .boite_demi .boite-haut_demi {background: transparent url(/media/images/site2/bord/demi/bord_haut_vert.png) no-repeat;} .bleu .boite_demi .boite-haut_demi {background: transparent url(/media/images/site2/bord/demi/bord_haut_bleu.png) no-repeat;} .boite-milieu_demi { width: 100%; padding-bottom: 2px; padding-top: 0; margin-bottom: 0px; padding-top: 1px; background-position: left top; } .noir .boite-milieu_demi {background: transparent url(/media/images/site2/bord/demi/bord_milieu_noir.png) repeat-y;} .rouge .boite-milieu_demi {background: transparent url(/media/images/site2/bord/demi/bord_milieu_rouge.png) repeat-y;} .orange .boite-milieu_demi {background: transparent url(/media/images/site2/bord/demi/bord_milieu_orange.png) repeat-y;} .vert .boite-milieu_demi {background: transparent url(/media/images/site2/bord/demi/bord_milieu_vert.png) repeat-y;} .bleu .boite-milieu_demi {background: transparent url(/media/images/site2/bord/demi/bord_milieu_bleu.png) repeat-y;} .boite_demi p { margin: 1em 5px; text-align: justify; padding-left: 10px; padding-right: 10px; } .boite_demi .boite_1tiers .boite_2tiers h2 { margin-left: 10px; } #accueil .boite_demi h2 { margin-left: 40px; background: none; font-size: 1.2em; padding-top: 25px; margin-top: 0; margin-bottom: 0; padding-bottom: 0; } #accueil .boite_1tiers h2 { margin-left: 0px; background: none; font-size: 1.2em; padding-top: 6px; margin-top: 0; margin-bottom: 0; padding-bottom: 0; } .noir #accueil .boite_1tiers h2 { color: #fff;} #accueil .boite_2tiers h2 { margin-left: 40px; background: none; font-size: 1.8em; padding-top: 25px; margin-top: 0; margin-bottom: 0; padding-bottom: 0; } .boite_demi .image { width: 407px; padding-left: 7px; padding-right: 7px; margin: 0; } .boite_demi .image img { padding: 0; margin: 0; } /** ---- Boites Pub ----- */ .boitePub { min-height: 20px; background-position: left bottom; padding-left: 0px; padding-bottom: 0px; margin-bottom: 10px; } /** #pub_bas_gauche .boitePub { width: 280px; background: transparent url(/media/images/site2/bord/pub/bord_bas_pub.gif) no-repeat left bottom; } #pub_bas_droite .boitePub { width: 540px; background: transparent url(/media/images/site2/bord/pub/bord_bas_dpub.gif) no-repeat left bottom; } */ #pub_bas_gauche .boitePub { width: 280px; } #pub_bas_droite .boitePub { width: 540px; } .boitePub .boitePub-haut { width: 100%; padding-top: 1px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 0; background-position: left top; } /** #pub_bas_gauche .boitePub .boitePub-haut { background: transparent url(/media/images/site2/bord/pub/bord_haut_pub.gif) no-repeat left top; } #pub_bas_droite .boitePub .boitePub-haut { background: transparent url(/media/images/site2/bord/pub/bord_haut_dpub.gif) no-repeat left top; } */ .boitePub-milieu { width: 100%; padding-bottom: 2px; padding-top: 0; margin-bottom: 0; margin-top: 11px; background-position: left top; } /** #pub_bas_gauche .boitePub-milieu { background: transparent url(/media/images/site2/bord/pub/bord_milieu_pub.gif) repeat-y; } #pub_bas_droite .boitePub-milieu { background: transparent url(/media/images/site2/bord/pub/bord_milieu_dpub.gif) repeat-y; } */ #pub_bas_gauche .boitePub p { margin: 1em 5px; text-align: center; padding-left: 10px; padding-right: 10px; } #pub_bas_droite .boitePub p { margin: 1em 5px; text-align: right; padding-left: 10px; padding-right: 10px; } #pub_bas_gauche .boitePub .encart_pub { margin-left: 10px; padding: 10px; padding-top: 10px; margin-top: 14px; background: black; height: 200px; width: 240px; } /* --------------------------------------- */ /* Menus du site */ /* --------------------------------------- */ /*-----------------------------------------*/ /* Menu principale (onglet) */ #menu /* blok de menu principal */ { width: 100%; padding-left: 10px; } #menu ul { list-style:none; height:35px; margin:0px; padding:0px; } #menu li { height:34px; float:left; } #menu li a { display:block; height:34px; margin:0px 2px; background: top; } #menu a.active { height:34px; } #menu a:hover { background: bottom; } #menu #m_accueil a { background: url(/media/images/site/menu_principal/icon_menu.gif) no-repeat; width:118px;} #menu #m_selection a { background: url(/media/images/site/menu_principal/icon_menu-03.gif) no-repeat; width:131px;} #menu #m_catalogue a {background: url(/media/images/site/menu_principal/bientot2/icon_menu-02.png) no-repeat; width:148px;} #menu #m_labo a { background: url(/media/images/site/menu_principal/bientot2/icon_menu-04.png) no-repeat; width:151px;} #menu #m_documentation a { background: url(/media/images/site/menu_principal/bientot2/icon_menu-05.png) no-repeat; width:221px;} #menu #m_accueil a:hover { background: url(/media/images/site/menu_principal/icon_menu.gif) no-repeat bottom; width:118px;} #menu #m_selection a:hover { background: url(/media/images/site/menu_principal/icon_menu-03.gif) no-repeat bottom; width:131px;} /*#menu #m_catalogue a:hover {background: url(/media/images/site/menu_principal/bientot2/icon_menu-02.png) no-repeat bottom; width:148px;}*/ /*#menu #m_labo a:hover { background: url(/media/images/site/menu_principal/bientot2/icon_menu-04.png) no-repeat bottom; width:151px;}*/ #menu #m_catalogue a:hover {background: url(/media/images/site/menu_principal/icon_menu-02.gif) no-repeat bottom; width:148px;} #menu #m_labo a:hover { background: url(/media/images/site/menu_principal/icon_menu-04.gif) no-repeat bottom; width:151px;} #menu #m_documentation a:hover { background: url(/media/images/site/menu_principal/icon_menu-05.gif) no-repeat bottom; width:221px;} #menu #m_accueil a.active { background: url(/media/images/site/menu_principal/icon_menu.gif) no-repeat bottom; width:118px;} #menu #m_selection a.active { background: url(/media/images/site/menu_principal/icon_menu-03.gif) no-repeat bottom; width:131px;} #menu #m_catalogue a.active {background: url(/media/images/site/menu_principal/icon_menu-02.gif) no-repeat bottom; width:148px;} #menu #m_labo a.active { background: url(/media/images/site/menu_principal/icon_menu-04.gif) no-repeat bottom; width:151px;} #menu #m_documentation a.active { background: url(/media/images/site/menu_principal/icon_menu-05.gif) no-repeat bottom; width:221px;} /* #menu #m_accueil a { background: url(/media/images/site/menu_principal/icon_menu.gif) no-repeat; width:118px;} #menu #m_selection a { background: url(/media/images/site/menu_principal/icon_menu-03.gif) no-repeat; width:133px;} #menu #m_catalogue a {background: url(/media/images/site/menu_principal/icon_menu-02.gif) no-repeat; width:146px;} #menu #m_labo a { background: url(/media/images/site/menu_principal/icon_menu-04.gif) no-repeat; width:151px;} #menu #m_documentation a { background: url(/media/images/site/menu_principal/icon_menu-05.gif) no-repeat; width:217px;} #menu #m_accueil a.active { background: url(/media/images/site/menu_principal/icon_menu.gif) no-repeat bottom; width:118px;} #menu #m_selection a.active { background: url(/media/images/site/menu_principal/icon_menu-03.gif) no-repeat bottom; width:133px;} #menu #m_catalogue a.active {background: url(/media/images/site/menu_principal/icon_menu-02.gif) no-repeat bottom; width:146px;} #menu #m_labo a.active { background: url(/media/images/site/menu_principal/icon_menu-04.gif) no-repeat bottom; width:151px;} #menu #m_documentation a.active { background: url(/media/images/site/menu_principal/icon_menu-05.gif) no-repeat bottom; width:217px;} #menu #m_accueil a:hover { background: url(/media/images/site/menu_principal/icon_menu.gif) no-repeat bottom; width:118px;} #menu #m_selection a:hover { background: url(/media/images/site/menu_principal/icon_menu-03.gif) no-repeat bottom; width:133px;} #menu #m_catalogue a:hover {background: url(/media/images/site/menu_principal/icon_menu-02.gif) no-repeat bottom; width:146px;} #menu #m_labo a:hover { background: url(/media/images/site/menu_principal/icon_menu-04.gif) no-repeat bottom; width:151px;} #menu #m_documentation a:hover { background: url(/media/images/site/menu_principal/icon_menu-05.gif) no-repeat bottom; width:217px;} */ /*---------------------------------*/ /* Extra Menu */ .menu_extra ul { position: relative; display: block; float: right; list-style: none; padding-top: 0; padding-right: 5px; margin-top: 10px; top: 0; } .menu_extra li { width: 40px; height: 40px; margin-bottom: 8px; background-repeat: no-repeat; } .menu_extra li a { display: block; width: 40px; height: 15px; padding-top: 20px; text-decoration: none; } .noir .menu_extra li.extra_home { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_accueil_noir.gif); no-repeat} .noir .menu_extra li.extra_panier { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_panier_noir.gif); no-repeat} .noir .menu_extra li.extra_home:hover { background-color: none; background-image: url(/media/images/site/menu_droit/menu_extra/bouton_accueil_rouge.gif); no-repeat} .noir .menu_extra li.extra_panier:hover { background-color: none; background-image: url(/media/images/site/menu_droit/menu_extra/bouton_panier_rouge.gif); no-repeat} /*.noir .menu_extra li.extra_home .active { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_accueil_rouge.gif); no-repeat}*/ /*.noir .menu_extra li.extra_panier .active { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_panier_rouge.gif); no-repeat}*/ .vert .menu_extra li.extra_home { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_accueil_vert.gif); } .vert .menu_extra li.extra_panier { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_panier_vert.gif); } .bleu .menu_extra li.extra_home { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_accueil_bleu.gif); } .bleu .menu_extra li.extra_panier { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_panier_bleu.gif); } .rouge .menu_extra li.extra_home { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_accueil_rouge.gif); } .rouge .menu_extra li.extra_panier { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_panier_rouge.gif); } .orange .menu_extra li.extra_home { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_accueil_orange.gif); } .orange .menu_extra li.extra_panier { background-image: url(/media/images/site/menu_droit/menu_extra/bouton_panier_orange.gif); } .noir .menu_extra li.extra_panier a:hover { background-color: transparent; background-image: url(/media/images/site/menu_droit/menu_extra/bouton_panier_orange.gif); } .menu_extra li.extra_panier_item { font-size: 0.7em; text-align: center; } /*---------------------------------*/ /* Sous Menu */ .sous_menu_gauche { position: relative; display: block; float: left; height: 26px; width: 15px; margin: 0; background-repeat: no-repeat; } .noir .sous_menu_gauche { background-image: url(/media/images/new/angle_sousmenu_noir.gif); } .vert .sous_menu_gauche { background-image: url(/media/images/new/angle_sousmenu_vert.gif); } .bleu .sous_menu_gauche { background-image: url(/media/images/new/angle_sousmenu_bleu.gif); } .rouge .sous_menu_gauche { background-image: url(/media/images/new/angle_sousmenu_rouge.gif); } .orange .sous_menu_gauche { background-image: url(/media/images/new/angle_sousmenu_orange.gif); } #sous_menu ul { position: relative; display: block; float: left; width: 830px; height: 20px; padding: 0; padding-top: 1px; margin: 0; margin-top: 0px; list-style: none; } #sous_menu li { display: inline; padding-left: 10px; } #sous_menu a { text-decoration: none; font-weight: bold; } .noir #sous_menu a { color: #646464; } .vert #sous_menu a { color: #ABDA4D; } .bleu #sous_menu a { color: #7AD3F7; } .rouge #sous_menu a { color: #EE1C23; } .orange #sous_menu a { color: #F7931D; } #sous_menu .active a { color: black; } #sous_menu a:hover { color: black; } .rouge #sous_menu ul { border-top : 1px #EE1C23 solid; border-bottom : 1px #EE1C23 solid; } .orange #sous_menu ul { border-top : 1px #ff8307 solid; border-bottom : 1px #ff8307 solid; } .vert #sous_menu ul { border-top : 1px #92cf52 solid; border-bottom : 1px #92cf52 solid; } .bleu #sous_menu ul { border-top : 1px #8bd3e5 solid; border-bottom : 1px #8bd3e5 solid; } .noir #sous_menu ul { border-top : 1px black solid; border-bottom : 1px black solid; } /*--------------------------------------*/ /* Menu des styles musicaux */ /* blok de menu principal */ .menudroit { margin: 0; padding: 0; padding-top: 80px; padding-right: 0px; font-weight: bold; text-align: right; list-style: none; z-index: 2; overflow: hidden; } .menudroit li { padding-top: 0px; padding-bottom: 0px; height: 28px; } .menudroit li a { display: block; height: 28px; text-decoration: none; margin: 0px 2px; background: top; } /*.menudroit a { text-decoration: none; padding-right: 10px;}*/ #menudroit a.active { background: top; height: 28px; } #menudroit a:hover { background: top; height: 28px; } /*.noir .menudroit li .active { background-color: #646464; color: #fff;}*/ /*.noir .menudroit .active a { color: #fff;}*/ /*.vert .menudroit li .active { background-color: #ABDA4D; }*/ /*.bleu .menudroit li .active { background-color: #7AD3F7; }*/ /*.rouge .menudroit li .active { background-color: #EE1C23; }*/ /*.orange .menudroit li .active { background-color: #F7931D; }*/ .noir li.m_style_tous { background: url(/media/images/site/menu_droit/menu_style/tous_noir.png); } .noir li.m_style_classique { background: url(/media/images/site/menu_droit/menu_style/classique_noir.png); } .noir li.m_style_electro { background: url(/media/images/site/menu_droit/menu_style/electro_noir.png); } .noir li.m_style_hip_hop { background: url(/media/images/site/menu_droit/menu_style/hiphop_noir.png); } .noir li.m_style_jazz { background: url(/media/images/site/menu_droit/menu_style/jazz_noir.png); } .noir li.m_style_reggae { background: url(/media/images/site/menu_droit/menu_style/reggae_noir.png); } .noir li.m_style_rock { background: url(/media/images/site/menu_droit/menu_style/rock_noir.png); } .noir li.m_style_soul { background: url(/media/images/site/menu_droit/menu_style/soul_noir.png); } .noir li.m_style_world { background: url(/media/images/site/menu_droit/menu_style/world_noir.png); } .noir li.m_style_autre { background: url(/media/images/site/menu_droit/menu_style/autre_noir.png); } .noir li.m_style_variete { background: url(/media/images/site/menu_droit/menu_style/variete_noir.png); } .noir li.m_style_divers { background: url(/media/images/site/menu_droit/menu_style/divers_noir.png); } .noir li.m_style_tous:hover { background: url(/media/images/site/menu_droit/menu_style/tous_noir.png) bottom; } .noir li.m_style_classique:hover { background: url(/media/images/site/menu_droit/menu_style/classique_noir.png) bottom; } .noir li.m_style_electro:hover { background: url(/media/images/site/menu_droit/menu_style/electro_noir.png) bottom; } .noir li.m_style_hip_hop:hover { background: url(/media/images/site/menu_droit/menu_style/hiphop_noir.png) bottom; } .noir li.m_style_jazz:hover { background: url(/media/images/site/menu_droit/menu_style/jazz_noir.png) bottom; } .noir li.m_style_reggae:hover { background: url(/media/images/site/menu_droit/menu_style/reggae_noir.png) bottom; } .noir li.m_style_rock:hover { background: url(/media/images/site/menu_droit/menu_style/rock_noir.png) bottom; } .noir li.m_style_soul:hover { background: url(/media/images/site/menu_droit/menu_style/soul_noir.png) bottom; } .noir li.m_style_world:hover { background: url(/media/images/site/menu_droit/menu_style/world_noir.png) bottom; } .noir li.m_style_autre:hover { background: url(/media/images/site/menu_droit/menu_style/autre_noir.png) bottom; } .noir li.m_style_variete:hover { background: url(/media/images/site/menu_droit/menu_style/variete_noir.png) bottom; } .noir li.m_style_divers:hover { background: url(/media/images/site/menu_droit/menu_style/divers_noir.png) bottom; } .noir li.m_style_tous a:hover { background: url(/media/images/site/menu_droit/menu_style/tous_noir.png) bottom transparent; } .noir li.m_style_classique a:hover { background: url(/media/images/site/menu_droit/menu_style/classique_noir.png) bottom transparent; } .noir li.m_style_electro a:hover { background: url(/media/images/site/menu_droit/menu_style/electro_noir.png) bottom transparent; } .noir li.m_style_hip_hop a:hover { background: url(/media/images/site/menu_droit/menu_style/hiphop_noir.png) bottom transparent; } .noir li.m_style_jazz a:hover { background: url(/media/images/site/menu_droit/menu_style/jazz_noir.png) bottom transparent; } .noir li.m_style_reggae a:hover { background: url(/media/images/site/menu_droit/menu_style/reggae_noir.png) bottom transparent; } .noir li.m_style_rock a:hover { background: url(/media/images/site/menu_droit/menu_style/rock_noir.png) bottom transparent; } .noir li.m_style_soul a:hover { background: url(/media/images/site/menu_droit/menu_style/soul_noir.png) bottom transparent; } .noir li.m_style_world a:hover { background: url(/media/images/site/menu_droit/menu_style/world_noir.png) bottom transparent; } .noir li.m_style_autre a:hover { background: url(/media/images/site/menu_droit/menu_style/autre_noir.png) bottom transparent; } .noir li.m_style_variete a:hover { background: url(/media/images/site/menu_droit/menu_style/variete_noir.png) bottom transparent; } .noir li.m_style_divers a:hover { background: url(/media/images/site/menu_droit/menu_style/divers_noir.png) bottom transparent; } .noir li.m_style_tous .active { background: url(/media/images/site/menu_droit/menu_style/tous_noir.png) bottom; } .noir li.m_style_classique .active { background: url(/media/images/site/menu_droit/menu_style/classique_noir.png) bottom; } .noir li.m_style_electro .active { background: url(/media/images/site/menu_droit/menu_style/electro_noir.png) bottom; } .noir li.m_style_hip_hop .active { background: url(/media/images/site/menu_droit/menu_style/hiphop_noir.png) bottom; } .noir li.m_style_jazz .active { background: url(/media/images/site/menu_droit/menu_style/jazz_noir.png) bottom; } .noir li.m_style_reggae .active { background: url(/media/images/site/menu_droit/menu_style/reggae_noir.png) bottom; } .noir li.m_style_rock .active { background: url(/media/images/site/menu_droit/menu_style/rock_noir.png) bottom; } .noir li.m_style_soul .active { background: url(/media/images/site/menu_droit/menu_style/soul_noir.png) bottom; } .noir li.m_style_world .active { background: url(/media/images/site/menu_droit/menu_style/world_noir.png) bottom; } .noir li.m_style_autre .active { background: url(/media/images/site/menu_droit/menu_style/autre_noir.png) bottom; } .noir li.m_style_variete .active { background: url(/media/images/site/menu_droit/menu_style/variete_noir.png) bottom; } .noir li.m_style_divers .active { background: url(/media/images/site/menu_droit/menu_style/divers_noir.png) bottom; } .noir li.m_style_tous .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2.gif); } .noir li.m_style_classique .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-02.gif); } .noir li.m_style_electro .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-03.gif); } .noir li.m_style_hip_hop .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-04.gif); } .noir li.m_style_jazz .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-05.gif); } .noir li.m_style_reggae .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-06.gif); } .noir li.m_style_rock .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-07.gif); } .noir li.m_style_soul .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-08.gif); } .noir li.m_style_world .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-10.gif); } .noir li.m_style_autre .active2 { background: url(/media/images/site/menu_droit/menu_style/autre_noir.png) bottom; } .noir li.m_style_variete .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-09.gif); } .noir li.m_style_divers .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDnoir_on2-12.gif); } .rouge li.m_style_tous { background: url(/media/images/site/menu_droit/menu_style/tous_rouge.png); } .rouge li.m_style_classique { background: url(/media/images/site/menu_droit/menu_style/classique_rouge.png); } .rouge li.m_style_electro { background: url(/media/images/site/menu_droit/menu_style/electro_rouge.png); } .rouge li.m_style_hip_hop { background: url(/media/images/site/menu_droit/menu_style/hiphop_rouge.png); } .rouge li.m_style_jazz { background: url(/media/images/site/menu_droit/menu_style/jazz_rouge.png); } .rouge li.m_style_reggae { background: url(/media/images/site/menu_droit/menu_style/reggae_rouge.png); } .rouge li.m_style_rock { background: url(/media/images/site/menu_droit/menu_style/rock_rouge.png); } .rouge li.m_style_soul { background: url(/media/images/site/menu_droit/menu_style/soul_rouge.png); } .rouge li.m_style_world { background: url(/media/images/site/menu_droit/menu_style/world_rouge.png); } .rouge li.m_style_autre { background: url(/media/images/site/menu_droit/menu_style/autre_rouge.png); } .rouge li.m_style_variete { background: url(/media/images/site/menu_droit/menu_style/variete_rouge.png); } .rouge li.m_style_divers { background: url(/media/images/site/menu_droit/menu_style/divers_rouge.png); } .rouge li.m_style_tous:hover { background: url(/media/images/site/menu_droit/menu_style/tous_rouge.png) bottom; } .rouge li.m_style_classique:hover { background: url(/media/images/site/menu_droit/menu_style/classique_rouge.png) bottom; } .rouge li.m_style_electro:hover { background: url(/media/images/site/menu_droit/menu_style/electro_rouge.png) bottom; } .rouge li.m_style_hip_hop:hover { background: url(/media/images/site/menu_droit/menu_style/hiphop_rouge.png) bottom; } .rouge li.m_style_jazz:hover { background: url(/media/images/site/menu_droit/menu_style/jazz_rouge.png) bottom; } .rouge li.m_style_reggae:hover { background: url(/media/images/site/menu_droit/menu_style/reggae_rouge.png) bottom; } .rouge li.m_style_rock:hover { background: url(/media/images/site/menu_droit/menu_style/rock_rouge.png) bottom; } .rouge li.m_style_soul:hover { background: url(/media/images/site/menu_droit/menu_style/soul_rouge.png) bottom; } .rouge li.m_style_world:hover { background: url(/media/images/site/menu_droit/menu_style/world_rouge.png) bottom; } .rouge li.m_style_autre:hover { background: url(/media/images/site/menu_droit/menu_style/autre_rouge.png) bottom; } .rouge li.m_style_variete:hover { background: url(/media/images/site/menu_droit/menu_style/variete_rouge.png) bottom; } .rouge li.m_style_divers:hover { background: url(/media/images/site/menu_droit/menu_style/divers_rouge.png) bottom; } .rouge li.m_style_tous .active { background: url(/media/images/site/menu_droit/menu_style/tous_rouge.png) bottom; } .rouge li.m_style_classique .active { background: url(/media/images/site/menu_droit/menu_style/classique_rouge.png) bottom; } .rouge li.m_style_electro .active { background: url(/media/images/site/menu_droit/menu_style/electro_rouge.png) bottom; } .rouge li.m_style_hip_hop .active { background: url(/media/images/site/menu_droit/menu_style/hiphop_rouge.png) bottom; } .rouge li.m_style_jazz .active { background: url(/media/images/site/menu_droit/menu_style/jazz_rouge.png) bottom; } .rouge li.m_style_reggae .active { background: url(/media/images/site/menu_droit/menu_style/reggae_rouge.png) bottom; } .rouge li.m_style_rock .active { background: url(/media/images/site/menu_droit/menu_style/rock_rouge.png) bottom; } .rouge li.m_style_soul .active { background: url(/media/images/site/menu_droit/menu_style/soul_rouge.png) bottom; } .rouge li.m_style_world .active { background: url(/media/images/site/menu_droit/menu_style/world_rouge.png) bottom; } .rouge li.m_style_autre .active { background: url(/media/images/site/menu_droit/menu_style/autre_rouge.png) bottom; } .rouge li.m_style_variete .active { background: url(/media/images/site/menu_droit/menu_style/variete_rouge.png) bottom; } .rouge li.m_style_divers .active { background: url(/media/images/site/menu_droit/menu_style/divers_rouge.png) bottom; } .rouge li.m_style_tous .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2.gif); } .rouge li.m_style_classique .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-02.gif); } .rouge li.m_style_electro .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-03.gif); } .rouge li.m_style_hip_hop .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-04.gif); } .rouge li.m_style_jazz .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-05.gif); } .rouge li.m_style_reggae .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-06.gif); } .rouge li.m_style_rock .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-07.gif); } .rouge li.m_style_soul .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-08.gif); } .rouge li.m_style_world .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-10.gif); } .rouge li.m_style_autre .active2 { background: url(/media/images/site/menu_droit/menu_style/autre_rouge.png) bottom; } .rouge li.m_style_variete .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-09.gif); } .rouge li.m_style_divers .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDred_on2-12.gif); } .orange li.m_style_tous { background: url(/media/images/site/menu_droit/menu_style/tous_orange.png); } .orange li.m_style_classique { background: url(/media/images/site/menu_droit/menu_style/classique_orange.png); } .orange li.m_style_electro { background: url(/media/images/site/menu_droit/menu_style/electro_orange.png); } .orange li.m_style_hip_hop { background: url(/media/images/site/menu_droit/menu_style/hiphop_orange.png); } .orange li.m_style_jazz { background: url(/media/images/site/menu_droit/menu_style/jazz_orange.png); } .orange li.m_style_reggae { background: url(/media/images/site/menu_droit/menu_style/reggae_orange.png); } .orange li.m_style_rock { background: url(/media/images/site/menu_droit/menu_style/rock_orange.png); } .orange li.m_style_soul { background: url(/media/images/site/menu_droit/menu_style/soul_orange.png); } .orange li.m_style_world { background: url(/media/images/site/menu_droit/menu_style/world_orange.png); } .orange li.m_style_autre { background: url(/media/images/site/menu_droit/menu_style/autre_orange.png); } .orange li.m_style_variete { background: url(/media/images/site/menu_droit/menu_style/variete_orange.png); } .orange li.m_style_divers { background: url(/media/images/site/menu_droit/menu_style/divers_orange.png); } .orange li.m_style_tous:hover { background: url(/media/images/site/menu_droit/menu_style/tous_orange.png) bottom; } .orange li.m_style_classique:hover { background: url(/media/images/site/menu_droit/menu_style/classique_orange.png) bottom; } .orange li.m_style_electro:hover { background: url(/media/images/site/menu_droit/menu_style/electro_orange.png) bottom; } .orange li.m_style_hip_hop:hover { background: url(/media/images/site/menu_droit/menu_style/hiphop_orange.png) bottom; } .orange li.m_style_jazz:hover { background: url(/media/images/site/menu_droit/menu_style/jazz_orange.png) bottom; } .orange li.m_style_reggae:hover { background: url(/media/images/site/menu_droit/menu_style/reggae_orange.png) bottom; } .orange li.m_style_rock:hover { background: url(/media/images/site/menu_droit/menu_style/rock_orange.png) bottom; } .orange li.m_style_soul:hover { background: url(/media/images/site/menu_droit/menu_style/soul_orange.png) bottom; } .orange li.m_style_world:hover { background: url(/media/images/site/menu_droit/menu_style/world_orange.png) bottom; } .orange li.m_style_autre:hover { background: url(/media/images/site/menu_droit/menu_style/autre_orange.png) bottom; } .orange li.m_style_variete:hover { background: url(/media/images/site/menu_droit/menu_style/variete_orange.png) bottom; } .orange li.m_style_divers:hover { background: url(/media/images/site/menu_droit/menu_style/divers_orange.png) bottom; } .orange li.m_style_tous .active { background: url(/media/images/site/menu_droit/menu_style/tous_orange.png) bottom; } .orange li.m_style_classique .active { background: url(/media/images/site/menu_droit/menu_style/classique_orange.png) bottom; } .orange li.m_style_electro .active { background: url(/media/images/site/menu_droit/menu_style/electro_orange.png) bottom; } .orange li.m_style_hip_hop .active { background: url(/media/images/site/menu_droit/menu_style/hiphop_orange.png) bottom; } .orange li.m_style_jazz .active { background: url(/media/images/site/menu_droit/menu_style/jazz_orange.png) bottom; } .orange li.m_style_reggae .active { background: url(/media/images/site/menu_droit/menu_style/reggae_orange.png) bottom; } .orange li.m_style_rock .active { background: url(/media/images/site/menu_droit/menu_style/rock_orange.png) bottom; } .orange li.m_style_soul .active { background: url(/media/images/site/menu_droit/menu_style/soul_orange.png) bottom; } .orange li.m_style_world .active { background: url(/media/images/site/menu_droit/menu_style/world_orange.png) bottom; } .orange li.m_style_autre .active { background: url(/media/images/site/menu_droit/menu_style/autre_orange.png) bottom; } .orange li.m_style_variete .active { background: url(/media/images/site/menu_droit/menu_style/variete_orange.png) bottom; } .orange li.m_style_divers .active { background: url(/media/images/site/menu_droit/menu_style/divers_orange.png) bottom; } .orange li.m_style_tous .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2.gif); } .orange li.m_style_classique .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-02.gif); } .orange li.m_style_electro .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-03.gif); } .orange li.m_style_hip_hop .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-04.gif); } .orange li.m_style_jazz .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-05.gif); } .orange li.m_style_reggae .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-06.gif); } .orange li.m_style_rock .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-07.gif); } .orange li.m_style_soul .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-08.gif); } .orange li.m_style_world .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-10.gif); } .orange li.m_style_autre .active2 { background: url(/media/images/site/menu_droit/menu_style/autre_orange.png) bottom; } .orange li.m_style_variete .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-09.gif); } .orange li.m_style_divers .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDorange_on2-12.gif); } .vert li.m_style_tous { background: url(/media/images/site/menu_droit/menu_style/tous_vert.png); } .vert li.m_style_classique { background: url(/media/images/site/menu_droit/menu_style/classique_vert.png); } .vert li.m_style_electro { background: url(/media/images/site/menu_droit/menu_style/electro_vert.png); } .vert li.m_style_hip_hop { background: url(/media/images/site/menu_droit/menu_style/hiphop_vert.png); } .vert li.m_style_jazz { background: url(/media/images/site/menu_droit/menu_style/jazz_vert.png); } .vert li.m_style_reggae { background: url(/media/images/site/menu_droit/menu_style/reggae_vert.png); } .vert li.m_style_rock { background: url(/media/images/site/menu_droit/menu_style/rock_vert.png); } .vert li.m_style_soul { background: url(/media/images/site/menu_droit/menu_style/soul_vert.png); } .vert li.m_style_world { background: url(/media/images/site/menu_droit/menu_style/world_vert.png); } .vert li.m_style_autre { background: url(/media/images/site/menu_droit/menu_style/autre_vert.png); } .vert li.m_style_variete { background: url(/media/images/site/menu_droit/menu_style/variete_vert.png); } .vert li.m_style_divers { background: url(/media/images/site/menu_droit/menu_style/divers_vert.png); } .vert li.m_style_tous:hover { background: url(/media/images/site/menu_droit/menu_style/tous_vert.png) bottom; } .vert li.m_style_classique:hover { background: url(/media/images/site/menu_droit/menu_style/classique_vert.png) bottom; } .vert li.m_style_electro:hover { background: url(/media/images/site/menu_droit/menu_style/electro_vert.png) bottom; } .vert li.m_style_hip_hop:hover { background: url(/media/images/site/menu_droit/menu_style/hiphop_vert.png) bottom; } .vert li.m_style_jazz:hover { background: url(/media/images/site/menu_droit/menu_style/jazz_vert.png) bottom; } .vert li.m_style_reggae:hover { background: url(/media/images/site/menu_droit/menu_style/reggae_vert.png) bottom; } .vert li.m_style_rock:hover { background: url(/media/images/site/menu_droit/menu_style/rock_vert.png) bottom; } .vert li.m_style_soul:hover { background: url(/media/images/site/menu_droit/menu_style/soul_vert.png) bottom; } .vert li.m_style_world:hover { background: url(/media/images/site/menu_droit/menu_style/world_vert.png) bottom; } .vert li.m_style_autre:hover { background: url(/media/images/site/menu_droit/menu_style/autre_vert.png) bottom; } .vert li.m_style_variete:hover { background: url(/media/images/site/menu_droit/menu_style/variete_vert.png) bottom; } .vert li.m_style_divers:hover { background: url(/media/images/site/menu_droit/menu_style/divers_vert.png) bottom; } .vert li.m_style_tous .active { background: url(/media/images/site/menu_droit/menu_style/tous_vert.png) bottom; } .vert li.m_style_classique .active { background: url(/media/images/site/menu_droit/menu_style/classique_vert.png) bottom; } .vert li.m_style_electro .active { background: url(/media/images/site/menu_droit/menu_style/electro_vert.png) bottom; } .vert li.m_style_hip_hop .active { background: url(/media/images/site/menu_droit/menu_style/hiphop_vert.png) bottom; } .vert li.m_style_jazz .active { background: url(/media/images/site/menu_droit/menu_style/jazz_vert.png) bottom; } .vert li.m_style_reggae .active { background: url(/media/images/site/menu_droit/menu_style/reggae_vert.png) bottom; } .vert li.m_style_rock .active { background: url(/media/images/site/menu_droit/menu_style/rock_vert.png) bottom; } .vert li.m_style_soul .active { background: url(/media/images/site/menu_droit/menu_style/soul_vert.png) bottom; } .vert li.m_style_world .active { background: url(/media/images/site/menu_droit/menu_style/world_vert.png) bottom; } .vert li.m_style_autre .active { background: url(/media/images/site/menu_droit/menu_style/autre_vert.png) bottom; } .vert li.m_style_variete .active { background: url(/media/images/site/menu_droit/menu_style/variete_vert.png) bottom; } .vert li.m_style_divers .active { background: url(/media/images/site/menu_droit/menu_style/divers_vert.png) bottom; } .vert li.m_style_tous .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2.gif); } .vert li.m_style_classique .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-02.gif); } .vert li.m_style_electro .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-03.gif); } .vert li.m_style_hip_hop .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-04.gif); } .vert li.m_style_jazz .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-05.gif); } .vert li.m_style_reggae .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-06.gif); } .vert li.m_style_rock .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-07.gif); } .vert li.m_style_soul .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-08.gif); } .vert li.m_style_world .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-10.gif); } .vert li.m_style_autre .active2 { background: url(/media/images/site/menu_droit/menu_style/autre_vert.png) bottom; } .vert li.m_style_variete .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-09.gif); } .vert li.m_style_divers .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDgreen_on2-12.gif); } .bleu li.m_style_tous { background: url(/media/images/site/menu_droit/menu_style/tous_bleu.png); } .bleu li.m_style_classique { background: url(/media/images/site/menu_droit/menu_style/classique_bleu.png); } .bleu li.m_style_electro { background: url(/media/images/site/menu_droit/menu_style/electro_bleu.png); } .bleu li.m_style_hip_hop { background: url(/media/images/site/menu_droit/menu_style/hiphop_bleu.png); } .bleu li.m_style_jazz { background: url(/media/images/site/menu_droit/menu_style/jazz_bleu.png); } .bleu li.m_style_reggae { background: url(/media/images/site/menu_droit/menu_style/reggae_bleu.png); } .bleu li.m_style_rock { background: url(/media/images/site/menu_droit/menu_style/rock_bleu.png); } .bleu li.m_style_soul { background: url(/media/images/site/menu_droit/menu_style/soul_bleu.png); } .bleu li.m_style_world { background: url(/media/images/site/menu_droit/menu_style/world_bleu.png); } .bleu li.m_style_autre { background: url(/media/images/site/menu_droit/menu_style/autre_bleu.png); } .bleu li.m_style_variete { background: url(/media/images/site/menu_droit/menu_style/variete_bleu.png); } .bleu li.m_style_divers { background: url(/media/images/site/menu_droit/menu_style/divers_bleu.png); } .bleu li.m_style_tous:hover { background: url(/media/images/site/menu_droit/menu_style/tous_bleu.png) bottom; } .bleu li.m_style_classique:hover { background: url(/media/images/site/menu_droit/menu_style/classique_bleu.png) bottom; } .bleu li.m_style_electro:hover { background: url(/media/images/site/menu_droit/menu_style/electro_bleu.png) bottom; } .bleu li.m_style_hip_hop:hover { background: url(/media/images/site/menu_droit/menu_style/hiphop_bleu.png) bottom; } .bleu li.m_style_jazz:hover { background: url(/media/images/site/menu_droit/menu_style/jazz_bleu.png) bottom; } .bleu li.m_style_reggae:hover { background: url(/media/images/site/menu_droit/menu_style/reggae_bleu.png) bottom; } .bleu li.m_style_rock:hover { background: url(/media/images/site/menu_droit/menu_style/rock_bleu.png) bottom; } .bleu li.m_style_soul:hover { background: url(/media/images/site/menu_droit/menu_style/soul_bleu.png) bottom; } .bleu li.m_style_world:hover { background: url(/media/images/site/menu_droit/menu_style/world_bleu.png) bottom; } .bleu li.m_style_autre:hover { background: url(/media/images/site/menu_droit/menu_style/autre_bleu.png) bottom; } .bleu li.m_style_variete:hover { background: url(/media/images/site/menu_droit/menu_style/variete_bleu.png) bottom; } .bleu li.m_style_divers:hover { background: url(/media/images/site/menu_droit/menu_style/divers_bleu.png) bottom; } .bleu li.m_style_tous .active { background: url(/media/images/site/menu_droit/menu_style/tous_bleu.png) bottom; } .bleu li.m_style_classique .active { background: url(/media/images/site/menu_droit/menu_style/classique_bleu.png) bottom; } .bleu li.m_style_electro .active { background: url(/media/images/site/menu_droit/menu_style/electro_bleu.png) bottom; } .bleu li.m_style_hip_hop .active { background: url(/media/images/site/menu_droit/menu_style/hiphop_bleu.png) bottom; } .bleu li.m_style_jazz .active { background: url(/media/images/site/menu_droit/menu_style/jazz_bleu.png) bottom; } .bleu li.m_style_reggae .active { background: url(/media/images/site/menu_droit/menu_style/reggae_bleu.png) bottom; } .bleu li.m_style_rock .active { background: url(/media/images/site/menu_droit/menu_style/rock_bleu.png) bottom; } .bleu li.m_style_soul .active { background: url(/media/images/site/menu_droit/menu_style/soul_bleu.png) bottom; } .bleu li.m_style_world .active { background: url(/media/images/site/menu_droit/menu_style/world_bleu.png) bottom; } .bleu li.m_style_autre .active { background: url(/media/images/site/menu_droit/menu_style/autre_bleu.png) bottom; } .bleu li.m_style_variete .active { background: url(/media/images/site/menu_droit/menu_style/variete_bleu.png) bottom; } .bleu li.m_style_divers .active { background: url(/media/images/site/menu_droit/menu_style/divers_bleu.png) bottom; } .bleu li.m_style_tous .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2.gif); } .bleu li.m_style_classique .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-02.gif); } .bleu li.m_style_electro .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-03.gif); } .bleu li.m_style_hip_hop .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-04.gif); } .bleu li.m_style_jazz .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-05.gif); } .bleu li.m_style_reggae .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-06.gif); } .bleu li.m_style_rock .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-07.gif); } .bleu li.m_style_soul .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-08.gif); } .bleu li.m_style_world .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-10.gif); } .bleu li.m_style_autre .active2 { background: url(/media/images/site/menu_droit/menu_style/autre_bleu.png) bottom; } .bleu li.m_style_variete .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-09.gif); } .bleu li.m_style_divers .active2 { background: url(/media/images/site/menu_droit/menu_style/icon_menuDblue_on2-12.gif); } ul .sous_style { text-align: left; padding-left: 5px; width: 110px; overflow: hidden; } .sous_style li { font-size: x-small; text-align: center; padding: 1px; margin-top: 2px; margin-bottom: 2px; line-height: 1em; list-style-type : none; height: 20px; } .vert .sous_style li .active_ss a { color: #ABDA4D; } .bleu .sous_style li .active_ss a { color: #7AD3F7; } .rouge .sous_style li .active_ss a { color: #EE1C23; } .orange .sous_style li .active_ss a { color: #F7931D; } .noir .sous_style li .active_ss a { color: #646464; } /*--------------------------------------*/ /* Menu Bas (contact, plan, légale) */ .menu_pied { margin: 0; margin-right: 119px; padding: 0; padding-top: 78px; padding-right: 100px; font-size: 0.7em; line-height: 1.2em; padding-left: 100px; } .rouge .menu_pied { border-right: 10px solid #EE1C23; background: url(/media/images/site/pied/pied_rouge.png) no-repeat bottom; color: #EE1C23 } .orange .menu_pied { border-right: 10px solid #F7931D; background: url(/media/images/site/pied/pied_orange.png) no-repeat bottom; color: #F7931D; } .vert .menu_pied { border-right: 10px solid #ABDA4D; background: url(/media/images/site/pied/pied_vert.png) no-repeat bottom; color: #ABDA4D; } .bleu .menu_pied { border-right: 10px solid #7AD3F7; background: url(/media/images/site/pied/pied_bleu.png) no-repeat bottom; color: #7AD3F7; } .noir .menu_pied { border-right: 10px solid black; background: url(/media/images/site/pied/pied_noir.png) no-repeat bottom; color: black; } .menu_pied li { display: inline; } .rouge .menu_pied a { color: #EE1C23; text-decoration: none;} .orange .menu_pied a { color: #F7931D; text-decoration: none;} .vert .menu_pied a { color: #ABDA4D; text-decoration: none;} .bleu .menu_pied a { color: #7AD3F7; text-decoration: none;} .noir .menu_pied a { color: black; text-decoration: none;} .rouge .menu_pied a:hover { color: #ddd; text-decoration: underline;} .orange .menu_pied a:hover { color: #ddd; text-decoration: underline;} .vert .menu_pied a :hover { color: #ddd; text-decoration: underline;} .bleu .menu_pied a:hover { color: #ddd; text-decoration: underline;} .noir .menu_pied a:hover { color: #ddd; } /*--------------------------------------*/ /* Menu Haut (panier / connexion...) */ #connexion ul { padding: 0; margin: 0; color: gray;} #connexion li { display: inline ; } #connexion a { color: gray; text-decoration: none; } #connexion a:hover { color: black;} #connexion input {border: 1px solid #ddd; margin-bottom: 2px;} .txt_cnx { padding-left: 5px; } .input_cnx { position: relative; padding-left: 5px; padding-top: 5px; } .bt_cnx { position: absolute; left: 130px; top: 18px; } /* --------------------------------------- */ /* Recherche */ /* --------------------------------------- */ #recherche { position: absolute; float: right; display: block; top: 0; right: 0px; padding-right: 0; padding-bottom: 2px; width: 290px; } #recherche input { border: 0; background: #ddd; } #recherche select { border: 0; } #recherche img { float: left; } #recherche_result img { border: 0px; } #recherche_result img a { border: 0px; } #result_recherche table { width: 800px; margin-left: 10px; } .recherche_result table td.align_gauche { text-align:left; } .recherche_result table td.align_droite { text-align:right; } .recherche_result table td.align_centre { text-align:center; } .recherche_result table td.icone { width:35px; padding-bottom:15px} table td.logo_petit { width: 60px; height: 60px; border: 0px solid #ddd; } table td.logo_petit img { border: 0px; margin-left: 15px; margin-right: 10px; } .noir .logo_petit a:hover { background: transparent; } /* --------------------------------------- */ /* Titre */ /* --------------------------------------- */ /*-----------------------------------------*/ /* H1 */ #titre-h1 { position: relative display: block; float: left; margin-top: 0; margin-bottom: 10px; height: 73px; top: 0; left: 0; padding-left: 0; margin-left: 0; width: 650px; } h1 { position: relative; display: block; float: left; top: 0; height: 43px; margin-top: 0; padding-left: 105px; padding-top: 40px; font-size: 1.5em; text-align: left; background-image: url(/media/images/site2/picto.png); background-repeat: no-repeat; } /*-----------------------------------------*/ /* deco de H1 */ /*-----------------------------------------*/ /* H2 */ h2 { padding: 5px; padding-left: 40px; padding-bottom: 5px; padding-top: 7px; margin-left: 5px; font-size: 1.1em; text-align: left; background-repeat: no-repeat; background-position: center left; } .vert h2 { background-image: url(/media/images/site/fleches/petite-fleche-rond-vert.png); color: #ABDA4D;} .rouge h2 { background-image: url(/media/images/site/fleches/petite-fleche-rond-rouge.png); color: #EE1C23;} .orange h2 { background-image: url(/media/images/site/fleches/petite-fleche-rond-orange.png); color: #F7931D;} .bleu h2 { background-image: url(/media/images/site/fleches/petite-fleche-rond-bleu.png); color: #7AD3F7;} .noir h2 { background-image: url(/media/images/site/fleches/petite-fleche-rond-noir.png); color: black;} a h2 {text-decoration: none;} a:hover h2 { color: black; } /*-----------------------------------------*/ /* H3 */ h3 { padding-left: 10px; padding: 5px; margin-left: 50px; margin-right: 0; padding-bottom: 5px; padding-top: 5px; font-size: 1.1em; text-align: left; border-top: solid 1px #F7931D; background-repeat: no-repeat; background-image: url(/media/images/site/fleches/none.jpg); } .site_principal h3 { padding-top: 5px; padding-left: 40px; margin-left: 0; border-top: 0; background-repeat: no-repeat; } .site_principal a:hover h3 { color: black; } .site_principal .vert h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-vert.png); color: #ABDA4D;} .site_principal .rouge h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-rouge.png); color: #EE1C23;} .site_principal .orange h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-orange.png); color: #F7931D;} .site_principal .bleu h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-bleu.png); color: #7AD3F7;} .site_principal .noir h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-noir.png); color: black;} .site_principal h4 { display: inline; padding-top: 5px; padding-left: 0; margin-left: 0; } .catalogue h3 { padding-top: 5px; padding-left: 40px; margin-left: 10px; border-top: 0; background-repeat: no-repeat; } .catalogue a:hover h3 { color: black; } .vert .catalogue h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-vert.png); color: #ABDA4D;} .rouge .catalogue h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-rouge.png); color: #EE1C23;} .orange .catalogue h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-orange.png); color: #F7931D;} .bleu .catalogue h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-bleu.png); color: #7AD3F7;} .noir .catalogue h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-noir.png); color: black;} .selection h3 { padding-top: 5px; padding-left: 40px; margin-left: 10px; border-top: 0; background-repeat: no-repeat; } .selection a:hover h3 { color: black; } .rouge .selection h3 { background-image: url(/media/images/site/fleches/petite-fleche-rond-rouge.png); color: #EE1C23;} /* --------------------------------------- */ /* Mise en page général */ /* --------------------------------------- */ italic { font-style: italic; } justify { text-align : justify; } .bord { border: solid 1px #DDDDDD; padding: 10px; padding-top: 5px; margin: 0; background: #fff; } .site_principal .bord { border: solid 1px #DDDDDD; padding: 0; padding-top: 0px; margin: 0; background: #fff; } .rouge .site_principal .bord { border: 1px solid #EE1C23; } .orange .site_principal .bord { border: 1px solid #F7931D; } .vert .site_principal .bord { border: 1px solid #ABDA4D; } .bleu .site_principal .bord { border: 1px solid #7AD3F7; } .noir .site_principal .bord { border: 1px solid black; } .site_principal .bord p { padding-left: 10px; } t .bord-bas { border-bottom: solid 1px #DDDDDD; margin-bottom: 10px; } p { text-align: justify; padding-left: 0px; } p.intro { padding-left: 0; } .vert b { color: #ABDA4D; } .rouge b { color: #EE1C23;} .orange b { color: #F7931D;} /*.bleu b { color: #7AD3F7;}*/ .bleu b { color: black;} .noir b { color: black;} .vert strong { color: #ABDA4D; } .rouge strong { color: #EE1C23;} .orange strong { color: #F7931D;} /*.bleu strong { color: #7AD3F7;}*/ .bleu strong { color: black;} .noir strong { color: black; font-weight:bold;} .notification strong { color: #fff; font-weight:bold;} a { color: black; } a:hover { color: #ddd; } .vert a:hover { color: #ABDA4D; } .rouge a:hover { color: #EE1C23;} .orange a:hover { color: #F7931D;} .bleu a:hover { color: #7AD3F7;} .noir a:hover { color: #fff; background: black; text-decoration: none;} petit { font-size:smaller; } gras { font-weight:bold; } table td { padding-right: 10px; text-align : left; } /* ----------------------------------------------- */ /* Mise en page speciale formulaire */ /* ----------------------------------------------- */ .cellule_erreur { color: #FF4F57; } /* Ligne d'un formulaire presentant une erreur. */ .cellule_erreur a { color: #FF4F57; } .cellule_aide { color: #969696; } .champ_obligatoire {font-weight: bold;} .ligneimpair {} /* Fond ligne de liste pair. */ .lignepair {} /* Fond ligne de liste impair. */ input { border: 1px solid black; } textarea { border: 1px solid black; width: 100%; overflow-x: hidden; overflow-y: auto; } select { border: 1px solid black; } .bouton { width: 200px; padding-top: 10px; padding-bottom: 10px; border: 1px solid black; color: black; } .vert .bouton { background: url(/media/images/site/boutons/bouton-vert.png) repeat-x right top; } .orange .bouton { background: url(/media/images/site/boutons/bouton-orange.png) repeat-x right top; } .rouge .bouton { background: url(/media/images/site/boutons/bouton-rouge.png) repeat-x right top; } .bleu .bouton { background: url(/media/images/site/boutons/bouton-bleu.png) repeat-x right top; } .search { cursor: pointer; border: none; background: url("/media/images/site/icones/search.png") no-repeat left top; } table.formulaire { padding-left: 40px; } table.formulaire td { padding-top: 10px; text-align : left; } table.formulaire td.label { vertical-align : top; width: 180px; padding-right: 20px; } table.formulaire td.cellule_aide { padding-left: 0; } .formulaire ul { margin: 0; padding: 0; } .formulaire li { list-style: none; margin: 10px; margin-left: 0px; display: inline; } .formulaire img { border: 1px solid #ddd; } .info { font-style: italic; color: #969696; padding-left: 0; } .formulaire_titre img { border: 0; } table.formulaire_titre { margin-left: 250px; margin-top: 0px; margin-bottom: 40px; width: 580px; border-collapse: collapse; } table.formulaire_titre td { text-align : center; vertical-align : middle; font-size: 0.8em; } .vert table.formulaire_titre td {border-bottom: 1px solid #ABDA4D;} .orange table.formulaire_titre td {border-bottom: 1px solid #F7931D;} table.formulaire_titre td.cellule_aide { padding-left: 0; } /*.noir .ligneimpair_titre { background: #ABDA4D;}*/ /* Fond ligne de liste pair. */ /*.vert .ligneimpair_titre { border-bottom:#ABDA4D;}*/ /* Fond ligne de liste pair. */ /*.orange .ligneimpair_titre { background: #F7931D;}*/ /* Fond ligne de liste pair. */ /*.rouge .ligneimpair_titre { background: #ABDA4D;}*/ /* Fond ligne de liste pair. */ .lignepair_titre {} /* Fond ligne de liste impair. */ /* ----------------------------------------------- */ /* PANIER */ /* ----------------------------------------------- */ .formulaire_panier img { border: 0; } table.formulaire_panier { margin-left: 20px; margin-top: 0px; margin-bottom: 40px; width: 780px; border-collapse: collapse; } table.formulaire_panier td { text-align : center; vertical-align : middle; font-size: 0.8em; } table.formulaire_panier td.cellule_aide { padding-left: 0; } /* ----------------------------------------------- */ /* */ /* ----------------------------------------------- */ .element { display: block; margin: 0; padding: 5px; padding-left: 0; text-decoration: none; color: #000; } .element:hover { border: solid 1px gray; } .rouge .element:hover { border: solid 1px #EE1C23; } .orange .element:hover { border: solid 1px #F7931D;} .vert .element:hover { border: solid 1px #ABDA4D;} .bleu .element:hover { border: solid 1px #7AD3F7;} /* ----------------------------------------------- */ /* Affichage des produits dans le site boutique */ /* ----------------------------------------------- */ .item_liste table { border-top: 1px solid #ddd; width: 820px; margin-left: 10px; margin-bottom: 10px; } .item_liste .pochette { width: 120px; height: 120px; border: 0px solid #ddd; } .pochette_petit { width: 60px; height: 60px; border: 0px solid #ddd; } .item_liste .pochette_artiste { border: 0px solid #ddd; } .item_liste .detail { vertical-align: top; text-align: left; border-right: 0px dotted #ddd; width: 300px; padding-left: 0px; } .item_liste .description { vertical-align: top; text-align: left; border-right: 0px dotted #ddd; width: 400px; } .item_liste .pochette img { border: 0px; width: 120px; } .pochette_petit img { border: 0px; width: 60px; } .item_liste .pochette_artiste img { border: 0px; } .item_detail table td { vertical-align: top; } .item_detail img { padding-left: 10px; } .item_detail p { padding-left: 10px; } .item_detail .description gras { color: black; font-weight: bold; } .item_detail italic { color: grey; font-style: italic; } .navig_catalog li { list-style: none; text-align: right; } .navig_catalog a img{ border: 0; } .navig_catalog a:hover { background: transparent;} pitit { font-size: x-small;} /* ----------------------------------------------- */ /* paginator */ /* ----------------------------------------------- */ .paginator { display: block; width: 100%; text-align: center; margin-bottom: 20px; margin-top: 20px; } paginator-current { font-weight:: bold; } /* ----------------------------------------------- */ /* contrat */ /* ----------------------------------------------- */ .contrat { overflow-x: hidden; overflow-y: auto; width: 90%; height: 200px; border: solid 1px black; margin: 40px; padding: 10px; } .contrat h1 { color: black; text-align: center; padding-bottom: 20px; } .contrat h2 { padding-left: 0; padding-top: 20px; } .contrat p { text-align: justify; } .contrat td { text-align: center; } .contrat ul { padding-bottom: 20px; padding-top: 0; margin-top: 0; } .contrat_adresse { margin: 0; padding: 0; padding-left: 20px; font-style: italic; } .esp_part .contrat { height: 500px; } .imprim_contrat { padding-right: 40px; text-align: right; } /* ----------------------------------------------- */ /* affichage des vignette label/artistes/albums */ /* ----------------------------------------------- */ .inline { display: inline; padding-bottom: 15px; padding-top: 15px; margin-left: 12px; } .gallery { margin-top: 10px; margin-left: 50px; } .vignette { display: block; float: left; border: solid 1px #ddd; margin-right: 1em; margin-bottom: 1em; padding: 10px; text-align: center; width: 140px; } .vignette:hover { border: solid 1px #F7931D; color: #F7931D; } .vignette h4 { text-decoration: none; font-size: small; font-weight: bold; margin-top: 0; padding-top: 0; margin-left: 5px; margin-right: 5px; display: block; } .vignette p { padding-left: 0; margin-left: 0; font-weight: bold; font-size: smaller; } .vignette img { border: 0px; } .vignette .icone { width: 35px; height: 35px; border: 0; padding-top: 10px; } .album { background: url(/media/images/site/albums/contour.png) no-repeat left top; height: 137px; width: 135px; padding-top: 6px; padding-left: 3px; margin-left: 10px; } .album_petit { background: url(/media/images/site/albums/contour.png) no-repeat left top; height: 69px; width: 67px; padding-top: 6px; padding-left: 3px; margin-left: 10px; } .noir .album_petit a:hover { background: transparent; } .panache .album { background: url(/media/images/site/albums/contour.png) no-repeat left top; height: 137px; width: 135px; padding-top: 6px; padding-left: 13px; margin-left: 10px; } .album img { width: 120px; height: 120px; border: 0px; } .album_petit img { width: 60px; height: 60px; border: 0px; } .vignette .icone img { width: 15px; height: 30px; padding: 0; margin: 0; } .vignette .icone td { width: 15px; height: 30px; } /* ----------------------------------------------- */ /* Accueil Général */ /* ----------------------------------------------- */ .accueil { display: block; width: 220px; float: left; margin-top: 20px; margin-bottom: 1em; margin-right: 2px; padding: 0; text-align: center; } .accueil img { border: 0; } h2.bleu { color: black;} h2.rouge { color: black;} /* ----------------------------------------------- */ /* Site partenaires - page preference */ /* ----------------------------------------------- */ .case_pref { display: block; float: left; margin-right: 1em; margin-bottom: 1em; padding: 5px; padding-right: 0; text-align: left; width: 340px; } .part_rouge .case_pref { border: 1px solid #EE1C23;; } .part_orange .case_pref { border: 1px solid #F7931D; } .part_vert .case_pref { border: 1px solid #ABDA4D; } .part_bleu .case_pref { border: 1px solid #7AD3F7; } .part_noir .case_pref { border: 1px solid black; } .part_vert b { color: #ABDA4D; } .part_rouge b { color: #EE1C23;} .part_orange b { color: #F7931D;} .part_bleu b { color: #7AD3F7;} .part_noir b { color: black;} table.info_album { margin-left: 25px; } /* ----------------------------------------------- */ /* Message d'information général */ /* ----------------------------------------------- */ .message { border: 1px solid black; background-color: #fafafa; margin-bottom: 10px; } .warning { text-align: left; /*background-image: url("/media/images/site/icones/warning.png"); */ /*background-repeat: no-repeat;*/ /*background-position: center left;*/ margin: 0; padding-top: 0; padding-bottom: 6px; padding-left: 50px; padding-right: 40px; /*color: red;*/ } .information { text-align: left; /*background-repeat: no-repeat;*/ /*background-position: center left;*/ /*background-image: url("/media/images/site/info.png"); */ margin: 0px; padding: 0px; padding-top: 14px; padding-bottom: 6px; padding-left: 40px; padding-right: 40px; } /* ----------------------------------------------- */ /* DOCUMENTATION */ /* ----------------------------------------------- */ #documentation { } #logo_doc { height: 100px; padding-left: 110px; background-image: url("/media/images/site/logos/logo_doc.jpg"); background-repeat: no-repeat; background-position: left; } #documentation h2 { color: #969696; padding: 0; font-size: 1.6em; text-align: left; background-image: none; } #documentation h2 .ss-titre { font-weight: 400; text-decoration: underline; padding-top: 10px; } #documentation h3 { padding: 0px; margin: 0px; margin-top: 30px; font-size: 1.4em; text-align: left; border-top: 0px; background-repeat: none; } #documentation h4 { padding: 0px; margin: 0px; margin-top: 40px; margin-bottom: 20px; font-size: 1.3em; text-align: left; border-top: 0px; display: block; } #documentation h5 { padding: 0px; margin: 0px; margin-top: 50px; margin-bottom: 20px; font-size: 1.1em; text-align: left; border-top: 0px; } #documentation table { border: 1px solid black; border-collapse: collapse } #documentation table td { width: 50%; border: 1px solid black; padding: 10px; } #documentation .recommandation { margin-top: 30px; font-weight: bold; font-size: 1.2em; } #documentation b { color: black; } #documentation img { border: 0px; } #documentation .reader_ico { position: absolute; top: 240px; right: 20px; } #documentation #logo_cdex { height: 70px; padding-left: 110px; /*background-image: url("/media/images/site/logos/logo_doc.jpg");*/ background-repeat: no-repeat; background-position: left; } #documentation #logo_catapulte { height: 70px; padding-left: 110px; /*background-image: url("/media/images/site/logos/logo_doc.jpg");*/ background-repeat: no-repeat; background-position: left; } #documentation #cadre_dwd { border: 1px solid black; background: #99CCFF; margin-top: 10px; padding: 0; padding-left: 10px; padding-right: 10px; } #doc_index a { border: 0px; text-decoration: none; } #doc_index img { border: 0px; } #doc_index table { border: 0px solid black; border-collapse: collapse } #doc_index table td { width: 50%; border: 0px solid black; padding: 40px; padding-top: 10px; padding-bottom: 10px; text-align: center; } /* ----------------------------------------------- */ /* Upload attente */ /* ----------------------------------------------- */ .up_attente { position: absolute; border: 2px solid black; background: #FFF; left: 50%; top: 50%; width: 400px; height: 150px; margin-top: -75px; /* moitié de la hauteur */ margin-left: -200px; /* moitié de la largeur */ text-align: center; padding : 10px; padding-top: 50px; } /* ----------------------------------------------- */ /* */ /* ----------------------------------------------- */ .spacer { clear: both; } /* ----------------------------------------------- */ /* Systeme de Note */ /* ----------------------------------------------- */ .vote { font-style: italic; color: grey; margin-right: 10px; } .star-rating{ list-style:none; margin: 0px; margin-right: 10px; padding:0px; width: 125px; height: 25px; position: relative; overflow:hidden; background: url(/media/images/site/vote/alt_star.gif) top left repeat-x; } .item_liste .star-rating{ list-style:none; margin-left: 15px; padding:0px; width: 125px; height: 25px; position: relative; overflow:hidden; background: url(/media/images/site/vote/alt_star.gif) top left repeat-x; } .star-rating li{ padding:0px; margin:0px; width:25px; height:25px; /*\*/ float: left; /* */ } .star-rating li a{ display:block; width:25px; height: 25px; line-height:25px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow:hidden; } .star-rating li a:hover{ background: url(/media/images/site/vote/alt_star.gif) left bottom; z-index: 2; left: 0px; border:none; } .star-rating a.one-star{ left: 0px; } .star-rating a.one-star:hover{ width:25px; } .star-rating a.two-stars{ left:25px; } .star-rating a.two-stars:hover{ width: 50px; } .star-rating a.three-stars{ left: 50px; } .star-rating a.three-stars:hover{ width: 75px; } .star-rating a.four-stars{ left: 75px; } .star-rating a.four-stars:hover{ width: 100px; } .star-rating a.five-stars{ left: 100px; } .star-rating a.five-stars:hover{ width: 125px; } .star-rating li.current-rating{ background: url(/media/images/site/vote/alt_star.gif) left center; position: absolute; height: 25px; display: block; text-indent: 9000px; z-index: 1; color: #fff; } .item_liste .star-rating li.current-rating{ color: #fff; } /* remove halo effect in firefox */ a:active{ outline: none; } p.desole { color: gray; font-style: italic; } /** ---- Objet defilant ----- */ #diaporama { display: block; height: 60px; margin-left: 10px; } #diaporama img { display: inline; position: absolute; border: 0px solid #ddd; width: 60px; height: 60px; } #diaporama p { position: absolute; padding-left: 70px; width: 300px;} #diaporama a { text-decoration: none; } #diaporama a:hover { color: #EE1C23;; } #diaporama .album { position: absolute; margin-left: 0px; padding-left: 13px; } /** ---- Toutes page permet de choisir le type d'inscription (artiste/melomane) ----- */ .choix_inscription { border: 1px solid black; background: #fff; padding: 10px; } .img_partenaire { display: inline; } .img_partenaire a:hover { background: transparent; } .notification { position: absolute; top: 75px; height: 60px; width: 468px; left: 435px; margin-bottom: 10px; margin-top: 13px; background: url(/media/images/site/divers/bulle_info.png) no-repeat; color: #fff; padding: 5px; padding-top: 0px; font-size: 0.8em; } .notification p { padding-top: 0px; padding-left: 50px; width: 380px; } .notification a { margin: 0; padding: 0; } .notification a { color: #fff; } .reseau_social { position: absolute; bottom: 0; padding-left: 19px; } .reseau_social a:hover { background: none; } .logo_ayantdroit { position: absolute; bottom: 0; padding-left: 0px; margin-bottom: 40px; text-align: center; } .logo_ayantdroit a:hover { background: none; } .menu_melomane { list-style:none; height:35px; margin-top:80px; padding:0px; } .menu_melomane li { text-align: center; } /* ----------------------facture melomane------------------------- */ .li_facture_visibl { color: black; font-size: 0.6em } #facture_melomane table.corp_facture { width: 680px; margin-left: 10px; margin-bottom: 40px; margin-top: 40px; border-collapse: collapse; } #facture_melomane table.corp_facture th { border: 1px solid black; padding-left: 5px; } #facture_melomane table.corp_facture td { border: 1px solid black; } #facture_melomane table.corp_facture td.no_border1 { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid black; } #facture_melomane table.corp_facture td.no_border { border: 0; } .libelle { width: 120px; text-align: left; } tva { color: #ddd; font-style: italic; } .monetaire { width: 80px; text-align: right; } .non_hover a:hover { background: none; } .ecouter_detail strong { position: relative; display: block; top: 0; margin-top: 0; padding-left: 40px; padding-top: 2px; text-align: left; background-image: url(/media/images/site/icones/navig/ecouter.png); background-repeat: no-repeat; color: black; } .vert .ecouter_detail strong:hover {color: #ABDA4D; } .orange .ecouter_detail strong:hover {color: #F7931D; } /* ----------------------RESSOURCES & VOUS ------------------------- */ #ressources .sources { margin-left: 80px; font-style: italic; } #ressources .partenaire { margin-left: 650px; } #ressources .droit_reprod { margin: 0; padding: 0; padding-left: 25px; font-size: 0.8em; font-style: italic; } #ressources .illustration { text-align: center; margin-top: 10px; } #ressources .partenaire img{ border: 0; } #ressources .partenaire a{ border: 0; } #ressources .partenaire img:hover{ border: 0; } #ressources .partenaire a:hover{ border: 0; } #ressources .bleu .boite .boite-haut {background: transparent url(/media/images/site2/bord/accueil/bord_haut_bleu.png) no-repeat;} #ressources .boite h2 { margin-left: 40px; background: none; font-size: 1.8em; padding-top: 25px; margin-top: 0; margin-bottom: 5px; padding-bottom: 8px; color: black; } /* blok de menu principal */ .menudroit1 { margin: 0; padding: 0; margin-top: 80px; text-align: center; list-style: none; } .menudroit1 li { font-weight: bold; } .menudroit2 { margin: 0; margin-left: 5px; padding: 0; margin-top: 15px; margin-bottom: 60px; width: 110px; text-align: center; list-style: none; border-bottom: 2px solid #ddd; } .menudroit2 li { font-weight: normal; } #ressources h3 {margin-left: 10px;} #ressources .chapeau {} #ressources .chapeau p { margin-bottom: 0; margin-right: 10px; } #ressources .lire_suite { position: relative; right: 20px; top: 0pt; float: right; margin-bottom: 20px; font-style: italic; } #ressources .logo_partenaire { margin: 0px 10px 10px 10px; float: left; } #ressources .date { position: relative; right: 20px; top: 10pt; float: right; } #ressources .separation { width: 800px; margin-left: 20px; border-bottom: 1px solid #ddd; } #accueil .ressource_date { font-size: 0.8em; padding: 0; margin: 0;} #accueil .ressource_source { font-size: 0.8em; padding: 0px; margin: 0px; font-style: italic; } #accueil .ressource_source a { text-decoration: none; } #accueil .ressource_table { margin-left: 10px; } .zone_coeur { display: block; margin-left: 60px; margin-bottom: 15px; padding-left: 45px; height: 41px; background-image: url(/media/images/site/icones/ccoeur.png); background-repeat: no-repeat; text-align: left; } .zone_coeur_liste { display: block; margin-left: 10px; margin-bottom: 15px; padding-left: 45px; height: 41px; background-image: url(/media/images/site/icones/ccoeur.png); background-repeat: no-repeat; text-align: left; } #myGallery, #myGallerySet, #flickrGallery { width: 595px; height: 270px; z-index:5; border: 1px solid #000; } #flickrGallery { width: 500px; height: 334px; } #myGallery img.thumbnail, #myGallerySet img.thumbnail { display: none; } .jdGallery { overflow: hidden; position: relative; } .jdGallery img { border: 0; margin: 0; } .jdGallery .slideElement { width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('images/loading-bar-black.gif'); } .jdGallery .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('images/loading-bar-black.gif'); } .jdGallery .slideInfoZone { position: absolute; z-index: 10; width: 575px; margin: 0px; left: 0; bottom: 0; height: 70px; padding:10px; background: #000; color: #fff; text-indent: 0; overflow: hidden; } * html .jdGallery .slideInfoZone { bottom: -1px; } .jdGallery .slideInfoZone h2 { padding: 0; font-size: 14px; margin: 0; font-weight: bold; color: inherit; margin-top: 2px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; } .jdGallery .slideInfoZone p { padding: 0; font-size: 12px; margin: 2px 5px; color: #fff; } .jdGallery div.carouselContainer { position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0; } .jdGallery a.carouselBtn { position: absolute; bottom: 0; right: 30px; height: 20px; /*width: 100px; background: url('images/carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px; background: #000; color: #fff; cursor: pointer; } .jdGallery .carousel { position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #000; color: #fff; text-indent: 0; overflow: hidden; } .jdExtCarousel { overflow: hidden; position: relative; } .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden; } .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { position: relative; } .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { cursor: pointer; background: #000; background-position: center center; float: left; border: solid 1px #fff; } .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; } .jdGallery .carousel .label, .jdExtCarousel .label { font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0; } .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton { font-size: 10px; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; background: #222; border: 1px solid #888; cursor: pointer; } .jdGallery .carousel .label .number, .jdExtCarousel .label .number { color: #b5b5b5; } .jdGallery a { font-size: 100%; text-decoration: none; color: inherit; } .jdGallery a.right, .jdGallery a.left { position: absolute; height: 60%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } * html .jdGallery a.right, * html .jdGallery a.left { filter:alpha(opacity=50); } .jdGallery a.right:hover, .jdGallery a.left:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .jdGallery a.left { left: 0; top: 0; background: url('images/fleche1.png') no-repeat center left; } * html .jdGallery a.left { background: url('images/fleche1.gif') no-repeat center left; } .jdGallery a.right { right: 0; top: 0; background: url('images/fleche2.png') no-repeat center right; } * html .jdGallery a.right { background: url('images/fleche2.gif') no-repeat center right; } .jdGallery a.open { left: 0; top: 0; width: 100%; height: 100%; } .withArrows a.open { position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .withArrows a.open:hover { background: url('images/open.png') no-repeat center center; } * html .withArrows a.open:hover { background: url('images/open.gif') no-repeat center center; filter:alpha(opacity=80); } /* Gallery Sets */ .jdGallery a.gallerySelectorBtn { z-index: 15; position: absolute; top: 0; left: 30px; height: 20px; /*width: 100px; background: url('images/carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer; opacity: .4; -moz-opacity: .4; -khtml-opacity: 0.4; filter:alpha(opacity=40); } .jdGallery .gallerySelector { z-index: 20; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; } .jdGallery .gallerySelector h2 { margin: 0; padding: 10px 20px 10px 20px; font-size: 20px; line-height: 30px; color: #fff; } .jdGallery .gallerySelector .gallerySelectorWrapper { overflow: hidden; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton { margin-left: 10px; margin-top: 10px; border: 1px solid #888; padding: 5px; height: 40px; color: #fff; cursor: pointer; float: left; } .jdGallery .gallerySelector .gallerySelectorInner div.hover { background: #333; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview { background: #000; background-position: center center; float: left; border: none; width: 40px; height: 40px; margin-right: 5px; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info { margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #aaa; }