/***** FEUILLE DE STYLE *****/ /***** (c) VEHEM - 2007 *****/ body {background: #000 url(/media/habillage/background01.jpg) center top no-repeat; margin: 0px; color: #FFF; font: normal 11px Arial, Helvetica, sans-serif;} body #contenu-main * {line-height: 1.33;} td {} p {margin: 0px;} blockquote {margin: 0px 5px 3px 15px;} h1 {margin: 0px;} h2 {margin: 0px;} h3 {margin: 0px;} h4 {margin: 0px;} h5 {margin: 0px;} h6 {margin: 0px;} pre {} img {margin: 0px; border:0px} hr {height: 1px; border: none; border-top: 1px solid #D8283D; } form {margin: 0px;} input {font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #AAA; border: 1px solid #FFF;} input.bouton {font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: url(/media/habillage/bt_01.gif) top left no-repeat; padding: 2px 14px 4px 22px; color: #FFF; font-weight: bold; margin-right: 10px; display: block; border: none; width: auto;} input.bouton:hover {color: #6AB7CB;} input.boutonimage {background-color: transparent; margin:0px; border: 0px;} input.case {background-color: transparent; margin:0px; border: 0px ;} textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: #AAA; border: 1px solid #FFF;} select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #EFEFEF;} ul {padding: 0px; margin:0px;} li {list-style-type:none;} a:link, a:active, a:visited {text-decoration: none; color: #6AB7CB;} a:hover {text-decoration: underline; color: #FFF;} /******* tableau de bord administration *******/ .erreur {font-size: 11px; font-weight: bold; color: #CE0F0F;} .confirmation {} /******** mise en forme du texte *******/ .corps09 {font-size: 9px;} .corps10 {font-size: 10px;} .corps11 {font-size: 11px;} .corps12 {font-size: 12px;} .corps14 {font-size: 14px;} .corps17 {font-size: 17px;} .corps27 {font-size: 27px;} .margintop4px {margin-top: 4px;} .margintop10px {margin-top: 10px;} .cap {text-transform: uppercase;} .chapo {font-weight: bold;} .couleurgris01 {color: #808080;} .couleurblc {color: #FFFFFF;} .couleurcharte01 {color: #707173;} .couleurcharte02 {color: #C2C3C4;} .couleurcharte03 {color: #8F0000;} .couleurcharte04 {color: #D7AF59;} .couleurcharte05 {color: #93539C;} .couleurcharte06 {color: #0076bd;} .float_left {margin-right: 8px; margin-bottom: 3px; float: left; } .float_right {margin-left: 10px; margin-bottom: 3px; float: right;} .clear {clear: both;} .barre {text-align: center; padding: 10px 0px; clear: both;} .fondblc {background-color: #FFFFFF;} .fondgris01 {background-color: #151616;} .fondgris02 {background-color: #bbbbbb; color: #FFFFFF;} .fondcharte01 {background-color: #707173; color: #FFFFFF;} .fondcharte02 {background-color: #C2C3C4; color: #FFFFFF;} .fondcharte03 {background-color: #8F0000; color: #FFFFFF;} .lien-retour a {color: #6AB7CB; background: url(/media/pictos/puce_fleche_g01.gif) left no-repeat; padding-left: 17px; font-size: 12px;} .lien-retour a:hover {color: #FFF; text-decoration: none;} /******* Paramètres specifiques *******/ #global {width: 984px; margin: 34px auto;} #logo {width: 362px; height: 55px; text-indent: -5000px; background: url(/media/habillage/logo.gif) no-repeat; cursor: pointer; position: relative; z-index: 50;} #logo.en {width: 362px; height: 55px; text-indent: -5000px; background: url(/media/habillage/logo_en.gif) no-repeat; cursor: pointer; position: relative; z-index: 50;} #etoile {width: 351px; height: 90px; position: absolute; top: 0px; margin-left: 362px; z-index: 10;} /* Main */ #main {clear: both; margin-top: 19px;} /* menu gauche */ #menu-gauche {width: 205px; float: left; } #menu-gauche ul {background: url(/media/pictos/puce_fleche_b01.gif) top left no-repeat; padding-top: 20px; } #menu-gauche ul li {margin-bottom: 3px; padding-bottom: 3px; background: url(/media/habillage/filet_menu01.gif) 17px bottom no-repeat;} #menu-gauche ul li a {color: #6AB7CB; font-weight: bold; /*text-transform:uppercase; */background: url(/media/pictos/puce_fleche_d01.gif) left no-repeat; padding-left: 17px;} #menu-gauche ul li a.on {color: #FFF; /*text-transform: none;*/} #menu-gauche ul li a:hover {color: #FFF; text-decoration: none;} #menu-gauche ul ul {margin-left: 17px; margin-top: 3px; padding: 0px; background: none;} #menu-gauche ul ul li {margin-bottom: 2px; padding: 0px; background: none;} #menu-gauche ul ul li a {color: #C5E4EC; font-weight: normal; /*text-transform:none;*/ background: url(/media/pictos/puce_fleche_d02.gif) left no-repeat; padding-left: 13px;} #menu-gauche ul ul li a.on {font-weight: bold; color: #FFF;} #menu-gauche ul ul li a:hover {color: #FFF; } /* contenu */ #contenu {width: 770px; float: left; margin-left: 0px; /*background: url(/media/habillage/background_main01.jpg) left top no-repeat; */min-height: 343px; _height: 343px;} /* Footer */ /*#footer {clear:both; background: url(/media/habillage/bg_footer01.gif) top no-repeat; padding-top: 33px; $padding-top: 18px; margin-top: 27px; display: block;}*/ #footer {clear:both; background: url(/media/habillage/bg_footer01.gif) left 27px no-repeat; padding-top: 60px; $padding-top: 30px; $margin-top: -20px; display: block;} #footer #recherche {width: 140px; margin-right: 10px; float: right; background: url(/media/pictos/puce_fleche_d03.gif) 3px 24px no-repeat; padding-bottom: 10px;} #footer #recherche label {color: #8D8D8D; background: url(/media/pictos/puce_recherche01.gif) left no-repeat; padding-left: 15px; } #footer #recherche input {border: none; background-color: #456164; border: 1px solid #354B4D; margin-left: 15px; margin-top: 4px; padding: 1px; width: 105px; color: #FFF;} #footer #recherche p {text-indent: -1000px;} #footer #patch {position: absolute; top: -100px; left: -500px;} #footer #signature {width: 260px; float: right; color: #6AB7CB; font-weight: bold;} #footer #signature p {margin-bottom: 6px;} #footer #signature a {color: #6AB7CB; background: url(/media/pictos/puce_fleche_d03.gif) left no-repeat; padding-left: 12px; margin: 0px 5px; text-decoration: none;} #footer #signature img {float: left; margin-right: 5px;} #footer #signature .mentions a {color: #5C5C5C;} #footer #signature a:hover {color: #FFF;} /* contenu */ #contenu-gauche {margin-top: 75px; width: 609px; } #contenu-gauche h3 {background: url(/media/habillage/ttr_onglet01.gif) top left no-repeat; font-size:12px; padding: 2px 10px 2px 30px;} #contenu-haut {background: url(/media/habillage/bg_haut_listing01.jpg) top left no-repeat; height: 62px;} #contenu-haut a.lien-fleche2 {float: right; background: url(/media/pictos/puce_fleche_d01.gif) left no-repeat; padding-left: 12px; margin: 4px 10px; font-weight: bold;} #contenu-haut a.lien-fleche2:hover {text-decoration: none;} #contenu-haut .listing-foliotage {padding-top: 15px; padding-bottom: 10px; background: url(/media/habillage/filet_listing01.gif) bottom left no-repeat;} #contenu-main {background: #171717 url(/media/habillage/bg_milieu_listing01.gif) top left no-repeat; min-height: 320px; _height: 320px; padding-top: 20px;} #contenu-main .filet {background: url(/media/habillage/filet_listing01.gif) bottom left no-repeat; height:9px; clear:both;} #contenu-main .filet02 {background: #151616 url(/media/habillage/filet_listing01.gif) bottom left no-repeat; height:9px; clear:both;} #contenu-bas {width: 609px; height: 29px; background: url(/media/habillage/bg_bas_listing01.gif) left no-repeat; padding-top: 10px;} /* Recherche Avancee */ #recherche-av #contenu-main {background: #171717 url(/media/habillage/background_main04.jpg) top left no-repeat; padding-top: 0px; min-height: 180px; _height: 180px;} #recherche-av #contenu-gauche h3 {background: url(/media/habillage/ttr_onglet01.gif) top left no-repeat;} #recherche-av #contenu-main a:hover {text-decoration: none;} #recherche-av #contenu-main form {padding: 30px;} #recherche-av #contenu-main #haut {clear: both; margin-bottom: 10px; background: #171717; height: 70px;} #recherche-av #contenu-main #haut p {float: left; margin: 15px;} #recherche-av #contenu-main #haut label {font-weight: bold; margin-bottom: 4px; display: block;} #recherche-av #contenu-main #gauche {width: 152px; float: left; padding: 10px; height: 240px; background: #0D0D0D;} #recherche-av #contenu-main #gauche h4 {font-size: 14px; margin-bottom: 10px;} #recherche-av #contenu-main #droite {width: 343px; float: left; padding: 10px; margin-left: 10px; height: 240px; background: #0D0D0D;} #recherche-av #contenu-main #droite h4 {font-size: 14px; margin-bottom: 10px;} #recherche-av #contenu-main #droite div {float: left; margin-right: 25px;} #recherche-av #contenu-main ul {margin: 8px;} #recherche-av #contenu-main .bouton {display: block; margin-top: 15px; clear: both;} #recherche-av #contenu-bas {background: url(/media/habillage/bg_bas_contenu03.gif) left no-repeat; padding: 0px; height: 15px; background-position: bottom; position: relative; z-index: 1;} /* Listing */ .listing-foliotage {font-weight: bold;} .listing-foliotage a {display: inline; background: url(/media/pictos/puce_fleche_d04.gif) left no-repeat; padding-left: 8px; margin: 0px 4px;} .listing-foliotage .listing-txt {background: url(/media/pictos/puce_fleche_d05.gif) left no-repeat; padding-left: 8px; margin: 0px 15px 0px 10px;} #listing-tri {font-weight: bold; background: url(/media/habillage/filet_listing01.gif) bottom left no-repeat; padding: 4px 10px;} #listing-tri .intitule {background: #8F0000; padding: 4px 10px 3px 25px; margin: -1px 15px 0px -10px;} #listing-tri a {display: inline; background: url(/media/pictos/puce_fleche_d04.gif) left no-repeat; padding-left: 8px; margin: 0px 4px;} .listing-resultat {padding: 10px 12px; clear: both; color: #E0E0E0;} .listing-resultat a {font-weight:bold;} .listing-resultat a:hover {text-decoration: none;} .listing-resultat img {float: left; margin-right: 10px; border: 1px solid #6B6B6B;} .listing-resultat .listing-titre {margin-bottom: 5px;} .listing-resultat .listing-titre .listing-categorie, .listing-resultat .listing-titre .listing-date {float: right; } .listing-resultat .listing-titre h2 {font-size:16px; color: #AFAFAF;} .listing-resultat p {margin-bottom: 10px;} .listing-resultat a.lien-bt {background: url(/media/habillage/bt_01.gif) top left no-repeat; padding: 2px 10px 4px 36px; margin-right: 10px;} .listing-resultat a.lien-fleche {background: url(/media/pictos/puce_fleche_d04.gif) left 4px no-repeat; padding-left: 12px;} .listing-resultat ul {margin: 4px 0px 8px 0px; width: 470px;} .listing-resultat ul li {margin-bottom: 4px;} .listing-resultat ul li a {background: url(/media/pictos/puce_fleche_d08.gif) left 5px no-repeat; padding-left: 26px;} .listing-resultat ul.liste-pdf li a {/*background: url(/media/pictos/puce_fleche_d10.gif) left 3px no-repeat; padding-left: 32px;*/ margin-left: -7px;} .listing-resultat .float_right {padding: 3px 0px 4px 0px;} /* Detail */ #detail #contenu-main {background: #171717 url(/media/habillage/background_main03.jpg) top left no-repeat; padding-top: 0px; min-height: 348px; _height: 348px;} #detail #contenu-gauche h3 {background: url(/media/habillage/ttr_onglet10.gif) top left no-repeat;} #detail #contenu-main #gauche {width: 252px; float: left;} #detail #contenu-main #gauche #affiche {background: #FFF url(/media/habillage/bg_fd_affiche02.gif) top left no-repeat; width: 223px; margin: 0px auto; position: relative; z-index: 3; margin-top: -23px;} #detail #contenu-main #gauche #affiche img {margin: 5px 5px 0px 5px;} #detail #contenu-main #gauche #affiche div {background: #FFF url(/media/habillage/bg_bas_affiche02.gif) bottom left no-repeat; height: 19px;} #detail #contenu-main #gauche #detail-complement {background: url(/media/habillage/filet_listing01.gif) top left no-repeat; padding-top: 1px;} #detail #contenu-main #gauche #detail-complement ul {border-left: 1px solid #171818;} #detail #contenu-main #gauche #detail-complement ul li {background: #0D0D0D url(/media/habillage/filet_listing01.gif) bottom left no-repeat; padding: 4px 10px;} #detail #contenu-main #gauche #detail-complement ul li.liste2 {background: #020202 url(/media/habillage/filet_listing01.gif) bottom left no-repeat;} #detail #contenu-main #gauche #detail-complement ul li div {background: url(/media/pictos/puce_fleche_d08.gif) left 5px no-repeat; padding-left: 26px;} #detail #contenu-main #gauche #detail-complement ul li div.lienpdf {background: url(/media/pictos/puce_fleche_d10.gif) left 3px no-repeat; padding-left: 32px; margin-left: -7px;} #detail #contenu-main #gauche #detail-complement ul li a {font-weight: bold;} #detail #contenu-main #droite {width: 357px; float: left; background: url(/media/habillage/filet_vert02.gif) left top repeat-y; min-height: 363px; _height: 363px; position: relative; z-index: 2; padding-bottom: 100px;} #detail #contenu-main #droite a.lien-fleche2 {float: right; background: url(/media/pictos/puce_fleche_d01.gif) left no-repeat; padding-left: 12px; margin: 4px 10px; font-weight: bold;} #detail #contenu-main #droite #detail-titre {clear: both; padding: 13px; background: url(/media/habillage/filet_listing01.gif) bottom left no-repeat;} #detail #contenu-main #droite #detail-titre h2 {font-size: 10px; text-transform: uppercase; background: url(/media/pictos/puce_fleche_d01.gif) left no-repeat; padding-left: 12px; margin-bottom: 10px;} #detail #contenu-main #droite #detail-titre h1 {font-size: 16px; color: #E0E0E0;} #detail #contenu-main #droite #detail-infos {padding: 13px; line-height: 17px;} #detail #contenu-main #droite #detail-txt {padding: 13px; } #detail #contenu-main #droite #detail-txt p {margin-bottom: 8px;} #detail #contenu-main a:hover {text-decoration: none;} #detail #contenu-main .clear {margin-bottom: -15px;} #detail #contenu-bas {background: url(/media/habillage/bg_bas_contenu03.gif) left no-repeat; padding: 0px; height: 15px; background-position: bottom; position: relative; z-index: 1;} /* Zoom galeries */ #detail #zoom-photo {width: 515px; height: 448px; background: url(/media/habillage/bg_zoom_detail01.gif) no-repeat; position: absolute; z-index: 10; margin-top: 107px; margin-left: 82px; opacity:0.88; filter:alpha(opacity=88); visibility: hidden;} #detail #contenu-photo {width: 515px; height: 448px; background: url(/media/habillage/ttr_onglet07.gif) top right no-repeat; position: absolute; z-index: 20; margin-top: 107px; margin-left: 82px; visibility: hidden;} #detail #contenu-photo a.lien-fleche2 {float: right; margin: 4px 20px; } #detail #contenu-photo .foliotage {clear: both; padding: 15px 30px; font-weight: bold;} #detail #contenu-photo .foliotage a {display: inline; background: url(/media/pictos/puce_fleche_d04.gif) left no-repeat; padding-left: 8px; margin: 0px 4px;} #detail #contenu-photo .detail-photo a {color: #5C5C5C;} #detail #contenu-photo .detail-photo a:hover {color: #5C5C5C; text-decoration: none;} #detail #contenu-photo .detail-photo .bt-gauche {background: url(/media/pictos/puce_fleche_g07.gif) left no-repeat; padding: 5px; float: left; margin-left: 10px; margin-top: 160px;} #detail #contenu-photo .detail-photo img { float: left; margin-left: 14px;} #detail #contenu-photo .detail-photo .bt-droit {background: url(/media/pictos/puce_fleche_d07.gif) left no-repeat; padding: 5px; float: right; margin-right: 10px; margin-top: 160px;} #detail #zoom-video {width: 515px; height: 448px; background: url(/media/habillage/bg_zoom_detail01.gif) no-repeat; position: absolute; z-index: 10; margin-top: 107px; margin-left: 82px; opacity:0.88; filter:alpha(opacity=88); visibility: hidden;} #detail #contenu-video {width: 515px; height: 448px; background: url(/media/habillage/ttr_onglet07.gif) top right no-repeat; position: absolute; z-index: 20; margin-top: 107px; margin-left: 82px; visibility: hidden;} #detail #contenu-video a.lien-fleche2 {float: right; margin: 4px 20px; } #detail #contenu-video .foliotage {clear: both; padding: 15px 30px; font-weight: bold; padding-bottom: 6px;} #detail #contenu-video .foliotage a {display: inline; background: url(/media/pictos/puce_fleche_d04.gif) left no-repeat; padding-left: 8px; margin: 0px 4px;} #detail #contenu-video .detail-video {vertical-align: middle; } #detail #contenu-video .detail-video a {color: #5C5C5C;} #detail #contenu-video .detail-video a:hover {color: #5C5C5C; text-decoration: none;} #detail #contenu-video .detail-video .bt-gauche {background: url(/media/pictos/puce_fleche_g07.gif) left no-repeat; padding: 5px; float: left; margin-left: 5px; margin-top: 160px;} #detail #contenu-video .detail-video .lecteur {background: url(/media/habillage/bg_fd_player01.gif) top left no-repeat; float: left; margin-left: 8px} #detail #contenu-video .detail-video .lecteur img {margin: 19px 9px 13px 9px;} #detail #contenu-video .detail-video .lecteur .controleur {background: url(/media/habillage/bg_bas_player01.gif) bottom left no-repeat; padding: 8px 10px;} #detail #contenu-video .detail-video .lecteur .controleur abouton {background: url(/media/pictos/puce_fleche_d07.gif) left no-repeat; padding: 5px; margin-left: 15px;} #detail #contenu-video .detail-video .bt-droit {background: url(/media/pictos/puce_fleche_d07.gif) left no-repeat; padding: 5px; float: right; margin-right: 5px; margin-top: 160px;} /* specifique par page */ #actu #contenu-gauche h3, #contact #contenu-gauche h3 {background: url(/media/habillage/ttr_onglet02.gif) top left no-repeat;} #actu #contenu-main, #contact #contenu-main {background: #1D1E1E url(/media/habillage/bg_milieu_listing02.jpg) top left no-repeat; padding-top: 25px; min-height: 320px; _height: 320px;} #actu #contenu-bas, #contact #contenu-bas {padding: 0px; height: 20px; background-position: bottom;} /* Page d'aiguillage */ #intro {background: #000; } /*#intro {background: #000 url(/media/habillage/background_intro01.jpg) center top no-repeat;} #intro #global {width: 720px; padding-bottom: 20px; margin: 0px auto; font-style: italic;}*/ #intro #global {width: 720px; height: 500px; padding-bottom: 20px; margin: 0px; position: absolute; margin-top: -260px; margin-left: -360px; top: 50%; left: 50%; font-style: italic; } #intro #global a {text-transform: uppercase; background: url(/media/pictos/puce_fleche_d01.gif) left no-repeat; padding-left: 12px; font: bold 14px Arial; margin-left: -5px;} #intro #global a:hover {text-decoration: none;} #intro #global p {text-align: center; margin-bottom: 4px;} #intro #flash-intro {width: 720px; height:384px; margin: 40px 0px;} #intro #en-intro {float: left; width: 100px; margin-left: 100px;} #intro #fr-intro {float: right; width: 100px; margin-right: 100px;} /* page d'accueil */ #accueil {background: #000 url(/media/habillage/background_home01.jpg) center top no-repeat; } #accueil #global {width: 984px; margin: 0px auto;} #accueil #etoile {width: 0px; height: 0px; position: absolute; top: 0px; margin-left: 0px; z-index: 10; display: none;} #accueil #home-gauche {width: 412px; float: left; margin-top: 105px;} #accueil #menu-gauche {width: 189px; float: left; margin-top: 20px;} #accueil #son-home {width: 106px; height: 37px; position: absolute; top: 430px; z-index: 10; margin-left: 0px;} #accueil #home-affiche {width: 223px; float:left; margin-top: 5px; padding-bottom: 15px;} #accueil #home-affiche h2 {background: url(/media/habillage/ttr_onglet01.gif) top left no-repeat; font-size:11px; padding: 2px 10px 2px 30px;} #accueil #home-affiche img {border: 5px solid #FFF;} #accueil #home-affiche p.bas-affiche {background: url(/media/habillage/bg_bas_affiche01.gif) bottom no-repeat; padding: 0px 5px 8px 5px; text-align: right;} #accueil #home-affiche p.bas-affiche a {background: url(/media/habillage/bt_02.gif) top left no-repeat; color: #8F0000; font-weight: bold; padding: 3px 10px 4px 36px;} #accueil #home-affiche h1 {color: #8F0000; font-size: 16px; margin: 10px 10px 6px 0px;} #accueil #main {clear: none; width: 572px; margin-top: 0px; float: left; _position: absolute; _z-index: 5;} #accueil #main #contenu {width: 572px; margin: 0px; padding: 0px; margin-bottom: 0px;} #accueil #main #home-bas {background: url(/media/habillage/bg_footer02.jpg) top left no-repeat; clear: both; margin: 0px; padding: 0px; width: 572px; height: 82px; padding-top: 6px; } #accueil #main #home-bas .lien-actu {float: left; width: 150px; } #accueil #main #home-bas .lien-actu a {background: url(/media/habillage/bt_03.gif) top left no-repeat; font-weight: bold; display: block; height: 20px; padding: 3px 11px 0px 36px; margin-left: 30px;} #accueil #main #footer {clear: none; width: 420px; float: left; background: none; padding-top: 0px; margin-top: 0px; display: inline; padding-top: 3px;} /* En prod */ #enprod #contenu-gauche {margin-top: 75px; width: 498px; float: left;} #enprod #contenu-main {background: #171717 url(/media/habillage/background_main02.jpg) top left no-repeat; min-height: 321px; _height: 321px; padding-top: 0px;} #enprod .detail-affiche {width: 223px; float: left; background: url(/media/habillage/bg_bas_affiche01.gif) bottom no-repeat; padding-bottom: 26px;} #enprod .detail-affiche img {border: 5px solid #FFF;} #enprod #contenu-main h1 {color: #AFAFAF; font-size: 16px; margin: 15px 15px 10px 15px; float: left; width: 240px;} #enprod #contenu-main .detail-texte {/* height: 250px; overflow: auto;*/ margin: 0px 15px; float: left; width: 240px;} #enprod #contenu-main .detail-texte p {margin-bottom: 8px;} #enprod #contenu-main a.lien-bt {background: url(/media/habillage/bt_01.gif) top left no-repeat; padding: 2px 10px 4px 36px; font-weight: bold; margin-right: 10px; display: block; float: right;} #enprod #contenu-droit {margin-top: 32px; width: 265px; float: left; margin-left: 7px;} #enprod #contenu-droit h3 {background: url(/media/habillage/ttr_onglet05.gif) left top no-repeat; font-size:11px; padding: 2px 10px 2px 30px;} #enprod #contenu-droit a:hover {text-decoration: none;} #enprod #contenu-droit .coldroite_elm01 {background: #000; border-right: 1px solid #2D2D2D; border-left: 1px solid #2D2D2D; padding: 0px 0px;} #enprod #contenu-droit .coldroite_elm01 h4 {background: url(/media/habillage/ttr_onglet06.gif) left top no-repeat; font-size:11px; padding: 1px 12px; border-top: 1px solid #181919; border-bottom: 1px solid #2D2E2F;} #enprod #contenu-droit .coldroite_elm01 ul {margin: 10px 0px;} #enprod #contenu-droit .coldroite_elm01 ul li {background: url(/media/pictos/puce_fleche_d02.gif) 12px 8px no-repeat; padding: 3px 25px; } #enprod #contenu-droit .coldroite_elm01 ul li.liste2 {background: #171717 url(/media/pictos/puce_fleche_d02.gif) 12px 7px no-repeat;} #enprod #contenu-droit .coldroite_elm01 ul li a {display: block; background: url(/media/pictos/puce_fleche_d09.gif) right 2px no-repeat; padding-right: 23px;} #enprod #contenu-droit .coldroite_elm01 p {padding: 5px 10px 15px 10px; border-top: 1px solid #181919;} #enprod #contenu-droit .coldroite_elm01 p a {background: url(/media/pictos/puce_fleche_d08.gif) left 5px no-repeat; padding-left: 26px; font-weight: bold;} #enprod #contenu-droit #coldroite_bas {background: url(/media/habillage/bg_bas_coldroite02.gif) top left no-repeat; height: 35px; width: 265px;} /* En dev */ #endev #contenu-gauche {margin-top: 75px; width: 498px; float: left;} #endev #contenu-main {background: #171717 url(/media/habillage/background_main02.jpg) top left no-repeat; min-height: 321px; _height: 321px; padding-top: 0px;} #endev .detail-affiche {width: 223px; float: left; background: url(/media/habillage/bg_bas_affiche01.gif) bottom no-repeat; padding-bottom: 26px;} #endev .detail-affiche img {border: 5px solid #FFF;} #endev #contenu-main h1 {color: #AFAFAF; font-size: 16px; margin: 15px 15px 10px 15px; float: left; width: 240px;} #endev #contenu-main .detail-texte {/*height: 250px; overflow: auto;*/ margin: 0px 15px; float: left; width: 240px;} #endev #contenu-main .detail-texte p {margin-bottom: 8px;} #endev #contenu-main a.lien-bt {background: url(/media/habillage/bt_01.gif) top left no-repeat; padding: 2px 10px 4px 36px; font-weight: bold; margin-right: 10px; display: block; float: right;} #endev #contenu-droit {margin-top: 32px; width: 265px; float: left; margin-left: 7px;} #endev #contenu-droit h3 {background: url(/media/habillage/ttr_onglet05.gif) left top no-repeat; font-size:11px; padding: 2px 10px 2px 30px;} #endev #contenu-droit a:hover {text-decoration: none;} #endev #contenu-droit .coldroite_elm01 {background: #000; border-right: 1px solid #2D2D2D; border-left: 1px solid #2D2D2D; padding: 0px 0px;} #endev #contenu-droit .coldroite_elm01 h4 {background: url(/media/habillage/ttr_onglet06.gif) left top no-repeat; font-size:11px; padding: 1px 12px; border-top: 1px solid #181919; border-bottom: 1px solid #2D2E2F;} #endev #contenu-droit .coldroite_elm01 ul {margin: 10px 0px;} #endev #contenu-droit .coldroite_elm01 ul li {background: url(/media/pictos/puce_fleche_d02.gif) 12px 8px no-repeat; padding: 3px 25px; } #endev #contenu-droit .coldroite_elm01 ul li.liste2 {background: #171717 url(/media/pictos/puce_fleche_d02.gif) 12px 7px no-repeat;} #endev #contenu-droit .coldroite_elm01 ul li a {display: block; background: url(/media/pictos/puce_fleche_d09.gif) right 2px no-repeat; padding-right: 23px;} #endev #contenu-droit .coldroite_elm01 p {padding: 5px 10px 15px 10px; border-top: 1px solid #181919;} #endev #contenu-droit .coldroite_elm01 p a {background: url(/media/pictos/puce_fleche_d08.gif) left 5px no-repeat; padding-left: 26px; font-weight: bold;} #endev #contenu-droit #coldroite_bas {background: url(/media/habillage/bg_bas_coldroite02.gif) top left no-repeat; height: 35px; width: 265px;} /* Page catalogue */ #catalogue #contenu-gauche {margin-top: 75px; width: 498px; float: left;} #catalogue #contenu-main {background: #171717 url(/media/habillage/background_main02.jpg) top left no-repeat; height: 321px; padding-top: 0px;} #catalogue .detail-affiche {width: 223px; float: left; background: url(/media/habillage/bg_bas_affiche01.gif) bottom no-repeat; padding-bottom: 26px;} #catalogue .detail-affiche img {border: 5px solid #FFF;} #catalogue #contenu-main h1 {color: #AFAFAF; font-size: 16px; margin: 15px 15px 10px 15px; float: left; width: 240px;} #catalogue #contenu-main .detail-texte {height: 250px; overflow: auto; margin: 0px 15px; float: left; width: 240px;} #catalogue #contenu-main .detail-texte p {margin-bottom: 8px;} #catalogue #contenu-main a.lien-bt {background: url(/media/habillage/bt_01.gif) top left no-repeat; padding: 2px 10px 4px 36px; font-weight: bold; margin-right: 10px; display: block; float: right;} #catalogue #contenu-droit {margin-top: 32px; width: 265px; float: left; margin-left: 7px;} #catalogue #contenu-droit h3 {background: url(/media/habillage/ttr_onglet04.gif) left top no-repeat; font-size:15px; font-weight: normal; padding: 10px 10px 9px 36px;} #catalogue #contenu-droit a:hover {text-decoration: none;} #catalogue #contenu-droit ul li {background: url(/media/pictos/puce_fleche_d02.gif) left 5px no-repeat; padding-left: 12px; } #catalogue #contenu-droit ul li a {font-weight: bold;} #catalogue #contenu-droit .coldroite_elm01 {background: url(/media/habillage/bg_col-droite_elm01.jpg) left top no-repeat; height: 151px; font-weight: bold;} #catalogue #contenu-droit .coldroite_elm01 p {background: url(/media/pictos/puce_fleche_d08.gif) left 5px no-repeat; padding-left: 26px; } #catalogue #contenu-droit .coldroite_elm01 .elm01 {position: absolute; z-index: 3; font-size: 22px; margin-top: 09px; margin-left: 10px; background-position: left 10px;} #catalogue #contenu-droit .coldroite_elm01 .elm02 {position: absolute; z-index: 4; margin-top: 40px; margin-left: 50px;} #catalogue #contenu-droit .coldroite_elm01 .elm03 {position: absolute; z-index: 5; font-size: 22px; margin-top: 55px; margin-left: 25px; background-position: left 10px;} #catalogue #contenu-droit .coldroite_elm01 .elm04 {position: absolute; z-index: 6; margin-top: 105px; margin-left: 35px;} #catalogue #contenu-droit .coldroite_elm01 .elm05 {position: absolute; z-index: 7; font-size: 14px; margin-top: 20px; margin-left: 135px; background-position: left 6px;} #catalogue #contenu-droit .coldroite_elm01 .elm06 {position: absolute; z-index: 8; font-size: 13px; margin-top: 42px; margin-left: 142px; background-position: left 6px;} #catalogue #contenu-droit .coldroite_elm01 .elm07 {position: absolute; z-index: 9; font-size: 13px; margin-top: 128px; margin-left: 15px; background-position: left 6px;} #catalogue #contenu-droit .coldroite_elm01 .elm08 {position: absolute; z-index: 10; font-size: 12px; margin-top: 85px; margin-left: 105px; background-position: left 6px;} #catalogue #contenu-droit .coldroite_elm02 {background: #171717; border: 1px solid #212223; padding: 15px 12px;} #catalogue #contenu-droit .coldroite_elm02 a {color: #FFF;} #catalogue #contenu-droit .coldroite_elm02 a:hover {color: #333;} /* #catalogue #contenu-droit .coldroite_elm02 {background: #E7E7E7; border: 1px solid #212223; padding: 15px 12px;} #catalogue #contenu-droit .coldroite_elm02 ul li {background: url(/media/pictos/puce_fleche_d06.gif) left 4px no-repeat; } #catalogue #contenu-droit .coldroite_elm02 a:hover {color: #333;} */ #catalogue #contenu-droit .coldroite_elm03 {background: #0D0D0D; border-right: 1px solid #212223; border-left: 1px solid #212223; padding: 15px 12px;} #catalogue #contenu-droit #coldroite_bas {background: url(/media/habillage/bg_bas_coldroite01.gif) top left no-repeat; height: 15px; width: 265px;} /* BP Production */ #bonne-pioche {background: #000 url(/media/habillage/background03.jpg) center top no-repeat;} #bonne-pioche #contenu-gauche {margin-top: 94px; width: 535px; float: left;} #bonne-pioche #contenu-main {background: #171717 url(/media/habillage/background_main06.jpg) top left no-repeat; height: 334px; padding-top: 0px;} #bonne-pioche #texte {font-weight: bold; width: 191px; float: left; margin-top: 45px; margin-left: 10px;} #bonne-pioche #texte a.lien-bt {background: url(/media/pictos/puce_fleche_d01.gif) left no-repeat; padding-left: 12px; float: right; margin-right: 20px; color: #D7AF57;} #bonne-pioche #texte #txt01 {} #bonne-pioche #texte #txt02 {position: absolute; width: 200px; margin-top: -20px; z-index: 20;} #bonne-pioche #texte #txt02 * {line-height: 13px;} #bonne-pioche #texte .chapo {color: #D7AF59; line-height: normal; margin-bottom: 7px;} #bonne-pioche #texte p {margin-bottom: 5px; position: relative; z-index: 20;} /*#bonne-pioche #texte .scroll {height: 190px; padding-right: 6px; overflow: auto; width: 210px; line-height: 14px; position: absolute; margin-top: 7px; $margin-top: 2px; z-index: 20;} #bonne-pioche #texte .scroll {scrollbar-3dlight-color: #C5E4EC; scrollbar-arrow-color: #D7AF57; scrollbar-base-color: #D7AF57; scrollbar-darkshadow-color: #14434B; scrollbar-face-color: #2F92A7; scrollbar-highlight-color: #6AB7CB; scrollbar-shadow-color: #257483; scrollbar-track-color: #99CDDA;}*/ #bonne-pioche #visuel {background: url(/media/images/bp_production.jpg) left top no-repeat; position: relative; z-index: 10; top: -100px; width: 337px; height: 447px; margin-left: -3px; float: left; _position: absolute; _top: 117px; _margin-left: -13px;} #bonne-pioche #visuel #elm01 {position: absolute; z-index: 30; color: #154048; font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin-top: 129px;margin-left: 10px; visibility:hidden;} #bonne-pioche #visuel #elm02 {position: absolute; z-index: 30; color: #154048; font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin-top: 15px;margin-left: 125px; visibility:hidden;} #bonne-pioche #visuel #elm03 {position: absolute; z-index: 30; color: #154048; font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin-top: 60px;margin-left: 235px; visibility:hidden;} #bonne-pioche #visuel #zone {cursor: pointer; width: 337px; height: 306px; position: absolute; z-index: 15; margin-top: 0px; margin-left: 0px;} #bonne-pioche #visuel #bulle {cursor: pointer;background: url(/media/habillage/bg-bulle01.jpg) top left no-repeat; width: 337px; height: 306px; position: absolute; z-index: 20; margin-top: 0px; margin-left: 0px; visibility:hidden;} #bonne-pioche #visuel #bulle-txt {cursor: pointer;position: absolute; z-index: 30; width: 163px; height: 113px; color: #171717; margin-top: 162px; margin-left: 92px; visibility:hidden;} #bonne-pioche #visuel a.lien-bt {background: url(/media/habillage/bt_05.gif) top left no-repeat; padding: 7px 40px 9px 10px; float: right; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #9BA2AB; position: absolute; margin-top: 378px; margin-left: 235px; z-index: 30;} #bonne-pioche #contenu-droit {margin-top: 32px; width: 223px; float: left; margin-left: 9px;} #bonne-pioche #contenu-droit h3 {background: url(/media/habillage/ttr_onglet01.gif) left top no-repeat; font-size:11px; padding: 2px 10px 2px 30px;} #bonne-pioche #contenu-droit a.lien-bt {background: url(/media/habillage/bt_01.gif) top left no-repeat; padding: 2px 10px 4px 36px; float: right; font-weight: bold; margin-right: 0px;} #bonne-pioche #contenu-droit a:hover {text-decoration: none;} #bonne-pioche #contenu-droit .coldroite_elm01 {background: #292A2A url(/media/habillage/bg_bas_coldroite03.gif) left bottom no-repeat; padding: 8px 5px; margin-bottom: 10px; } #bonne-pioche #contenu-droit .coldroite_elm01 img {margin-bottom: 8px;} #bonne-pioche #contenu-droit .coldroite_elm01 p {font-weight: bold; float: left; text-align: right; width: 112px; margin-top: -4px;} #bonne-pioche #contenu-droit .coldroite_elm02 {background: #000102; border: 1px solid #2D2E2E; border-bottom: none; border-top: none; padding: 8px 5px; padding-bottom: 0px;} #bonne-pioche #contenu-droit .coldroite_elm02 p {font-size: 10px; color: #F2DDB0; margin-bottom: 10px;} #bonne-pioche #contenu-droit .coldroite_elm02 a.lien-bt {background: url(/media/habillage/bt_04.gif) top left no-repeat; margin-bottom: -8px;} #bonne-pioche #contenu-droit .coldroite_bas {background: url(/media/habillage/bg_bas_coldroite04.gif) top left no-repeat; height: 13px; width: 223px; margin-bottom:10px;} #bonne-pioche #contenu-droit #coldroite_bas {background: url(/media/habillage/bg_bas_coldroite04.gif) top left no-repeat; height: 13px; width: 223px;} /* BP Music */ #bp-music #contenu-gauche {width: 773px;} #bp-music #contenu-main {background: #171717 url(/media/habillage/bg_milieu_contenu03.jpg) top left no-repeat; min-height: 324px; padding-top: 0px;} #bp-music #contenu-main #gauche {width: 410px; padding-top: 20px; margin-left: 30px} #bp-music #contenu-main #gauche p {margin-top: 8px;} #bp-music #contenu-main #gauche p img {margin: 1px 10px 0px 0px; float: left; border: 1px solid #6B6B6B;} #bp-music #contenu-main #droite {width: 287px; float: right; background: url(/media/habillage/filet_vert01.gif) left repeat-y; min-height: 344px; margin-bottom: -20px; position: relative; z-index: 2; border-right: 1px solid #171717;} #bp-music #contenu-main #droite h4 {background: url(/media/habillage/ttr_onglet03.gif) top left no-repeat; display: block; margin-top: 20px; border-bottom: 1px solid #2D2E2F; font-size: 11px; padding: 1px 5px;} #bp-music #contenu-main #droite ul {margin-left: 1px;} #bp-music #contenu-main #droite li {background: url(/media/habillage/filet_listing01.gif) bottom left no-repeat; padding: 10px 20px 10px 40px;} #bp-music #contenu-main #droite li.liste2 {background: #000 url(/media/habillage/filet_listing01.gif) bottom left no-repeat;} #bp-music #contenu-main #droite a {font-weight: bold; background: url(/media/pictos/puce_fleche_d07.gif) left top no-repeat; padding: 2px 0px 2px 21px; position: relative; margin-left: -20px; _position: static;} #bp-music #contenu-main #droite a:hover {text-decoration: none;} #bp-music #contenu-bas {width: 773px; height: 20px; background: url(/media/habillage/bg_bas_contenu02.jpg) left no-repeat; padding: 0px; position: relative; z-index: 1;} #bp-music #david {position: absolute; z-index: 10; top: 240px; margin-left: -50px; visibility: hidden;} /* Calzonne */ #calzonne #contenu-gauche {width: 773px;} #calzonne #contenu-main {background: #171717 url(/media/habillage/bg_milieu_contenu03.jpg) top left no-repeat; min-height: 324px; padding-top: 0px;} #calzonne #contenu-main #gauche {width: 410px; padding-top: 20px; margin-left: 30px} #calzonne #contenu-main #gauche p {margin-top: 8px;} #calzonne #contenu-main #gauche p img {margin: 1px 10px 0px 0px; float: left; border: 1px solid #6B6B6B;} #calzonne #contenu-main #droite {width: 287px; float: right; background: url(/media/habillage/filet_vert01.gif) left repeat-y; min-height: 344px; margin-bottom: -20px; position: relative; z-index: 2; border-right: 1px solid #171717;} #calzonne #contenu-main #droite h4 {background: url(/media/habillage/ttr_onglet03.gif) top left no-repeat; display: block; margin-top: 20px; border-bottom: 1px solid #2D2E2F; font-size: 11px; padding: 1px 5px;} #calzonne #contenu-main #droite ul {margin-left: 1px;} #calzonne #contenu-main #droite li {background: url(/media/habillage/filet_listing01.gif) bottom left no-repeat; padding: 10px 20px 10px 40px;} #calzonne #contenu-main #droite li.liste2 {background: #000 url(/media/habillage/filet_listing01.gif) bottom left no-repeat;} /*#calzonne #contenu-main #droite a {font-weight: bold; background: url(/media/pictos/puce_fleche_d07.gif) left top no-repeat; padding: 2px 0px 2px 21px; position: relative; margin-left: -20px; _position: static;} #calzonne #contenu-main #droite a:hover {text-decoration: none;}*/ #calzonne #contenu-bas {width: 773px; height: 20px; background: url(/media/habillage/bg_bas_contenu02.jpg) left no-repeat; padding: 0px; position: relative; z-index: 1;} #calzonne #complement-calzonne-fond {visibility: hidden; width: 300px; height: 280px; background: url(/media/habillage/bg_zoom_detail02.gif) left top no-repeat; position: absolute; top: 312px; margin-left: 257px; z-index: 10; opacity:0.92; filter:alpha(opacity=92);} #calzonne #complement-calzonne {visibility: hidden; width: 270px; height: 250px; position: absolute; top: 337px; margin-left: 272px; z-index: 20;} #calzonne #complement-calzonne p {font: bold 12px Arial} #calzonne #complement-calzonne ul {margin: 5px 0px 8px 0px;} #calzonne #complement-calzonne li {margin: 7px 4px;} #calzonne #complement-calzonne li strong {font-weight: bold; background: url(/media/pictos/puce_fleche_d02.gif) left no-repeat; padding-left: 12px; color: #C5E4EC;} #calzonne #complement-calzonne .lien-bt {float: right; background: url(/media/pictos/puce_fleche_d04.gif) left no-repeat; padding-left: 8px; } /* BP International */ #bp-international #contenu-gauche {width: 773px;} #bp-international #contenu-main {background: #171717 url(/media/habillage/background_main-int.jpg) top left no-repeat; height: 344px; padding-top: 0px;} #bp-international #contenu-main #gauche {width: 451px; padding-top: 20px; float: left;} #bp-international #contenu-main #gauche img.logo {margin-left: 21px; margin-bottom: 15px;} #bp-international #contenu-main #gauche div.elm01 {float: left; margin-left: 9px; width: 156px;} #bp-international #contenu-main #gauche div.elm01 img {margin-top: 3px} #bp-international #contenu-main #gauche div.elm01 a {background: url(/media/pictos/puce_fleche_d02.gif) 2px 5px no-repeat; padding-left: 12px; color: #C5E4EC; font-weight: bold;} #bp-international #contenu-main #gauche div.elm01 a:hover {text-decoration: none; color: #6AB7CB;} #bp-international #contenu-main #gauche div.elm02 {float: left; margin-left: 9px; width: 275px;} #bp-international #contenu-main #gauche p {margin-top: 8px;} #bp-international #contenu-main #gauche div img {margin: 30px 0px 2px 0px; border: 1px solid #203138;} #bp-international #contenu-main #droite {width: 312px; float: right; height: 344px; _position: absolute; _z-index: 5;} /* #bp-international #contenu-main #droite h4 {background: url(/media/habillage/ttr_onglet03.gif) top left no-repeat; display: block; margin-top: 20px; border-bottom: 1px solid #2D2E2F; font-size: 11px; padding: 1px 5px;} #bp-international #contenu-main #droite ul {margin-left: 1px;} #bp-international #contenu-main #droite li {background: url(/media/habillage/filet_listing01.gif) bottom left no-repeat; padding: 10px 20px 10px 40px;} #bp-international #contenu-main #droite li.liste2 {background: #000 url(/media/habillage/filet_listing01.gif) bottom left no-repeat;} #bp-international #contenu-main #droite a {font-weight: bold; background: url(/media/pictos/puce_fleche_d07.gif) left no-repeat; padding: 2px 0px 2px 21px; position: relative; margin-left: -20px;} #bp-international #contenu-main #droite a:hover {text-decoration: none;} */ #bp-international #contenu-main #droite {margin-top: 20px;} #bp-international #contenu-main #droite #liste_film_bpi a img {border: 1px solid transparent; margin-bottom: 7px;} #bp-international #contenu-main #droite #liste_film_bpi a:hover img {border: 1px solid #0076bd;} #bp-international #contenu-main #droite #fiche_lien_total {display: block; text-align: center; margin: 0px 22px 5px 0px; border: 1px solid #9c9d9f; padding: 5px; background: #171918;} #bp-international #contenu-main #droite #fiche_lien_total a {background: url(/media/pictos/puce_fleche_d01.gif) left 4px no-repeat; padding-left: 12px; margin: 4px 10px; font-weight: bold;} #bp-international #contenu-main #droite #fiche_lien_total a:hover {text-decoration: none;} #bp-international #contenu-main #droite #fiche_calque {margin-right: 22px; background: url(/media/habillage/bg_zoom_detail03.png) no-repeat; padding: 15px; margin-top: 10px; width: 260px; height: 115px; position: absolute; z-index: 30; top: 380px;} #bp-international #contenu-main #droite #fiche_calque .titre {font-size: 12px; font-weight: bold; color: #0076bd;} #bp-international #contenu-main #droite #fiche_calque a.lien-bt {background: url(/media/habillage/bt_01.gif) top left no-repeat; padding: 2px 10px 4px 36px; float: right; font-weight: bold;} #bp-international #contenu-main #droite #fiche_calque a:hover.lien-bt {text-decoration: none;} /* BP Aime */ #bp-aime #contenu-main {background: #171717 url(/media/habillage/background_main04.jpg) top left no-repeat; padding-top: 0px; min-height: 180px; } #bp-aime #contenu-gauche h3 {background: url(/media/habillage/ttr_onglet01.gif) top left no-repeat;} #bp-aime #contenu-main h2 {font-size: 14px; margin-bottom: 10px; color: #E0E0E0;} #bp-aime #contenu-main ul {margin-bottom: 10px;} #bp-aime #contenu-main ul li {background: url(/media/pictos/puce_fleche_d01.gif) 10px 4px no-repeat; padding-left: 26px; font-weight: bold;} #bp-aime #contenu-main a:hover {text-decoration: none;} #bp-aime #contenu-main #gauche {width: 222px; float: left; padding: 15px;} #bp-aime #contenu-main #droite {width: 327px; float: left; padding: 15px; background: url(/media/habillage/filet_vert02.gif) left top repeat-y; position: relative; z-index: 2; padding-bottom: 30px;} #bp-aime #contenu-main .clear {margin-bottom: -15px;} #bp-aime #contenu-bas {background: url(/media/habillage/bg_bas_contenu03.gif) left no-repeat; padding: 0px; height: 15px; background-position: bottom; position: relative; z-index: 1;} /* Liens */ #liens {background: #000 url(/media/habillage/background04.jpg) center top no-repeat;} #liens #bouton01 {position: absolute; margin-left: 73px; top: 249px; z-index: 50;} #liens #bouton02 {position: absolute; margin-left: 230px; top: 373px; z-index: 50;} #liens #bouton03 {position: absolute; margin-left: 428px; top: 275px; z-index: 50;} #liens #bouton01 a, #liens #bouton02 a, #liens #bouton03 a {background: url(/media/habillage/bt_01.gif) top left no-repeat; padding: 2px 19px 4px 36px; font-weight: bold; display: block;} #liens #txt01, #liens #txt02, #liens #txt03 {width: 224px; position: absolute; margin-left: 514px; top: 195px; z-index: 10;} #liens #txt01 {margin-left: 159px; top: 105px; z-index: 10;} #liens #txt02 {margin-left: 274px; top: 155px; z-index: 20;} #liens #txt03 {margin-left: 514px; top: 195px; z-index: 30;} #liens #contenu-gauche h3 {background: url(/media/habillage/ttr_onglet01.gif) top left no-repeat; } #liens .contenu-main {background: #171717 url(/media/habillage/background_main07.jpg) top left no-repeat; padding-top: 0px; width: 224px; height: 244px; min-height: 0px;} #liens .contenu-main ul {margin-bottom: 10px; padding: 10px;} #liens .contenu-main ul li {background: url(/media/pictos/puce_fleche_d01.gif) 10px 4px no-repeat; padding-left: 26px; font-weight: bold; margin-top: 5px;} #liens .contenu-main a:hover {text-decoration: none;} #liens .contenu-main .clear {} /* BP Equipe */ #equipe {background: #000 url(/media/habillage/background02.jpg) center top no-repeat;} #equipe #main {margin-top: 6px;} #equipe #menu-gauche {margin-top: 13px;} /*#equipe #menu-gauche .lien-complement {background: url(/media/habillage/bt_01.gif) top left no-repeat; display: block; height: 20px; width: 53px; padding: 2px 5px 0px 35px; margin: 30px 20px; font-weight: bold;} #equipe #menu-gauche .lien-complement:hover {text-decoration: none;}*/ #equipe #menu-gauche #appel {margin-top: 32px; width: 170px; margin-left: 9px;} #equipe #menu-gauche #appel h3 {background: url(/media/habillage/ttr_onglet08.gif) left top no-repeat; font-size:11px; padding: 2px 10px 2px 30px;} #equipe #menu-gauche #appel p {border: 1px solid #2D2E2E; border-bottom: none; border-top: none; height: 20px; padding-top: 8px;} #equipe #menu-gauche #appel a.lien-bt {background: url(/media/habillage/bt_01.gif) top left no-repeat; display: block; width: 50px; height: 50px; padding: 2px 10px 4px 36px; font-weight: bold; margin-left: 40px;} #equipe #menu-gauche #appel a:hover {text-decoration: none;} #equipe #menu-gauche #appel #coldroite_bas {background: url(/media/habillage/bg_bas_coldroite05.gif) top left no-repeat; height: 13px; width: 173px;} #equipe #contenu .lien-retour {margin-top: 53px;} #equipe #complement-equipe-fond {visibility: hidden; width: 300px; height: 280px; background: url(/media/habillage/bg_zoom_detail02.gif) left top no-repeat; position: absolute; top: 312px; margin-left: 217px; z-index: 10; opacity:0.88; filter:alpha(opacity=88);} #equipe #complement-equipe {visibility: hidden; width: 270px; height: 250px; position: absolute; top: 337px; margin-left: 232px; z-index: 20;} #equipe #complement-equipe p {font: bold 12px Arial} #equipe #complement-equipe ul {margin: 5px 0px 8px 0px;} #equipe #complement-equipe li {margin: 0px 4px;} #equipe #complement-equipe li a {font-weight: bold; background: url(/media/pictos/puce_fleche_d02.gif) left no-repeat; padding-left: 12px; color: #C5E4EC;} #equipe #complement-equipe li a:hover {text-decoration: none; color: #6AB7CB;} #equipe #complement-equipe .lien-bt {float: right; background: url(/media/pictos/puce_fleche_d04.gif) left no-repeat; padding-left: 8px; } #equipe .lien-retour {margin-top: 13px;} #equipe #contenu {background: url(/media/habillage/background_main-equipe01.jpg) left top no-repeat; /*position: relative; z-index: 10;*/ margin-top: -40px;} #equipe #contenu-gauche {width: 665px; margin-top: 167px;} #equipe #contenu-gauche h3 {width: 665px; background: url(/media/habillage/ttr_onglet02.gif) top left no-repeat;} #equipe #contenu-main {width: 637px; background: #171818 url(/media/habillage/background_main-equipe02.jpg) top left no-repeat; padding: 20px 14px 0px 14px; min-height: 200px; } #equipe #contenu-main ul {float: left; width: 210px; margin-left: 1px;} #equipe #contenu-main li {background: #020202; margin-bottom: 1px; padding: 6px 10px;} #equipe #contenu-main li a {background: url(/media/pictos/puce_fleche_d02.gif) left no-repeat; padding-left: 12px; color: #C5E4EC; font-weight: bold;} #equipe #contenu-main li a:hover {text-decoration: none; color: #6AB7CB;} #equipe #contenu-main li.liste2 {background: #111111;} #equipe #contenu-bas {width: 665px; background: url(/media/habillage/bg_bas_contenu04.gif) left no-repeat; padding: 0px; height: 8px; background-position: bottom; } #equipe .image {position: absolute; z-index: 10;} #equipe .bulle {background: url(/media/habillage/equipe-bulle01.gif) top left no-repeat; width: 229px; height: 153px; opacity:0.8; filter:alpha(opacity=80); position: absolute; z-index: 20;} #equipe .bulle2 {background: url(/media/habillage/equipe-bulle02.gif) top left no-repeat; width: 229px; height: 153px; opacity:0.8; filter:alpha(opacity=80); position: absolute; z-index: 20;} #equipe .bulle3 {background: url(/media/habillage/equipe-bulle03.gif) top left no-repeat; width: 229px; height: 153px; opacity:0.8; filter:alpha(opacity=80); position: absolute; z-index: 20;} #equipe .bulle4 {background: url(/media/habillage/equipe-bulle04.gif) top left no-repeat; width: 229px; height: 153px; opacity:0.8; filter:alpha(opacity=80); position: absolute; z-index: 20;} #equipe .texte {position: absolute; z-index: 30; width: 159px; height: 113px; color: #171717;} #equipe .texte p {font-weight: bold;} #equipe .texte ul {margin: 6px 0px;} #equipe .texte li {background: url(/media/pictos/puce_fleche_d02.gif) left 3px no-repeat; padding-left: 8px; } /*#equipe .texte li span {font: normal; color: #FFF;} #equipe .texte li span.ttr {font-weight: bold; color: #8F0000;}*/ #equipe .texte a {background: url(/media/pictos/puce_fleche_d06.gif) left no-repeat; padding-left: 12px; color: #8F0000; } #equipe .texte .fermer {background: none; padding: 0px; display: block; float: right; margin-right: 10px;} #equipe #equipe-liste {position:absolute; top:55px; width:617px; height:255px; z-index:5; margin-left: 48px; } /* Details equipe */ #image-pujo {top: 123px; margin-left: 48px; visibility: hidden;} #bulle-pujo {top: 121px; margin-left: 110px;} #texte-pujo {top: 121px; margin: 20px 0px 0px 155px;} #image-matejovsky {top: 158px; margin-left: 234px; visibility: hidden;} #bulle-matejovsky {top: 145px; margin-left: 315px;} #texte-matejovsky {top: 145px; margin: 20px 0px 0px 360px;} #image-ameline {top: 111px; margin-left: 377px; visibility: hidden;} #bulle-ameline {top: 76px; margin-left: 415px;} #texte-ameline {top: 76px; margin: 20px 0px 0px 460px;} #image-vameline {top: 95px; margin-left: 306px; visibility: hidden;} #bulle-vameline {top: 68px; margin-left: 340px;} #texte-vameline {top: 68px; margin: 20px 0px 0px 385px;} #image-ozanne {top: 182px; margin-left: 404px; visibility: hidden;} #bulle-ozanne {top: 169px; margin-left: 185px;} #texte-ozanne {top: 169px; margin: 20px 0px 0px 220px;} #image-parrault {top: 106px; margin-left: 445px; visibility: hidden;} #bulle-parrault {top: 79px; margin-left: 225px;} #texte-parrault {top: 79px; margin: 20px 0px 0px 260px;} #image-dubreuil {top: 122px; margin-left: 124px; visibility: hidden;} #bulle-dubreuil {top: 99px; margin-left: 175px;} #texte-dubreuil {top: 99px; margin: 20px 0px 0px 220px;} #image-picollec {top: 169px; margin-left: 569px; visibility: hidden;} #bulle-picollec {top: 164px; margin-left: 355px;} #texte-picollec {top: 164px; margin: 20px 0px 0px 390px;} #image-ligertwood {top: 176px; margin-left: 163px; visibility: hidden;} #bulle-ligertwood {top: 159px; margin-left: 215px;} #texte-ligertwood {top: 159px; margin: 20px 0px 0px 260px;} #image-delahaye {top: 182px; margin-left: 475px; visibility: hidden;} #bulle-delahaye {top: 159px; margin-left: 285px;} #texte-delahaye {top: 159px; margin: 20px 0px 0px 320px;} #image-bertrand {top: 156px; margin-left: 327px; visibility: hidden;} #bulle-bertrand {top: 139px; margin-left: 380px;} #texte-bertrand {top: 139px; margin: 20px 0px 0px 425px;} #image-flecheux {top: 97px; margin-left: 208px; visibility: hidden;} #bulle-flecheux {top: 64px; margin-left: 250px;} #texte-flecheux {top: 64px; margin: 20px 0px 0px 295px;} #image-escudier {top: 111px; margin-left: 537px; visibility: hidden;} #bulle-escudier {top: 89px; margin-left: 320px;} #texte-escudier {top: 89px; margin: 20px 0px 0px 365px;} #image-debeurme {top: 62px; margin-left: 161px; visibility: hidden;} #bulle-debeurme {top: 34px; margin-left: 210px;} #texte-debeurme {top: 34px; margin: 20px 0px 0px 255px;} #image-darondeau {top: 53px; margin-left: 400px; visibility: hidden;} #bulle-darondeau {top: 15px; margin-left: 180px;} #texte-darondeau {top: 25px; margin: 20px 0px 0px 220px;} #image-priou {top: 53px; margin-left: 490px; visibility: hidden;} #bulle-priou {top: 20px; margin-left: 270px;} #texte-priou {top: 30px; margin: 20px 0px 0px 305px;} #image-lioud {top: 55px; margin-left: 575px; visibility: hidden;} #bulle-lioud {top: 25px; margin-left: 348px;} #texte-lioud {top: 30px; margin: 20px 0px 0px 386px;} /* Equipe EN */ body.en .texte ul {visibility: hidden;} /* BP Histoire */ #bp-histoire #contenu-main {background: #171717 url(/media/habillage/background_main04.jpg) top left no-repeat; padding: 20px 0px; min-height: 180px; } #bp-histoire #contenu-gauche h3 {background: url(/media/habillage/ttr_onglet02.gif) top left no-repeat;} #bp-histoire #contenu-main p {margin: 0px 30px; margin-bottom: 10px; width: 85%; clear: none; } #bp-histoire #contenu-main .float_left {margin: -10px 20px 20px -10px; _margin: -10px 20px 60px 30px;} #bp-histoire #contenu-main .float_right {margin-right: -30px; margin-top: 10px; _margin-right: 10px;} #bp-histoire #contenu-bas {background: url(/media/habillage/bg_bas_contenu03.gif) left no-repeat; padding: 0px; height: 15px; background-position: bottom; position: relative; z-index: 1;} /* Presse */ #presse #contenu-main {background: #171717 url(/media/habillage/background_main04.jpg) top left no-repeat; padding-top: 0px; min-height: 180px; _height: 180px;} #presse #contenu-gauche h3 {background: url(/media/habillage/ttr_onglet01.gif) top left no-repeat;} #presse #contenu-main h4 {background: url(/media/pictos/puce_fleche_d01.gif) left no-repeat; padding-left: 12px; margin-bottom: 10px; font-size: 14px; color: #E0E0E0;} #presse #contenu-main ul {margin-bottom: 15px;} #presse #contenu-main ul li {background: url(/media/pictos/puce_fleche_d04.gif) 8px 4px no-repeat; padding-left: 20px; } #presse #contenu-main a:hover {text-decoration: none;} #presse #contenu-main #gauche {width: 172px; float: left; padding: 15px;} #presse #contenu-main #droite {width: 377px; float: left; padding: 15px; background: url(/media/habillage/filet_vert02.gif) left top repeat-y; position: relative; z-index: 2; padding-bottom: 30px;} #presse #contenu-main .filet {margin: 10px 0px;} #presse #contenu-main .clear {margin-bottom: -15px;} #presse #contenu-main input {float: left; margin-left: 6px;} #presse #contenu-main label {float: left; text-align: right; } #presse #contenu-main p {margin-bottom: 8px; clear: both;} #presse #contenu-main #gauche input {width: 150px; margin-left: 0px} #presse #contenu-main #gauche input.bouton {width: auto;} #presse #contenu-main #gauche label {width: auto; margin-bottom: 5px;} #presse #contenu-main #droite input {width: 150px;} #presse #contenu-main #droite input.bouton {width: auto; margin-left: 114px;} #presse #contenu-main #droite label {width: 108px;} #presse #contenu-bas {background: url(/media/habillage/bg_bas_contenu03.gif) left no-repeat; padding: 0px; height: 15px; background-position: bottom; position: relative; z-index: 1;} /* Contacts */ #contact {} #contact #contenu-gauche {margin-top: 75px; width: 498px; float: left;} #contact #contenu-main {background: #1F1F1F url(/media/habillage/background_main05.jpg) top left no-repeat; min-height: 321px; _height: 321px; padding-top: 0px;} #contact #contenu-main p {margin: 15px 25px 5px 25px; clear: both;} #contact #contenu-main .message {padding: 25px 40px;} #contact #contenu-main .message p {margin: 0px; margin-bottom: 8px;} #contact #contenu-main input {width: 380px; clear: both; display: block;} #contact #contenu-main input[type=hidden] {visibility: hidden;} #contact #contenu-main textarea {width: 380px; clear: both; height: 80px; display: block;} #contact #contenu-main label {font-weight: bold; display: block;} #contact #contenu-main input.bouton {width: auto; } #contact #contenu-main .lien-fleche {background: url(/media/pictos/puce_fleche_d08.gif) left 4px no-repeat; padding-left: 26px; font-weight: bold;} #contact #contenu-main .lien-fleche a {color: #8F0000;} #contact #contenu-bas {width: 498px; height: 15px; background: url(/media/habillage/bg_bas_contenu03.jpg) left no-repeat; padding-top: 0px;} #contact #contenu-droit {margin-top: 32px; width: 265px; float: left; margin-left: 7px;} #contact #contenu-droit h3 {background: url(/media/habillage/ttr_onglet05.gif) left top no-repeat; font-size:11px; padding: 2px 10px 2px 30px;} #contact #contenu-droit a:hover {text-decoration: none;} #contact #contenu-droit ul li {background: url(/media/pictos/puce_fleche_d01.gif) left 3px no-repeat; padding-left: 14px; } #contact #contenu-droit ul li a {font-weight: bold; } #contact #contenu-droit .lien-fleche {background: url(/media/pictos/puce_fleche_d02.gif) left 4px no-repeat; padding-left: 10px;} #contact #contenu-droit .coldroite_elm01 {background: url(/media/habillage/bg_col-droite_elm01.jpg) left top no-repeat; padding: 15px; font-weight: bold;} #contact #contenu-droit .coldroite_elm02 {background: #171717; border: 1px solid #212223; padding: 15px 12px;} #contact #contenu-droit .coldroite_elm03 {background: #0D0D0D; border-right: 1px solid #212223; border-left: 1px solid #212223; padding: 15px 12px;} #contact #contenu-droit #coldroite_bas {background: url(/media/habillage/bg_bas_coldroite01.gif) top left no-repeat; height: 15px; width: 265px;} /* Google Map */ #contact #zoom-map {width: 515px; height: 448px; background: url(/media/habillage/bg_zoom_detail01.gif) no-repeat; position: absolute; z-index: 10; margin-top: -50px; margin-left: 32px; opacity:0.88; filter:alpha(opacity=88); visibility: hidden;} #contact #contenu-map {width: 515px; height: 448px; background: url(/media/habillage/ttr_onglet07.gif) top right no-repeat; position: absolute; z-index: 20; margin-top: -50px; margin-left: 32px; visibility: hidden;} #contact #contenu-map a.lien-fleche2 {float: right; margin: 4px 20px; } #contact #contenu-map .detail-map {margin-top: 50px; margin-left: 42px;} /* Mentions legales */ #credits #contenu-gauche {width: 773px;} #credits #contenu-main {background: #171717 url(/media/habillage/bg_milieu_contenu03.jpg) top left no-repeat; min-height: 324px; _height: 324px; padding-top: 0px;} #credits #contenu-main #gauche {width: 426px; padding-top: 20px; margin-left: 30px} #credits #contenu-main #gauche p {margin-bottom: 12px; color: #E0E0E0;} #credits #contenu-main #gauche a {font-weight: bold;} #credits #contenu-main #gauche h4 {margin-bottom: 5px; font-size: 14px; color: #FFFFFF; background: url(/media/pictos/puce_fleche_d01.gif) left 6px no-repeat; padding-left: 12px;} #credits #contenu-main #droite {width: 287px; float: right; background: url(/media/habillage/filet_vert01.gif) left repeat-y; min-height: 730px; _height: 730px; margin-bottom: -20px; position: relative; z-index: 2; border-right: 1px solid #171717;} #credits #contenu-main #droite h4 {background: url(/media/habillage/ttr_onglet03.gif) top left no-repeat; display: block; margin-top: 20px; border-bottom: 1px solid #2D2E2F; font-size: 11px; padding: 1px 5px;} #credits #contenu-main #droite ul {margin-left: 1px;} #credits #contenu-main #droite li {background: url(/media/habillage/filet_listing01.gif) bottom left no-repeat; padding: 10px 20px 10px 40px;} #credits #contenu-main #droite li.liste2 {background: #000 url(/media/habillage/filet_listing01.gif) bottom left no-repeat;} #credits #contenu-main #droite a {font-weight: bold; background: url(/media/pictos/puce_fleche_d02.gif) left no-repeat; padding-left: 12px; } #credits #contenu-main #droite a:hover {text-decoration: none;} #credits #contenu-bas {width: 773px; height: 20px; background: url(/media/habillage/bg_bas_contenu02.jpg) left no-repeat; padding: 0px; position: relative; z-index: 1;}