html { height: 100%; min-width: 1002px; }

body { background: white; margin: 0; font: 12px Arial, Helvetica, sans-serif; color: #006020; height: 100%; min-width: 1002px; }

a { color: #006020; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; }

form, fieldset { padding: 0; margin: 0; border: 0; }

input, textarea, select { vertical-align: middle; font: 11px Arial, Helvetica, sans-serif; }

.holder1 { position: relative; width: 100%; overflow: hidden; min-height: 100%; }

* html .holder1 { height: 100%; overflow: visible; }

.pic { position: absolute; bottom: 0px; left: 50%; margin: 0 0 0px -553px; width: 338px; height: 225px; z-index: 0; background: url(/images/front/image01.png) no-repeat; }

.holder2 { position: relative; float: left; left: 50%; width: 1024px; z-index: 50; }

.history .holder2 { z-index: 1; }

#wrapper { position: relative; float: left; left: -50%; width: 1024px; }

#header { width: 980px; overflow: hidden; padding: 26px 0 0 44px; margin: 0 0 32px; }

.logo { background: url(/images/front/bg-logo.gif) no-repeat; float: left; overflow: hidden; text-indent: -9999px; margin: 10px 0 0; }
.logo a { height: 62px; width: 250px; display: block; }

.side { float: right; width: 690px; overflow: hidden; }

#nav { margin: 0 0 11px; padding: 46px 0 0; list-style: none; overflow: hidden; width: 700px; }
#nav li { float: left; position: relative; }
#nav li a { float: left; text-indent: -9999px; height: 26px; overflow: hidden; margin: 0 0px 0 0; }

#annonceurs a { width: 148px; background: url(/images/front/bg-nav.gif) no-repeat; }

#presse a { width: 103px; background: url(/images/front/bg-nav.gif) no-repeat -148px 0; }

#recrutement a { width: 162px; background: url(/images/front/bg-nav.gif) no-repeat -251px 0; }

#reseau a { width: 132px; background: url(/images/front/bg-nav.gif) no-repeat -413px 0; }

#partenaires a { width: 147px; background: url(/images/front/bg-nav.gif) no-repeat -545px 0; }

#annonceurs a:hover, #annonceurs.active a, #annonceurs:hover a, #annonceurs.hover a { background-position: 0 -26px; }

#presse a:hover, #presse.active a, #presse:hover a, #presse.hover a { background-position: -148px -26px; }

#recrutement a:hover, #recrutement.active a, #recrutement:hover a, #recrutement.hover a { background-position: -251px -26px; }

#reseau a:hover, #reseau.active a, #reseau:hover a, #reseau.hover a { background-position: -413px -26px; }

#partenaires a:hover, #partenaires.active a, #partenaires:hover a, #partenaires.hover a { background-position: -545px -26px; }

.note { position: absolute; top: -46px; height: 46px; text-indent: -9999px; display: none; }

#annonceurs .note { left: 14px; width: 120px; background: url(/images/front/text-communication.gif) no-repeat; }

#presse .note { left: 6px; width: 91px; background: url(/images/front/text-lactualite.gif) no-repeat; }

#recrutement .note { left: 21px; width: 120px; background: url(/images/front/text-rejoignez.gif) no-repeat; }

#nav li:hover .note, #nav li.hover .note, #nav li.active .note { display: block; }

.breadcrumbs { margin: 0 0 0 15px; padding: 0; list-style: none; width: 100%; overflow: hidden; }
.breadcrumbs li { float: left; color: #e74b1d; padding: 0 10px; background: url(/images/front/arrow.gif) no-repeat 0 60%; margin: 0 0 0 -6px; font-weight: bold; }
.breadcrumbs li a { color: #e74b1d; float: left; font-weight: normal; }

#main { width: 939px; overflow: hidden; padding: 0px 41px 70px 44px; }

#twocolumns { width: 768px; float: left; overflow: hidden; }

#content { width: 537px; overflow: hidden; float: right; position: relative; padding: 51px 0 0 33px; }
#content h1 { position: absolute; top: 26px; left: 0; text-indent: -9999px; margin: 0; z-index: 100; }

.network-title-galerie_photos { width: 262px; height: 61px; background: url(/images/front/text-galerie.png) no-repeat; }

.network-title-historique { width: 185px; height: 59px; background: url(/images/front/network_title/historique.png) no-repeat; }

.network-title-transport { width: 238px; height: 120px; top: 1px !important; background: url(/images/front/network_title/transport.png) no-repeat; }

.network-title-nos_valeurs { width: 218px; height: 58px; background: url(/images/front/network_title/nos_valeurs.png) no-repeat; }

.network-title-lequipe { width: 297px; height: 67px; background: url(/images/front/network_title/equipe_reseau.png) no-repeat; }

.network-title-nos_engagements { width: 322px; height: 67px; background: url(/images/front/network_title/nos_engagements.png) no-repeat; }

.network-title-contact { width: 140px; height: 53px; background: url(/images/front/network_title/contact.png) no-repeat; }

.network-title-ils_montrent_lexemple { width: 412px; height: 78px; background: url(/images/front/network_title/montre_exemple.png) no-repeat; }

.network-title-mentions_legales { width: 310px; height: 67px; background: url(/images/front/network_title/mentions_legales.png) no-repeat; }

.network-title-annonceurs { width: 215px; height: 56px; background: url(/images/front/network_title/annonceurs.png) no-repeat; }

.network-title-presse { width: 332px; height: 64px; background: url(/images/front/network_title/article_presse.png) no-repeat; }

.network-title-recrutement { width: 236px; height: 63px; background: url(/images/front/network_title/recrutement.png) no-repeat; }

.network-title-le_reseau { width: 186px; height: 59px; background: url(/images/front/network_title/le_reseau.png) no-repeat; }

.network-title-partenaires { width: 209px; height: 59px; background: url(/images/front/network_title/partenaire.png) no-repeat; }

.network-title-construction { width: 229px; height: 57px; background: url(/images/front/network_title/construction.png) no-repeat; }

.network-title-le_materiel { width: 208px; height: 64px; background: url(/images/front/network_title/materiel.png) no-repeat; }

.lille-title-galerie_photos { width: 262px; height: 61px; background: url(/images/front/lille_title/galerie.png) no-repeat; }

.lille-title-historique { width: 185px; height: 59px; background: url(/images/front/lille_title/historique.png) no-repeat; }

.lille-title-transport { width: 238px; height: 120px; top: 1px !important; background: url(/images/front/lille_title/transport_metier.png) no-repeat; }

.lille-title-nos_valeurs { width: 218px; height: 58px; background: url(/images/front/lille_title/nos_valeurs.png) no-repeat; }

.lille-title-lequipe { width: 297px; height: 67px; background: url(/images/front/lille_title/equipe_lille.png) no-repeat; }

.lille-title-nos_engagements { width: 322px; height: 67px; background: url(/images/front/lille_title/nos_engagements.png) no-repeat; }

.lille-title-contact { width: 140px; height: 53px; background: url(/images/front/lille_title/contact.png) no-repeat; }

.lille-title-ils_montrent_lexemple { width: 412px; height: 78px; background: url(/images/front/lille_title/montre_exemple.png) no-repeat; }

.lille-title-mentions_legales { width: 310px; height: 67px; background: url(/images/front/lille_title/mentions_legales.png) no-repeat; }

.lille-title-annonceurs { width: 215px; height: 56px; background: url(/images/front/lille_title/annonceurs.png) no-repeat; }

.lille-title-articles_de_presse { width: 332px; height: 64px; background: url(/images/front/lille_title/articles_presse.png) no-repeat; }

.lille-title-recrutement { width: 236px; height: 63px; background: url(/images/front/lille_title/recrutements.png) no-repeat; }

.lille-title-le_reseau { width: 186px; height: 59px; background: url(/images/front/lille_title/le_reseau.png) no-repeat; }

.lille-title-partenaires { width: 209px; height: 59px; background: url(/images/front/lille_title/partenaires.png) no-repeat; }

.lille-title-le_materiel { width: 208px; height: 64px; background: url(/images/front/lille_title/materiel.png) no-repeat; }

.lille-title-combien { width: 197px; height: 64px; background: url(/images/front/lille_title/combien.png) no-repeat; }

.lille-title-ou_et_comment { width: 319px; height: 76px; background: url(/images/front/lille_title/ou_comment.png) no-repeat; }

.lille-title-quand { width: 151px; height: 64px; background: url(/images/front/lille_title/quands.png) no-repeat; }

.visual { width: 532px; height: 468px; overflow: hidden; position: relative; padding: 5px 0 0 4px; }

.g-hold { width: 528px; height: 468px; overflow: hidden; position: relative; }

.visual ul { margin: 0; padding: 0; list-style: none; width: 99999px; overflow: hidden; height: 410px; }
.visual ul li { float: left; height: 468px; }
.visual ul img { display: block; overflow: hidden; }

.mask { position: absolute; top: 0; left: 0; width: 521px; height: 42px; padding: 430px 0 0 15px; background: url(/images/front/bg-mask.gif) no-repeat; }

.mask-ville { position: absolute; top: 0; left: 0; width: 521px; height: 42px; padding: 430px 0 0 15px; background: url(/images/front/bg-mask.png) no-repeat; }

#btn-prev { float: left; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden; margin: -17px 0 0; background: url(/images/front/btn.gif) no-repeat; }

#btn-next { float: left; width: 45px; height: 45px; text-indent: -9999px; overflow: hidden; margin: -17px 0 0; background: url(/images/front/btn.gif) no-repeat; background: url(/images/front/btn.gif) no-repeat -45px 0; }

#btn-prev:hover, #btn-prev.active { background-position: 0 -45px; }

#btn-next:hover, #btn-next.active { background-position: -45px -45px; }

.mask .caption, .mask-ville .caption { position: relative; overflow: hidden; width: 415px; float: left; }
.mask .caption ul, .mask-ville .caption ul { width: 9999px; margin: 0; padding: 0; list-style: none; }
.mask .caption li, .mask-ville .caption li { float: left; width: 415px; height: auto; }
.mask strong, .mask-ville strong { float: left; text-align: center; color: white; width: 415px; }

.aside { width: 140px; overflow: hidden; float: left; padding: 65px 0 0; background: url(/images/front/bg-aside.gif) no-repeat 100% 0; }

.menu { width: 140px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.menu li { width: 100%; margin: 0 0 7px; }

.ville .menu li { margin: 0 0 8px; }

.menu li a { display: block; width: 140px; height: 48px; overflow: hidden; text-indent: -9999px; }

.historique { background: url(/images/front/bg-menu.gif) no-repeat; }

.transport { background: url(/images/front/bg-menu.gif) no-repeat 0 -55px; }

.valeurs { background: url(/images/front/bg-menu.gif) no-repeat 0 -111px; }

.materiel { background: url(/images/front/bg-menu.gif) no-repeat 0 -166px; }

.engagements { background: url(/images/front/bg-menu.gif) no-repeat 0 -221px; }

.historique:hover, .active .historique { background: url(/images/front/bg-menu.gif) no-repeat -140px 0; }

.transport:hover, .active .transport { background: url(/images/front/bg-menu.gif) no-repeat -140px -55px; }

.valeurs:hover, .active .valeurs { background: url(/images/front/bg-menu.gif) no-repeat -140px -111px; }

.materiel:hover, .active .materiel { background: url(/images/front/bg-menu.gif) no-repeat -140px -166px; }

.engagements:hover, .active .engagements { background: url(/images/front/bg-menu.gif) no-repeat -140px -221px; }

#sidebar { width: 108px; float: right; overflow: hidden; padding: 65px 0 0; }
#sidebar ul { margin: 0; padding: 0; list-style: none; width: 108px; overflow: hidden; }
#sidebar ul li { padding: 0 0 18px; float: left; width: 100%; }
#sidebar ul li a { display: block; text-indent: -9999px; width: 108px; }

.galerie_photos { background: url(/images/front/bg-litem1.gif) no-repeat; height: 108px; }
.galerie_photos:hover { background-position: 100% 0; }

.active .galerie_photos, .calcul_emission_de_co2:hover, .active .calcul_emission_de_co2, .facebook:hover, .active .facebook { background-position: 100% 0px; }

.notre_blog:hover, .active .notre_blog { background-position: 100% -58px; }

.lifacebook { padding-bottom: 1px !important; }

.facebook { background: url(/images/front/bg-item2.gif) no-repeat; height: 54px !important; margin: 0 0 4px; }

.notre_blog { background: url(/images/front/bg-item2.gif) no-repeat 0 -58px; height: 54px !important; }

.calcul_emission_de_co2 { background: url(/images/front/bg-item3.gif) no-repeat; height: 109px !important; }

.visual-lille { height: 448px; padding: 40px 5px 0 20px; width: 506px; background: url(/images/front/bg-content-transparent.png) no-repeat; }
.visual-lille span { font-weight: bold; }

.bottom-clear { height: 25px; }

.history .visual { height: 448px; padding: 25px 5px 0 20px; width: 506px; background: url(/images/front/bg-info.png) no-repeat; }

.network_valeurs { height: 269px; width: 432px; margin-top: 85px; margin-left: 30px; background: url(/images/front/network_valeurs.png) no-repeat; }

.network_annonceurs { height: 160px; width: 532px; margin-left: -20px; background: url(/images/front/network_annonceurs.png) no-repeat; }

.network_reseau { height: 146px; width: 191px; margin-left: 300px; background: url(/images/front/network_reseau.png) no-repeat; }

.le_reseau .reseau-content { width: 300px !important; float: left; }

.annonceurs { padding-top: 20px !important; }
.annonceurs .vscroll-line { height: 220px !important; }
.annonceurs .vscroll-down { top: 241px !important; }
.annonceurs .vscroll-bar { height: 260px !important; }

.scrollable { width: 506px; height: 405px; overflow: hidden; padding-top: 10px; }
.scrollable.mini { height: 200px !important; }

.vscroll-up, .vscroll-down { float: left; width: 21px; margin: 0 0 0 -1px; }

.down { width: 21px; height: 21px; background: url(/images/front/button-down.png) no-repeat; float: left; text-indent: -9999px; }
.down:hover { background-position: -21px 0; }

.visual span { font-weight: bold; font-size: 1.2em; }

.partenaires { float: center; }

.up { width: 21px; height: 21px; background: url(/images/front/button-up.png) no-repeat; float: left; text-indent: -9999px; }
.up:hover { background-position: -21px 0; }

.vscroll-line { width: 19px; background: url(/images/front/bg-scroll-line.gif) repeat-y; }

.vscroll-slider { width: 19px; height: 47px; background: url(/images/front/bg-scroll.gif) no-repeat; }

#scrollslider0 { height: 47px !important; cursor: pointer; }

.intro { width: 416px; height: 421px; padding: 148px 63px 0 5px; background: url(/images/front/bg-intro.png) no-repeat; }
.intro h2 { font-size: 14px; color: #006020; margin: 0; }
.intro p { color: #006020; line-height: 15px; margin: 0 0 23px; }

.form-info { width: 367px; margin: 0 0 0 46px; }

.row { width: 367px; margin: 0 0 11px; overflow: hidden; }
.row label { float: left; text-align: right; font-weight: bold; color: #006020; width: 156px; padding: 3px 0 0; }
.row span { float: right; width: 234px; height: 20px; background: url(/images/front/bg-input.gif) no-repeat; padding: 3px 10px 0; }
.row span input { border: 0; background: none; width: 234px; padding: 0; }

.btn-submit { color: white; font-weight: bold; width: 91px; height: 32px; background: url(/images/front/btn-submit.png) no-repeat; border: 0; padding: 0 0 2px; cursor: pointer; margin: 19px 0 0 9px; line-height: 16px; }

.reseau { background: url(/images/front/bg-body.gif) no-repeat 50% 150px; }
.reseau #content { width: 552px !important; padding: 6px 0 0 !important; }

.map { width: 552px; height: 505px; background: url(/images/front/bg-map.png) no-repeat; }

.city { position: absolute; background: url(/images/front/bullet.gif) no-repeat 50% 0; padding: 14px 0 0; }
.city a { display: block; height: 10px; width: 100%; overflow: hidden; text-indent: -9999px; }

.lille2 { top: 37px; left: 270px; width: 36px; }

.amien2 { top: 70px; left: 220px; width: 80px; }

.compiegne2 { top: 102px; left: 225px; width: 120px; }

.mulhouse2 { top: 130px; right: 40px; width: 115px; height: 20px !important; }

.rochelle2 { top: 287px; left: 83px; width: 106px; }

.toulouse2 { bottom: 75px; left: 185px; width: 84px; }

.bordeaux2 { bottom: 132px; left: 106px; width: 88px; }

.pau2 { bottom: 55px; left: 126px; width: 35px; }

.rennes2 { top: 162px; left: 85px; width: 69px; }

.montpellier2 { left: 276px; bottom: 58px; width: 108px; }
.montpellier2 a { background: url(/images/front/city/montpellier.png) no-repeat; height: 20px !important; }
.montpellier2 a:hover { background: url(/images/front/city/montpellier1.png) no-repeat; height: 20px !important; }

.annecy2 { bottom: 200px; left: 370px; width: 69px; }
.annecy2 a { background: url(/images/front/city/annecy.png) no-repeat; height: 20px !important; }
.annecy2 a:hover { background: url(/images/front/city/annecy1.png) no-repeat; height: 20px !important; }

.lille2 a { background: url(/images/front/bg-text-city.gif) no-repeat; }
.lille2 a:hover { background-position: 0 -10px; }

.saint2 a { background: url(/images/front/bg-text-city.gif) no-repeat -36px 0; }
.saint2 a:hover { background-position: -36px -10px; }

.mulhouse2 a { background: url(/images/front/city/strasbourg.png) no-repeat; height: 20px !important; }
.mulhouse2 a:hover { background: url(/images/front/city/strasbourg1.png) no-repeat; height: 20px !important; }

.rochelle2 a { background: url(/images/front/text-rochelle.png) no-repeat; }
.rochelle2 a:hover { background: url(/images/front/text-rochelle2.png) no-repeat; }

.amien2 a { background: url(/images/front/city/amien.png) no-repeat; }
.amien2 a:hover { background: url(/images/front/city/amien1.png) no-repeat; }

.compiegne2 a { background: url(/images/front/city/compiegne.png) no-repeat; height: 20px !important; }
.compiegne2 a:hover { background: url(/images/front/city/compiegne1.png) no-repeat; height: 20px !important; }

.bordeaux2 a { background: url(/images/front/text-bordeaux.png) no-repeat; }
.bordeaux2 a:hover { background: url(/images/front/text-bordeaux2.png) no-repeat; }

.rennes2 a { background: url(/images/front/text-rennes.png) no-repeat; }
.rennes2 a:hover { background: url(/images/front/text-rennes2.png) no-repeat; }

.toulouse2 a { background: url(/images/front/bg-text-city.gif) no-repeat -163px 0; }
.toulouse2 a:hover { background-position: -163px -10px; }

.pau2 a { background: url(/images/front/bg-text-city.gif) no-repeat -247px 0; }
.pau2 a:hover { background-position: -247px -10px; }

.lille-bg { background: #8ebb13 url(/images/front/bg-lille.png) no-repeat 50% 0 !important; background-position: center -1px; }

.bg-rennes { background: #8ebb13 url(/images/front/body-rennes.jpg) no-repeat 50% 0; }

.bg-lille { background: #8ebb13 url(/images/front/bg-body.jpg) no-repeat 50% 0; }

.bg-strasbourg { background: #8ebb13 url(/images/front/body-strasbourg.jpg) no-repeat 50% 0; }

.bg-bordeaux { background: #8ebb13 url(/images/front/body-bordeaux.jpg) no-repeat 50% 0; }

.bg-amiens { background: #8ebb13 url(/images/front/body-amiens.jpg) no-repeat 50% 0; }

.bg-toulouse { background: #8ebb13 url(/images/front/body-toulouse.jpg) no-repeat 50% 0; }

.bg-pau { background: #8ebb13 url(/images/front/body-pau.jpg) no-repeat 50% 0; }

.bg-larochelle { background: #8ebb13 url(/images/front/body-larochelle.jpg) no-repeat 50% 0; }

.bg-compiegne { background: #8ebb13 url(/images/front/body-compiegne.jpg) no-repeat 50% 0; }

.bg-annecy { background: #8ebb13 url(/images/front/body-annecy.jpg) no-repeat 50% 0; }

.ville .logo { width: 350px; float: left; overflow: hidden; text-indent: -9999px; margin: 26px 0 0; }
.ville .logo-lille { background: url(/images/front/logo/lille.gif) no-repeat; }
.ville .logo-strasbourg { background: url(/images/front/logo/strasbourg.png) no-repeat; height: 66px; }
.ville .logo-amiens { background: url(/images/front/logo/amiens.png) no-repeat; }
.ville .logo-larochelle { background: url(/images/front/logo/la_rochelle.png) no-repeat; }
.ville .logo-bordeaux { background: url(/images/front/logo/bordeaux.png) no-repeat; }
.ville .logo-toulouse { background: url(/images/front/logo/toulouse.png) no-repeat; }
.ville .logo-pau { background: url(/images/front/logo/pau.png) no-repeat; }
.ville .logo-rennes { background: url(/images/front/logo/rennes.png) no-repeat; }
.ville .logo-annecy { background: url(/images/front/logo/annecy.png) no-repeat; }
.ville .logo-annecy a { height: 66px; }
.ville .logo-compiegne { background: url(/images/front/logo/compiegne.png) no-repeat; }
.ville .logo-compiegne a { height: 66px; width: 311px; display: block; }
.ville .side { width: 600px !important; padding: 45px 0 0; }

#nav2 { width: 100%; padding: 0; margin: 0 0 10px; list-style: none; overflow: hidden; }
#nav2 li { float: left; }
#nav2 li a { display: block; height: 26px; overflow: hidden; text-indent: -9999px; }

.quand { width: 112px; background: url(/images/front/bg-nav2.gif) no-repeat; }

.comment { width: 189px; background: url(/images/front/bg-nav2.gif) no-repeat -112px 0; }

.combien { width: 135px; background: url(/images/front/bg-nav2.gif) no-repeat -301px 0; }

.service { width: 163px; background: url(/images/front/bg-nav2.gif) no-repeat -437px 0; }

.quand:hover, .active .quand { background-position: 0 -26px; }

.comment:hover, .active .comment { background-position: -112px -26px; }

.combien:hover, .active .combien { background-position: -301px -26px; }

.ville .breadcrumbs li { color: #4a6d1e; background: none; }
.ville .breadcrumbs li a { color: #4a6d1e; }
.ville .aside { background: url(/images/front/bg-aside2.gif) no-repeat 100% 0; }

.branch { margin: -8px 0 0; display: block; }

.ville .historique { background: url(/images/front/bg-menu2.gif) no-repeat; }
.ville .transport { background: url(/images/front/bg-menu2.gif) no-repeat 0 -55px; }
.ville .valeurs { background: url(/images/front/bg-menu2.gif) no-repeat 0 -111px; }
.ville .materiel { background: url(/images/front/bg-menu2.gif) no-repeat 0 -166px; }
.ville .engagements { background: url(/images/front/bg-menu2.gif) no-repeat 0 -221px; }
.ville .historique:hover, .ville .active .historique { background: url(/images/front/bg-menu2.gif) no-repeat -140px 0; }
.ville .transport:hover, .ville .active .transport { background: url(/images/front/bg-menu2.gif) no-repeat -140px -55px; }
.ville .valeurs:hover, .ville .active .valeurs { background: url(/images/front/bg-menu2.gif) no-repeat -140px -111px; }
.ville .materiel:hover, .ville .active .materiel { background: url(/images/front/bg-menu2.gif) no-repeat -140px -166px; }
.ville .engagements:hover, .ville .active .engagements { background: url(/images/front/bg-menu2.gif) no-repeat -140px -221px; }
.ville #sidebar ul li a { display: block; text-indent: -9999px; width: 106px; height: 107px; }
.ville .galerie_photos { background: url(/images/front/bg-litem1.gif) no-repeat; height: 108px; width: 108px !important; }
.ville .galerie_photos:hover { background-position: 100% 0; }
.ville .active .photos, .ville .article_de_presse:hover, .ville .active .article_de_presse, .ville .facebook:hover, .ville .active .facebook { background-position: 100% 0; }
.ville .blog:hover, .ville .active .blog { background-position: 100% -58px; }
.ville .facebook { background: url(/images/front/bg-item5.gif) no-repeat; }
.ville .blog { background: url(/images/front/bg-item5.gif) no-repeat 0 -58px; height: 54px !important; }
.ville .articles_de_presse { background: url(/images/front/bg-item6.gif) no-repeat; }
.ville .articles_de_presse:hover { background-position: 100% 0; }

.btn-partenaires { position: absolute; top: 45px; left: -18px; background: url(/images/front/btn-partenaries.gif) no-repeat; width: 140px; height: 32px; text-indent: -9999px; }
.btn-partenaires:hover { background-position: 0 -32px; }

.footer-wrapper { width: 100%; background: url(/images/front/bg-footer.gif) repeat-x 0 100%; height: 107px; margin-top: -107px; }

#footer { width: 903px; padding: 35px 0 0; margin: 0 auto; z-index: 50; position: relative; background: url(/images/front/bg-footer2.gif) no-repeat 100% 0; }

.ville #footer { padding: 80px 0 0; background: url(/images/front/bg-footer3.gif) no-repeat 100% 0; }

#footer:after { content: ""; clear: both; display: block; }

.sub-menu { margin: 0 0 12px 203px; padding: 0; list-style: none; overflow: hidden; height: 38px; padding-top: 6px !important; width: 600px; margin-left: 197px !important; }
.sub-menu li { padding: 0 13px 0 0 !important; }
.sub-menu a { font-size: 12px; display: block; cursor: pointer; height: 11px !important; overflow: hidden; color: white; font-weight: bold; line-height: 13px !important; text-decoration: none !important; padding-top: 0px !important; padding-bottom: 0px !important; }

.lille, .amiens, .bordeaux, .compiègne, .la_rochelle, .pau, .strasbourg, .toulouse, .menu_city { background: url(/images/front/city-bg.png); padding-left: 5px !important; padding-right: 5px !important; }
.lille:hover, .amiens:hover, .bordeaux:hover, .compiègne:hover, .la_rochelle:hover, .pau:hover, .strasbourg:hover, .toulouse:hover, .menu_city:hover { background: url(/images/front/city-bg-active.png); }
.lille:hover, .amiens:hover, .bordeaux:hover, .compiègne:hover, .la_rochelle:hover, .pau:hover, .strasbourg:hover, .toulouse:hover, .menu_city:hover { background-position: 0 -13px; }

.active .lille { background-position: 0 -13px; }

.city-menu { width: 100%; text-align: center; }

.active .saint_quentin { background-position: -51px -13px; }

.active .mulhouse { background-position: -182px -13px; }

.active .la_rochelle { background-position: -278px -13px; }

.active .bordeaux { background-position: -390px -13px; }

.active .toulouse { background-position: -484px -13px; }

.active .pau { background-position: -575px -13px; }

.footer-nav { margin: 0; padding: 0; list-style: none; overflow: hidden; text-align: center; }
.footer-nav li { display: inline; padding: 0 15px; }
.footer-nav li a { color: white; display: inline-block; padding: 2px 0 2px; border-bottom: 2px solid #a4b692; }
.footer-nav li a:hover { text-decoration: none; border-bottom: 1px solid #8dba14; color: #8dba14; padding-bottom: 3px; }

.standard { margin-left: 20px !important; border-left: 4px solid #e74a1d; height: auto !important; list-style-type: circle !important; padding-left: 20px !important; }
.standard li { float: none !important; height: auto !important; padding-left: 8px; margin-bottom: 5px; width: 400px; }

.materiel_link { margin-bottom: 20px; margin-right: 10px; height: 41px; width: 109px; float: right; text-indent: -9999px; background: url(/images/front/link_materiel.png) no-repeat; }

.annonceur-ul { height: 300px !important; }

.photo-equipe { margin-left: 260px; margin-top: -60px; width: 248px; height: 255px; }

.left-content { float: left; }

.part-img { border: 4px solid white; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: white; width: 200px; height: 100px; text-align: center; line-height: 100px; margin-left: 20px; margin-top: 10px; }