/* AVENIR SANTE - CSS Document */ /********************************************************************************* GENERAL ***********************************************************************************************************/ body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#D85E1D; font-size:0.9em; background-color:#d85e1d;} body #rubrique {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#D85E1D; font-size:0.9em; background-color:#d85e1d;} body.article {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#D85E1D; font-size:0.9em; background-color:#359ace;} body.landing-page { margin:0; padding:0; background: #cc3d94 url(../images/fond-body-landing-actions.jpg) no-repeat scroll left top; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:0.9em;} img {border:0 none;} h1 {font-size:2.0em; color:#cc0000; margin:0;} h2 {font-size:1.8em; color:#cc0000;} h3 {font-size:1.4em; color:#cc0000; font-weight:normal;} h4 {font-size:1.1em; color:#cc0000;} h5 {font-size:1em; color:#cc0000; font-weight:normal;} p {font-size:0.8em;} /*span {display:none;}*/ /********************************************************************************* LIENS ***********************************************************************************************************/ a {font-size:0.8em; color:#5e5e5e; text-decoration:none;} a:link {color:#5e5e5e;} a:visited {color:#5e5e5e;} a:hover, a:focus, a:active {color:#cc0000;} a img {border:none;} /**************************************************************************** CLASSES SPECIFIQUES **************************************************************************************************/ .myhr {height:0px; display:block; clear:both; visibility:hidden; overflow:hidden;} .txt-invisible {display:none; visibility:hidden;} /********************************************************************************* CONTENANT *******************************************************************************************************/ #container-fond-accueil {background: url(../images/fond-accueil.jpg) top center no-repeat;} #container-fond-article {background: url(../images/fond-article.jpg) top center no-repeat;} #container-fond-landing-actions {/*background: url(../images/fond-flash-landing-actions.jpg) top center no-repeat;*/} #container-fond-page {background: #f5eed4 url(../images/fond-large_page.jpg) top center no-repeat;} #container {width:998px; height:830px; margin-left:auto; margin-right:auto;} /***************************************************************************** CONTENU ACCUEIL *****************************************************************************************************/ #container #flash-container {margin:0 auto -23px auto; padding:0; position:relative; z-index:300; border:0px dotted gray; height:553px; width:998px; background:url(../images/accueil-fond.jpg) top left no-repeat} /************************************************************************************ HEADER *******************************************************************************************************/ #container #header {width:790px; height:auto; position:absolute; z-index:500;} #container #header-article {width:998px; height:auto; position:relative; z-index:500;} #container #header-article #slogan-article {width:998px; height:285px; position:relative; left:-48px; background:transparent url(../images/slogan-article.png) no-repeat scroll center top; z-index:0;} #container #header-article #slogan-actions {width:998px; height:285px; position:relative; left:-48px; background-image: /*background:transparent url(../images/slogan-article.png) no-repeat scroll center top;*/ z-index:0;} #container #header-article #fil-ariane {/*width:315px;*/ width:600px; top:271px; left:271px; position:absolute; float:left;color:#004b95; font-weight:bold; font-size:0.5em; z-index:10;} #container #header-article #fil-ariane a {color:#004b95; font-weight:bold; font-size:1.2em;} #container #header-article #fil-ariane a:hover {text-decoration:underline;} #container #header h2.txt-invisible {display:none; disibility:hidden;} #container #header #logo {margin:0 0 0 35px; height:145px; padding:0; position:relative; width:271px; z-index:200;} #container #header #logo span{display:none;} #container #header-article #logo {width:245px; height:171px; position:absolute; z-index:500;} #container #header-article #logo span{display:none;} #container #header #actu {width:309px; height:217px; margin:0; padding-top:73px; position:absolute; background: transparent url(../images/actu-fond.png) top center no-repeat; top:177px; left:657px } #container #header #actu a img {width:93px; height:18px; margin:10px; } #container #header #actu a.lien-rss {width:37px; height:47px; margin:0 37px 0 0; float:right; background:transparent url(../images/rss.png) no-repeat scroll 0 0;} #container #header #actu a.lien-rss:hover {background: transparent url(../images/rss2.png) top center no-repeat; cursor:pointer;} #container #header #actu a.lien-rss span {display:none;} #container #header #actu a.lien-actu {width:93px; height:18px; margin:19px 47px 0 0; float:right; display:block; background: transparent url(../images/lien-actu.png) top center no-repeat; cursor:pointer;} #container #header #actu a.lien-actu span {display:none;} #container #header #actu a.lien-actu:hover {background: transparent url(../images/lien-actu2.png) top center no-repeat; cursor:pointer;} #container #header #actu #actu-contenu {padding:36px 50px 0 45px; color:#eeebeb;} #container #header #actu #actu-contenu h2 {margin:0; color:#eeebeb; font-size:0.8em;} #container #header #actu #actu-contenu h3 {margin:0; color:#eeebeb; font-size:0.75em;} #container #header #actu #actu-contenu a {color:#ffffff; text-decoration:underline;} #container #header #actu #actu-contenu h3 a {color:#eeebeb; text-decoration:underline;} #container #header #actu #actu-contenu h3 a:hover {color:#87391a;} /***************header landing actions***********************************/ #container #header-landing {width:998px; height:632px;color:#eeebeb; background:url(../images/fond-header-landing-actions.png) top left no-repeat; top:0; left:0; padding:0; position:relative; z-index:200} #container #header-landing h1 img{ width:271px; height:145px; margin:0 0 0 35px; padding:0; position:relative; z-index:200 } #container #header-landing h1 span{display:none;} #container #header-landing h3 img{ width:195px; height:50px; margin:120px 0 0 48px; padding:0;} #container #header-landing #fil-ariane-landing {width:315px; color:#FFF; font-weight:bold; font-size:0.5em; z-index:20; margin:-25px 0 0 50px; padding:0;position:relative; z-index:200} #container #header-landing #fil-ariane-landing a {color:#FFF; font-weight:bold; font-size:1.2em;} #container #header-landing #fil-ariane-landing a:hover {text-decoration:underline; color:#0062ac} #container #header-landing #flash-landing {left:50px; top:20px; width:921px; height:594px; z-index:100; position: absolute; } /***************header landing accidents***********************************/ #container #header-landing-accidents {width:998px; height:300px;color:#eeebeb; background:url(../images/fond-header-landing-actions.png) no-repeat scroll left 3px; top:0; left:0; padding:0; position:relative; z-index:200} #container #header-landing-accidents h1 img{ width:271px; height:145px; margin:0 0 0 18px; padding:0; position:relative; z-index:200 } #container #header-landing-accidents h1 span{display:none;} #container #header-landing-accidents h3 img{ width:195px; height:50px; margin:120px 0 0 48px; padding:0;} #container #header-landing-accidents #flash-lebuzz { position:absolute; left:730px; top:18px; width:175px; height:200px; z-index:210; } #container #flash-lebuzz-page-int {position:absolute; left:720px; top:10px; width:175px; height:200px; z-index:501; } /************************************************************************************* CONTENU *****************************************************************************************************/ #container #header #actu #actu-contenu {padding:36px 50px 0 45px; color:#eeebeb;} #container #contenu {width:998px; margin:0 0 -10px 0;} #container #contenu #colonne-gauche {width:205px; /*height:450px;*/ margin:0; padding:10px 20px 0 0; float:left;} #container #contenu #colonne-gauche #menu-gauche {width:205px; height:auto;padding-bottom:15px;} #container #contenu #colonne-gauche #menu-gauche #img-menu {height:30px; padding:9px 20px 0 20px; background:transparent url(../images/article-col-gauche-menu-fond.png) 0 0 no-repeat;} #container #contenu #colonne-gauche #menu-gauche #img-menu a {color:#eeebeb; font-size:0.8em;} #container #contenu #colonne-gauche #menu-gauche .titre-menu {padding:2px 0 3px 0; color:#eeebeb; font-size:0.8em; font-weight:bold; background:transparent url(../images/border-bas.gif) bottom left repeat-x;} #container #contenu #colonne-gauche #menu-gauche .titre-menu a {color:#eeebeb; font-size:1em; font-weight:normal;} #container #contenu #colonne-gauche #menu-gauche .titre-menu a:hover {color:#3A638E;} #container #contenu #colonne-gauche #menu-gauche .titre-menu a:active {font-weight:bold;} #container #contenu #colonne-gauche #menu-gauche ul {height:auto; margin:0; padding:0 0 5px 0; color:#eeebeb; font-size:0.95em; background:transparent url(../images/border-bas.gif) bottom left repeat-x; } #container #contenu #colonne-gauche #menu-gauche ul li {height:17px; margin:2px 0 0 0; padding-left:20px; background-image:none; list-style-type:none;} #container #contenu #colonne-gauche #menu-gauche ul li.lien-actif {font-weight:bold; background:transparent url(../images/article-col-gauche-menu-puce.png) 0 8px no-repeat;} #container #contenu #colonne-gauche #menu-gauche ul li a {opacity:1; color:#eeebeb; list-style-type:none;} #container #contenu #colonne-gauche #menu-gauche ul li a:hover {text-decoration:underline; list-style-image:url(../images/article-col-gauche-menu-puce.png); list-style-position:inside;} #container #contenu #colonne-gauche a.img-actu {width:212px; height:87px; margin:20px 0 20px 0; border:none; display:block; background:transparent url(../images/article-col-gauche-bt-actu.png) 0 0 no-repeat; cursor:pointer;} #container #contenu #colonne-gauche a.img-actu:hover {background:transparent url(../images/article-col-gauche-bt-actu2.png) 0 0 no-repeat;} #container #contenu #colonne-gauche a.img-don {width:212px; height:87px; margin:0 0 0 0; border:none; display:block; background:transparent url(../images/article-col-gauche-bt-don.png) 0 0 no-repeat; cursor:pointer; padding-bottom:15px;} #container #contenu #colonne-gauche a.img-don:hover {background:transparent url(../images/article-col-gauche-bt-don2.png) 0 0 no-repeat;} #container #contenu #colonne-droite {width:660px; padding:0 35px 0 35px; float:left; background:transparent url(../images/bloc-centre.png) 0 0 repeat-y;} #container #contenu #colonne-droite h3 {width:auto; margin-bottom:0; padding:0 50px 0 10px; color:#003a73; font-size:1.6em; font-weight:bold;} #container #contenu #colonne-droite h4 {margin-top:0; padding:0 50px 0 10px; color:#003a73; font-size:1.1em; font-weight:bold;} #container #contenu #colonne-droite h5 {margin-bottom:5px; padding:0 50px 0 10px; color:#d14c03; font-size:1em; font-weight:bold; line-height:20px;} #container #contenu #colonne-droite h6 {margin-top:19px; padding:0 50px 0 10px; color:#d14c03; font-size:0.9em;} #container #contenu #colonne-droite p {padding:0 38px 10px 10px; color:#003a73; font-size:0.75em; line-height:18px;} #container #contenu #colonne-droite ul {padding:0 0px 0 10px;color:#003a73;font-size:0.75em;line-height:18px;list-style-position: inside;list-style-type: disc;} #container #contenu #colonne-droite spip_forms { width:660px; margin:10px 0;} #container #contenu #colonne-droite legend { display:none} #container #contenu #colonne-droite label {float:left; font-size:0.8em; text-align:left; margin:0.8em 0 0 0; font-weight:bold; width:200px;} #container #contenu #colonne-droite input { margin: 0.5em 0 0.5em 0em; background-color:#FFFFFF;border:1px solid #FFFFFF; color:#5D4A2B} #container #contenu #colonne-droite input:hover, #contenu-page #droite input:active {background-color:#f3e7d5;border:1px solid #EB6A0A; color:#5D4A2B} #container #contenu #colonne-droite #input-4-ligne_3 { height:150px} #container #contenu #colonne-droite .details {font-size:0.6em; white-space:nowrap} #container #contenu #colonne-droite .obligatoire {font-size:0.6em; font-weight: lighter} #container #contenu #colonne-droite input.btnVal { width:120px; font-weight:bold; cursor:pointer; margin:0 0 0 200px} #container #contenu #colonne-droite .resultatSearch { margin:5px 0 0 35px; padding-bottom:20px;border-bottom:1px solid #f0e7d9;} #container #contenu #colonne-droite .lirelasuite { float:right; margin:0; padding:0} #container #contenu #colonne-droite #texte_1 { background-color:#FFFFFF;color:#5D4A2B; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; border:1px solid #FFFFFF;margin: 0.5em 0 0.5em 0em;} #container #contenu #colonne-droite #texte_1:hover, #contenu-page #droite #texte_1:active {background-color:#f3e7d5;border:1px solid #EB6A0A; color:#5D4A2B} #container #contenu #colonne-droite #plandusite { margin-top:0} #container #contenu #colonne-droite #plandusite ul {list-style-type:none; padding:0; margin:5px 0 20px 0} #container #contenu #colonne-droite #plandusite ul ul {margin:5px 0 0px 0} #container #contenu #colonne-droite #plandusite li {list-style-type:none; background:none} #container #contenu #colonne-droite #plandusite li.planLi h4 { list-style-type:none;padding:20px 0 30px 0;margin:0;background-image: url(../images/hr.gif); background-repeat: no-repeat;font-size:1em; font-weight:bold;background-position: bottom;} #container #contenu #colonne-droite #plandusite li.planLi a { background:none; font-size:1em; list-style-type:none;} #container #contenu #colonne-droite #plandusite h4.planTitre a { color:#003a73;} #container #contenu #colonne-droite #plandusite h4.planTitre a:hover { color:#003a73} #container #contenu #colonne-droite .diaporama {width:278px; height:280px; margin:52px 57px 9px 38px; position:relative; float:right; background:transparent url(../images/article-col-droite-diaporama-fond.png) 0 0 no-repeat;} #container #contenu #colonne-bas {width:691px; height:47px; margin:0 80px 0 2px; float:left; background:transparent url(../images/bloc-bas.png) 0 0 no-repeat; float:right;} #container #contenu #colonne-bas ul {margin:10px 0 0 40px;} #container #contenu #colonne-bas ul li {display:inline; margin-right:10px;} #container #contenu #colonne-bas ul li a {padding-left:25px; display:inline; color:#003a73; font-size:0.65em;} #container #contenu #colonne-bas ul li a.ico-print {padding:4px 0 0 30px; background:transparent url(../images/ico-imprimer.gif) no-repeat scroll 0 0;} #container #contenu #colonne-bas ul li a.ico-hautpage {padding:0 0 0 25px; background:transparent url(../images/ico-hautdepage.gif) no-repeat scroll 0 0;} /************************************************************************************* LANDING ACCIDENTS DE LA ROUTE ******************************************************************************************************/ #contenu-landing {width:998px; height:1015px; border:0 solid; position:relative} #contenu-landing h3 { margin:0; padding:0; background:url(../images/titre-page-accidents-route.png) top left no-repeat; width:340px; height:55px} #container #contenu-landing #fil-ariane-landing {color:#FFF; font-weight:bold; font-size:0.5em; z-index:20; margin:0; padding:0;} #container #contenu-landing #fil-ariane-landing a {color:#FFF; font-weight:bold; font-size:1.2em;} #container #contenu-landing #fil-ariane-landing a:hover {text-decoration:underline; color:#0062ac} /*styles communs aux blocs*/ #container #contenu-landing h4 { visibility:hidden} #container #contenu-landing a {color:#FFFFFF; font-weight:bold; font-size:0.75em; } #container #contenu-landing a:hover {color:#cc6600; font-weight:bold; font-size:0.75em; } /*style de base pour bouton découvrir*/ #container #contenu-landing .btn-decouvrir{ width:77px; height:22px; background:url(../images/btn-decouvrir.png) top left no-repeat; display:block; padding:7px 0 0 15px; margin:40px 0 0 20px} /*bloc anti-cartons*/ #container #contenu-landing #titre-bloc-anti-cartons {position:absolute; left:37px; top:105px; width:174px; height:64px; z-index:202; background:url(../images/titre-bloc-anti-cartons.png) top left no-repeat} #container #contenu-landing #bloc-anti-cartons {position:absolute; left:16px; top:142px; width:283px; height:300px; z-index:201; background:url(../images/bloc-anti-cartons.png) top left no-repeat} #container #contenu-landing .conteneur-btn {position:absolute; left:17px; top:295px; width:77px; height:22px; z-index:201;background:url(../images/btn-decouvrir.png) top left no-repeat;padding:7px 0 0 15px; margin:40px 0 0 20px} #container #contenu-landing .btn-decouvrir{display:none} #container #contenu-landing #bloc-anti-cartons p{ width:160px; margin:30px 0 0 25px; font-size:0.75em; } /*bloc pre-event*/ #container #contenu-landing #titre-bloc-pre-event {position:absolute; left:345px; top:77px; width:125px; height:63px; z-index:202; background:url(../images/titre-bloc-pr-event.png) top left no-repeat;} #container #contenu-landing #bloc-pr-event {position:absolute; left:315px; top:116px; width:275px; height:280px; z-index:201; background:url(../images/bloc-pr-event.png) top left no-repeat;} #container #contenu-landing p.txt-pre-event {width:215px; margin:125px 0 0 34px } #container #contenu-landing .btn-pos-2 {left:435px; top:310px;} /*bloc close-to*/ #container #contenu-landing #titre-bloc-close-to {position:absolute; left:654px; top:88px; width:142px; height:43px; z-index:202; background:url(../images/titre-bloc-close-to.png) top left no-repeat} #container #contenu-landing #bloc-close-to {position:absolute; left:640px; top:39px; width:296px; height:279px; z-index:201; background:url(../images/bloc-close-to.png) top left no-repeat} #container #contenu-landing #bloc-close-to p{ width:260px; margin:108px 0 0 17px; padding:0} #container #contenu-landing .btn-pos-3 {left:659px; top:203px;} /*bloc Actions en classe*/ #container #contenu-landing #titre-bloc-actionsenclasse {position:absolute; left:152px; top:453px; width:237px; height:87px; z-index:202; background:url(../images/titre-bloc-actions-en-classe.png) top left no-repeat; } #container #contenu-landing #bloc-actionsenclasse {position:absolute; left:7px; top:455px; width:398px; height:256px; z-index:201; background:url(../images/bloc-actions-en-classe.png) top left no-repeat} #container #contenu-landing #bloc-actionsenclasse p{width:290px; margin:130px 0 0 77px;} #container #contenu-landing .btn-pos-4 {left:265px; top:616px;} /*bloc Testing*/ #container #contenu-landing #titre-bloc-testing {position:absolute; left:441px; top:473px; width:120px; height:69px; z-index:202; background:url(../images/titre-bloc-testing.png) top left no-repeat; } #container #contenu-landing #bloc-testing {position:absolute; left:435px; top:414px; width:257px; height:338px; z-index:201; background:url(../images/bloc-testing.png) top left no-repeat} #container #contenu-landing #bloc-testing p {width:175px; margin:135px 0 0 17px;} #container #contenu-landing .btn-pos-5 {left:440px; top:645px;} /*bloc Prévention et conseils*/ #container #contenu-landing #titre-bloc-prevention {position:absolute; left:667px; top:320px; width:175px; height:90px; z-index:202; background:url(../images/titre-bloc-prevention-conseils.png) top left no-repeat; } #container #contenu-landing #bloc-prevention {position:absolute; left:683px; top:372px; width:257px; height:338px; z-index:201; background:url(../images/bloc-prevention-conseils.png) top left no-repeat} #container #contenu-landing #bloc-prevention p {width:175px; margin:150px 0 0 30px;} #container #contenu-landing .btn-pos-6 {left:700px; top:610px;} /*bloc angel de la nuech*/ #container #contenu-landing #titre-bloc-nuech {position:absolute; left:200px; top:740px; width:175px; height:90px; z-index:202; background:url(../images/titre-bloc-angels-de-la-nuech.png) top left no-repeat; } #container #contenu-landing #bloc-nuech {position:absolute; left:18px; top:715px; width:345px; height:338px; z-index:201; background:url(../images/bloc-angels-de-la-nuech.png) top left no-repeat} #container #contenu-landing #bloc-nuech p {width:213px; margin:118px 0 0 86px;} #container #contenu-landing .btn-pos-7 {left:95px; top:914px;} /*bloc autres actions*/ #container #contenu-landing #titre-bloc-autres-actions {position:absolute; left:415px; top:765px; width:215px; height:70px; z-index:202; background:url(../images/titre-bloc-autres-actions.png) top left no-repeat; } #container #contenu-landing #bloc-autres-actions {position:absolute; left:400px; top:755px; width:446px; height:253px; z-index:201; background:url(../images/bloc-autres-actions.png) top left no-repeat} #container #contenu-landing #bloc-autres-actions p {width:247px; margin:89px 0 0 23px;} #container #contenu-landing .btn-pos-8 {left:421px; top:913px;} /************************************************************************************** MENU *******************************************************************************************************/ #container #menu-global {width:997px; height:230px; padding:33px 0 0 0; background:transparent url(../images/contenu-bordure-bas.png) top left no-repeat; } #container #menu-global a {color:#eeebeb; font-size:0.8em;} #container #menu-global a:hover {text-decoration:underline;} #container #menu-global ul {margin:0; padding-left:3px; color:#eeebeb; line-height:0.9em; list-style-type:none;} #container #menu-global ul li {padding-left:10px; background: url(../images/puce-menu.gif) no-repeat scroll 0 7px;} #container #menu-global ul li a {color:#eeebeb; font-size:0.75em;} #container #menu-global ul li a:hover {text-decoration:underline;} #container #menu-global #colonne-une {width:135px; height:213px; padding:3px 0 0 15px; float:left; background:transparent url(../images/border.gif) top right repeat-y;} #container #menu-global #colonne-deux {width:159px; height:235px; margin:0; padding:3px 0 0 17px; float:left;} #container #menu-global #colonne-deux #menu-recherche h2 {margin:0 0 10px 0;} #container #menu-global #colonne-deux #menu-recherche form {width:171px; height:27px;margin:0; padding:0;} #container #menu-global #colonne-deux #menu-recherche .recherche {width:120px; height:18px; margin:0; padding:3px 0 2px 6px; display:inline; font-weight:bold; font-size:0.8em; color:#f1f1f1; border:0; background:transparent url(../images/col-droite-form-champ-fond.png) top center no-repeat;} #container #menu-global #colonne-deux #menu-recherche .bouton {width:23px; height:20px; margin:0; padding:0; border:0; background:transparent url(../images/col-droite-form-valid.png) 0 0 no-repeat;} #container #menu-global #menu-assoc {width:117px; height:210px; margin:0; padding-top:3px; float:left; background:transparent url(../images/border.gif) top right repeat-y;} #container #menu-global #menu-assoc #img-assoc {width:91px; height:25px; padding:7px 0 0 16px; font-size:0.75em; font-weight:bold; color:#eeebeb; background:transparent url(../images/menu-assoc.png) 0 0 no-repeat; } #container #menu-global #menu-action {width:145px; height:112px; margin:0; padding:0;} #container #menu-global #menu-action #img-action {width:90px; height:26px; padding:9px 0 0 16px; font-size:0.75em; font-weight:bold; color:#eeebeb; background:transparent url(../images/menu-action.png) 0 0 no-repeat;} #container #menu-global #menu-sante {width:145px; height:99px; margin:0; padding:0;} #container #menu-global #menu-sante #img-sante {width:91px; height:25px; padding:6px 0 0 17px; font-size:0.75em; font-weight:bold; color:#eeebeb; background:transparent url(../images/menu-sante.png) 0 0 no-repeat;} #container #menu-global #menu-benevole {width:134px; height:213px; padding:3px 0 0 15px; float:left; background:transparent url(../images/border.gif) top right repeat-y;} #container #menu-global #menu-benevole #img-benevole {width:111px; height:25px; padding:9px 0 0 19px; font-size:0.75em; font-weight:bold; color:#eeebeb; background:transparent url(../images/menu-benevole.png) 0 0 no-repeat;} #container #menu-global #menu-parler {width:145px; height:90px; margin:0; padding-top:3px;} #container #menu-global #menu-parler #img-parler {width:120px; height:26px; padding:7px 0 0 17px; font-size:0.75em; font-weight:bold; color:#eeebeb; background:transparent url(../images/menu-parler.png) 0 0 no-repeat;} #container #menu-global #menu-buzz {width:145px; height:99px; margin:0;} #container #menu-global #menu-buzz #img-buzz {width:59px; height:24px; padding:8px 0 0 11px; font-size:0.75em; font-weight:bold; color:#eeebeb; background:transparent url(../images/menu-buzz.png) 0 0 no-repeat;} #container #menu-global #menu-don {width:165px; height:213px; padding:3px 0 0 15px; float:left; background:transparent url(../images/border.gif) top right repeat-y;} #container #menu-global #menu-don #img-don {width:94px; height:26px; padding:8px 0 0 17px; font-size:0.75em; font-weight:bold; color:#eeebeb; background:transparent url(../images/menu-don.png) 0 0 no-repeat;} #container #menu-global #menu-recherche {width:145px; height:37px; margin:0; padding:0;} #container #menu-global #menu-vous-etes {width:171px; margin:0; padding-top:4px; } #container #menu-global #menu-vous-etes h2 {margin:20px 0 7px 0;} #container #menu-global #menu-vous-etes ul {height:100px; padding-left:11px; font-weight:bold;} #container #menu-global #menu-vous-etes ul li {width:185px; height:17px; margin-top:2px; padding:0 0 2px 5px; background:transparent url(../images/border2.gif) bottom left repeat-x;} #container #menu-global #menu-vous-etes ul li a {opacity:1; } /************************************************************************************* FOOTER ******************************************************************************************************/ #container #footer {width:994px; height:51px; padding:22px 0 0; background:transparent url(../images/footer-fond.png) top center no-repeat;} #container #footer #navigation ul li.no-puce {background:transparent none repeat scroll 0 0;} #container #footer #navigation ul#liens {margin:0; padding-left:95px; list-style-position:inside;} #container #footer #navigation ul#liens li {width:50px; padding-left:8px; display:inline; background:transparent url(../images/puce-footer.gif) no-repeat scroll left 11px; } #container #footer #navigation ul#liens li.no-puce {background:transparent none repeat scroll 0 0;} #container #footer #navigation ul#liens li a {color:#eeebeb; font-size:0.75em; font-weight:bold;} #container #footer #navigation ul#liens li a:hover {text-decoration:underline;} #container #footer #navigation ul#adresse {margin:0; text-align:center; list-style-position:inside;} #container #footer #navigation ul#adresse li {width:50px; padding-left:8px; display:inline; background:transparent url(../images/puce-footer2.gif) no-repeat scroll left 9px; } #container #footer #navigation ul#adresse li.no-puce {background:transparent none repeat scroll 0 0;} #container #footer #navigation ul#adresse li a {color:#eeebeb; font-size:0.75em;} #container #footer #navigation ul#adresse li a:hover {text-decoration:underline;}