/* ###################################################################### DISPATCH ######################################################################*/ /* =========================== */ /* = Styles généraux = */ /* =========================== */ body{ background:url(/images/dispatch/back.png) #D7D7D7 repeat-x; color:#000000;} a:focus, a:hover, a:active { color:#726547; } a {} #page-margin{ width: 952px; margin: 110px auto 0 auto;} /* =========================== */ /* = Navigation = */ /* =========================== */ #navPrincipale { height:76px; float:right; background:url('/images/dispatch/bottomNav.jpg') no-repeat bottom; width:705px;} #navPrincipale a { height:71px; margin-top:5px; float:left; font-size:17px; text-transform:uppercase; text-decoration: none;} #navPrincipale a.marketing { color:#99806f; width:265px; } #navPrincipale a.evenementiel { color:#735488; width:246px; padding-left:20px; } #navPrincipale a.creatif { color:#9b858d; width:132px; padding-left:35px; margin-left:5px; } #navPrincipale a.marketingSelect { color:#99806f; width:265px; } * html #navPrincipale a.marketing { width:226px; } * html #navPrincipale a.evenementiel { width:226px; } /* ===================================== */ /* = Styles du contenu central = */ /* ===================================== */ #contenu { clear:both; padding:10px 10px 0 10px; overflow:hidden; height:330px; } #contenu #agence{ height:321px; float:left; width:221px;} #contenu span.agenceTitre{color:#726547; font-size:13px; font-weight:bold; line-height:24px; text-transform:uppercase; } #contenu span.agenceDescription{font-size:13px; line-height:19px; margin-top:15px; display:block;} #contenu #middle{float:left; width:680px; height:301px; margin-left:10px; padding:10px;} #contenu span.middleTitre{float:left; color:#a29994; font-size:24px; text-transform:uppercase; margin-left:15px; width:385px; } #contenu span.middleDescription{float:left; font-size:15px; margin-left:15px;} #contenu span.middleDescription .decouvrir{display:block; height:31px; width:119px; background:url(/images/dispatch/decouvrir1.png); text-indent: -9999px; overflow: hidden; } #contenu span.middleDescription .decouvrir:hover{background:url(/images/dispatch/decouvrir2.png); } #contenu #Select1 span.middleDescription .decouvrir{background:url(/images/dispatch/decouvrir_marketing.png) no-repeat top left;} #contenu #Select1 span.middleDescription .decouvrir:hover{background-position:bottom left;} #contenu #Select2 span.middleDescription .decouvrir{background:url(/images/dispatch/decouvrir_event.png) no-repeat top left;} #contenu #Select2 span.middleDescription .decouvrir:hover{background-position:bottom left;} #contenu #Select3 span.middleDescription .decouvrir{background:url(/images/dispatch/decouvrir_univers.png) no-repeat top left;} #contenu #Select3 span.middleDescription .decouvrir:hover{background-position:bottom left;} #contenuBottom{ margin-top:12px; width:952px; } #contenuBottom span.sepaPoint{ width:2px; height:86px; background:url(/images/dispatch/separateur.png); display:block; margin:0px 10px;} #contenuBottom div.blockPresse{ width:244px; padding-top:15px; margin:0px 5px;} #contenuBottom div.blockPresse .titrePresse{ color:#726547; font-size:13px;} #contenuBottom div.blockPresse .descriptionPresse{font-size:11px; display:block;} #contenuBottom div.blogPresse{ background-color:#e5e1e2; width:204px; margin:8px 10px 4px 0; float:right; } .blogPresse span.title { color:#726547; font-size:18px; } .blogPresse span.subtitle { font-size:11px; } table.form-contact, table.form-acces { margin:0 auto; } table.form-contact th, table.form-contact td { padding:0.1em; } table.form-acces th, table.form-acces td { padding:0.5em; } #contenuFormAccess { display:none; } #contenuFormAccess h2 { font-size:18px; } table.form-contact .input-form { margin-top:1px; font-family:verdana, sans-serif; } form#contact .warning { margin-bottom:0px; padding:5px; text-align:center; } .textarea-contact { font-family:verdana, sans-serif; } /* ############## FOOTER ############## */ /* ---------------------------------- Box position & links ----------------------------------- */ .footer-centered { width:952px; background:transparent url('/images/dispatch/bg_footer-accolade.png') no-repeat; } .box-footer-first-part { width:auto; float:right; background:none; margin: 10px 26px 0 0; padding:0; } * html .box-footer-first-part { margin-right:14px; } .box-footer-navigation { margin-top:8px; } .box-footer-navigation, .box-footer-navigation div { float:left; } .box-footer-navigation div.adress { font-size:83%; width:296px; } .box-footer-navigation div.tel { font-size:75%; text-align:center; width:145px; } .box-footer-navigation div.language { text-align:center; width:36px; } .box-footer-navigation div.language a { font: bold 92% "Century Gothic"; } /* 92% de 12px = 11px */ .box-footer-navigation div.language a#current, .box-footer-navigation div.language a:hover, .box-footer-navigation div.language a:focus, .box-footer-navigation div.language a:active { color:#726547; } .fRow2 a{color:#FFFFFF;} /* ################## NEW !!!! FOOTER ################## */ #newFooter { background:#d7d7d7 url(/images/bg-newFooter-dispatch.png) top left repeat-x; min-height:302px; height:auto !important; height:302px; } /* ################## MENU LAVALAMP ################## */ .lavaLamp { position:relative; overflow:hidden; margin:0; } .lavaLamp li { float:left; list-style:none; margin-left:0px; } .lavaLamp li.back { width:7px; height:11px; z-index:20; position:absolute; top:65px; } .lavaLamp li a { outline:none; top:0px; z-index:10; display:block; float:left; height:20px; position:relative; overflow:hidden; } .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited { border:none; } .bgMenu1-1 { background: url("/images/barC-1.gif") no-repeat top center; height:11px; } .bgMenu1-2 { background: url("/images/barL-1.gif") no-repeat top left; width:100%; height:11px; } .bgMenu1-3 { background: url("/images/barR-1.gif") no-repeat top right; height:11px; } .bgMenu2-1 { background: url("/images/barC-2.gif") no-repeat top center; height:11px; } .bgMenu2-2 { background: url("/images/barL-2.gif") no-repeat top left; width:100%; height:11px; } .bgMenu2-3 { background: url("/images/barR-2.gif") no-repeat top right; height:11px; } .bgMenu3-1 { background: url("/images/barC-3.gif") no-repeat top center; height:11px; } .bgMenu3-2 { background: url("/images/barL-3.gif") no-repeat top left; width:100%; height:11px; } .bgMenu3-3 { background: url("/images/barR-3.gif") no-repeat top right; height:11px; } #boxVideo { width:151px; height:45px; margin-top:11px; color:#726547; font-size:20px; font-family:"Century Gothic", sans-serif; text-align:right; text-transform:uppercase; position:relative; margin-left:4px; } #boxVideo strong { font-size:17px; color:#726547; } #boxVideo a { color:#444; } #boxVideo a:hover, #boxVideo a:focus, #boxVideo a:active { text-decoration:none; }