@import url("/css/editeur.css"); @import url("/css/inscription.css"); @import url("/css/guide.css"); @import url("/css/contact.css"); @import url("/css/moteur-recherche.css"); @import url("/css/espacetravail.css"); @import url("/css/plan.css"); /** * Entete CSS : redefinition de styles par defaut */ /*html, body { height: 100%; }*/ body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; line-height: 107%; background: #FFF; /*text-align:center;*/ color:#555; behavior: url('/css/csshover.htc');} html, body { height: 100%; } .clear { clear: both; } .hidden { display: none; } /** * Partie centree de l'interface */ #conteneur { position: relative; margin: 0 auto; width:950px; text-align:left; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; } /*#conteneur2{ position:relative; margin: 0 auto; width:950px; text-align:left; padding-top:3px;} #conteneur2 .xiti{ display:block; float:left; } #conteneur2 .honcode{ display:block; float:right; font-size: 0.9em; }*/ /** * Header : haut de page */ #header { height: 147px; } #header .print{ display: none;} #header .left{ display:block; width:20px; height: 147px; float:left; background:url(/fr/nav/haut-g.gif) repeat-x bottom;} #header .compte { position: absolute; z-index: 10; display:block; left:450px; top:50px; font-size:0.9em; width:480px; height:25px; } #header .center{ display:block; width:916px; float:left; background:url(/fr/nav/logo.jpg) no-repeat; height: 147px; } #header .center #retouraccueil {/* clickable area */ text-indent: -5000px; font-size: 0px; float: left; width : 115px;height: 100px;} #header .center #quisommenous { /* clickable area */ text-indent: -5000px; font-size: 0px; float: left; width : 250px;height: 100px;} /** * Navigation : menu + menu deroulant */ #menu1 { position: absolute; z-index: 102; left:681px; } #menu1 a { text-decoration:none;} #menu1 ul { margin: 0; padding: 0; list-style: none;} #bloc_nav>ul a { width: auto; } #menu1 ul ul { position: absolute; display: none; } #menu1 li { position: relative; margin: 0; padding: 0; float: left; } #menu1 .level1 li a { display: block; text-indent: -5000px; font-size: 0px; height: 29px; } /* definition des styles pour les rubriques de 1er niveau */ #menu1 .level1 .menu1 { margin-left: 35px; background: url(/fr/nav/menu11.gif) no-repeat; width: 171px; } * html #menu1 .level1 .menu1 { margin-left: 30px; } /*#menu1 .level1 #menu1_actif { background: url(/fr/nav/nv2/menu1_hover.gif) no-repeat; width: 132px; }*/ #menu1 .level1 .menu1:hover { background: url(/fr/nav/menu11.gif) no-repeat; } #menu1 .level1 .menu2 { background: url(/fr/nav/menu12.gif) no-repeat 35px; width: 233px;} /*#menu1 .level1 #menu2_actif { background: url(/fr/nav/nv2/menu2_hover.gif) no-repeat; width: 135px; }*/ #menu1 .level1 .menu2:hover { background: url(/fr/nav/menu12.gif) no-repeat 35px; } #menu1 ul.level1 li.submenu:hover ul.level2, #menu1 ul.level2 li.submenu:hover ul.level3 { display: block; } #menu1 ul.level2 { top: 29px; left: 0; padding-bottom:18px; background:url(/fr/nav/menu1-bas.gif) no-repeat bottom;} #menu1 .level1 .menu1 ul.level2, #menu1 .level1 .menu1 ul.level2 li, #menu1 .level1 .menu1_actif ul.level2, #menu1 .level1 .menu1_actif ul.level2 li { width: 171px; } #menu1 .level1 .menu2 ul.level2, #menu1 .level1 .menu2 ul.level2 li, #menu1 .level1 .menu2_actif ul.level2, #menu1 .level1 .menu2_actif ul.level2 li { width: 171px; } #menu1 .level1 ul.level2 li {background: #FFF; border: 1px solid #EE9F16; border-right:0; border-bottom:none; background:#FFF url(/fr/nav/menu1-d.gif) repeat-y right;} #menu1 .level1 ul.level2 li a { text-indent: 0px; font-size: 0.9em; color: #ADA18C; height: auto; padding: 5px;} #menu2 { position: absolute; z-index: 101; top: 75px; left: 429px;} #menu2 a { text-decoration:none;} #menu2 ul { margin: 0; padding: 0; list-style: none;} #bloc_nav>ul a { width: auto; } #menu2 ul ul { position: absolute; display: none; } #menu2 li { position: relative; margin: 0; padding: 0; float: left; } #menu2 .level1 li a { display: block; text-indent: -5000px; font-size: 0px; height: 39px; } /* definition des styles pour les rubriques de 1er niveau */ #menu2 .level1 .menu1 { background: url(/fr/nav/menu7.gif) no-repeat; width: 148px; } /*#menu2 .level1 #menu2_actif { background: url(/fr/nav/nv2/menu1_hover.gif) no-repeat; width: 132px; }*/ #menu2 .level1 .menu1:hover { background: url(/fr/nav/menu7.gif) no-repeat; } #menu2 .level1 .menu2 {background: url(/fr/nav/menu8.gif) no-repeat; width: 116px;} /*#menu2 .level1 #menu2_actif { background: url(/fr/nav/nv2/menu2_hover.gif) no-repeat; width: 135px; }*/ #menu2 .level1 .menu2:hover {background: url(/fr/nav/menu8.gif) no-repeat; } #menu2 ul.level1 li.submenu:hover ul.level2, #menu2 ul.level2 li.submenu:hover ul.level3 { display: block; } #menu2 ul.level2 { top: 39px; left: 0; padding-bottom:18px; background:url(/fr/nav/menu1-bas.gif) no-repeat bottom;} #menu2 .menu3{ display:block; width:95px; height: 39px; background:url(/fr/nav/menu9.gif) no-repeat; text-indent: -5000px; font-size: 0px; float:left;} #menu2 .menu4{ display:block; width:104px; height: 39px; background:url(/fr/nav/menu10.gif) no-repeat; text-indent: -5000px; font-size: 0px; float:left;} #menu2 .level1 .menu3 ul.level2, #menu2 .level1 .menu3 ul.level2 li, #menu2 .level1 .menu3_actif ul.level2, #menu2 .level1 .menu3_actif ul.level2 li { width: 171px; } #menu2 .level1 .menu2 ul.level2, #menu2 .level1 .menu2 ul.level2 li, #menu2 .level1 .menu2_actif ul.level2, #menu2 .level1 .menu2_actif ul.level2 li { width: 171px; } #menu2 .level1 ul.level2 li {background: #FFF; border: 1px solid #EE9F16; border-right:0; border-bottom:none; background:#FFF url(/fr/nav/menu1-d.gif) repeat-y right;} #menu2 .level1 ul.level2 li a { text-indent: 0px; font-size: 0.9em; color: #ADA18C; height: auto; padding: 5px;} #menu2 .level1 .menu3 ul.level2 li a { font-size: 11px !important; } #menu3 { position: absolute; z-index: 100; top:114px; width:665px; background:url(/fr/nav/menu3-fond.gif) repeat-x;} #menu3 a { text-decoration:none;} #menu3 ul { margin: 0; padding: 0; list-style: none;} #bloc_nav>ul a { width: auto; } #menu3 ul ul { position: absolute; display: none; } #menu3 li { position: relative; margin: 0; padding: 0; float: left;} #menu3 .level1 li a { display: block; text-indent: -5000px; font-size: 0px; height: 33px; } /* definition des styles pour les rubriques de 1er niveau */ #menu3 .level1 .menu1 { background: url(/fr/nav/menu1.gif) no-repeat; width: 100px; } #menu3 .level1 .menu1_actif { background: url(/fr/nav/menu1-over.gif) no-repeat; width: 100px; } #menu3 .level1 .menu1:hover { background: url(/fr/nav/menu1-over.gif) no-repeat; } #menu3 .level1 .menu2 { background: url(/fr/nav/menu2.gif) no-repeat; width: 81px;} #menu3 .level1 .menu2_actif { background: url(/fr/nav/menu2-over.gif) no-repeat; width: 81px; } #menu3 .level1 .menu2:hover { background: url(/fr/nav/menu2-over.gif) no-repeat; } #menu3 .level1 .menu3 { background: url(/fr/nav/menu3.gif) no-repeat; width: 85px;} #menu3 .level1 .menu3_actif { background: url(/fr/nav/menu3-over.gif) no-repeat; width: 85px; } #menu3 .level1 .menu3:hover { background: url(/fr/nav/menu3-over.gif) no-repeat; } #menu3 .level1 .menu4 { background: url(/fr/nav/menu4.gif) no-repeat; width: 113px;} #menu3 .level1 .menu4_actif { background: url(/fr/nav/menu4-over.gif) no-repeat; width: 113px; } #menu3 .level1 .menu4:hover { background: url(/fr/nav/menu4-over.gif) no-repeat; } #menu3 .level1 .menu5 { background: url(/fr/nav/menu5.gif) no-repeat; width: 124px;} #menu3 .level1 .menu5_actif { background: url(/fr/nav/menu5-over.gif) no-repeat; width: 124px; } #menu3 .level1 .menu5:hover { background: url(/fr/nav/menu5-over.gif) no-repeat; } #menu3 .level1 .menu6 { background: url(/fr/nav/menu6.gif) no-repeat; width: 136px;} #menu3 .level1 .menu6_actif { background: url(/fr/nav/menu6-over.gif) no-repeat; width: 136px; } #menu3 .level1 .menu6:hover { background: url(/fr/nav/menu6-over.gif) no-repeat; } #menu3 ul.level1 li.submenu:hover ul.level2, #menu3 ul.level2 li.submenu:hover ul.level3 { display: block; } #menu3 ul.level2 { top: 32px; left: 0; padding-bottom:18px; background:url(/fr/nav/menu3-bas.gif) no-repeat bottom; } #menu3 .level1 .menu1 ul.level2, #menu3 .level1 .menu1 ul.level2 li, #menu3 .level1 .menu1_actif ul.level2, #menu3 .level1 .menu1_actif ul.level2 li { width: 171px; } #menu3 .level1 .menu2 ul.level2, #menu3 .level1 .menu2 ul.level2 li, #menu3 .level1 .menu2_actif ul.level2, #menu3 .level1 .menu2_actif ul.level2 li { width: 171px; } #menu3 .level1 .menu3 ul.level2, #menu3 .level1 .menu3 ul.level2 li, #menu3 .level1 .menu3_actif ul.level2, #menu3 .level1 .menu3_actif ul.level2 li { width: 171px; } #menu3 .level1 .menu4 ul.level2, #menu3 .level1 .menu4 ul.level2 li, #menu3 .level1 .menu4_actif ul.level2, #menu3 .level1 .menu4_actif ul.level2 li { width: 171px; } #menu3 .level1 .menu5 ul.level2, #menu3 .level1 .menu5 ul.level2 li, #menu3 .level1 .menu5_actif ul.level2, #menu3 .level1 .menu5_actif ul.level2 li { width: 171px; } #menu3 .level1 .menu6 ul.level2, #menu3 .level1 .menu6 ul.level2 li, #menu3 .level1 .menu6_actif ul.level2, #menu3 .level1 .menu6_actif ul.level2 li { width: 171px; } #menu3 .level1 ul.level2 li {background: #FFF; border: 1px solid #95A700; border-right:0; border-bottom:none; background:#FFF url(/fr/nav/menu3-d.gif) repeat-y right;} #menu3 .level1 ul.level2 li a { text-indent: 0px; font-size: 0.9em; color: #ADA18C; height: auto; padding: 5px;} #menu4 { position:absolute; padding-top:4px; height:33px; width:255px; top:114px; left:685px; background:url(/fr/nav/menu4-fond.gif) repeat-x;} #rechercher input { border: 1px solid #95A700; float:left; margin:3px; margin-left: 15px; font-size:0.9em; padding:3px;} #rechercher .btn{ margin: 0; padding-top:2px; padding-right:6px; border:none;} #imprimer a{ float:left; display:block; width:28px; height: 25px; background:url(/fr/nav/btn-imprimer.gif) no-repeat; text-indent: -5000px; font-size: 0px;} #envoyerami a{ float:left; display:block; width:26px; height: 25px; background:url(/fr/nav/btn-envoyerami.gif) no-repeat; text-indent: -5000px; font-size: 0px;} #header .right { display:block; width:14px; height: 147px; float:left; background:url(/fr/nav/haut-d.gif) repeat-x bottom;} /** * Bloc centre */ #center{} /** * chemin */ #chemin { clear:both; border-bottom: 1px solid #D3D3D3; height:22px; padding-left: 35px; padding-top: 8px; color:#A8A8A8; font-weight:bold;} #chemin a { color: #A8A8A8; text-decoration:none;} /** * titre rubrique nv1 */ h1{ margin:0; margin-top:5px; margin-bottom:10px; padding-left:20px; font-size:2.4em; line-height: 1.2em; color:#8EB017;} #contenu {} /** * Bloc menu de second niveau */ #contenu #left{ width:184px; float:left; padding-bottom: 10px; padding-left: 20px;} #contenu .menu { margin-bottom: 15px; } #contenu .menu .level1 { border:1px solid #C9D27D; border-bottom: none; margin:0px; padding:8px; padding-left:25px; color: #A0B017; font-weight:bold; background: url(/fr/nav/menu-puce.gif) no-repeat 11px 10px;} #contenu .menu .level1 a, #contenu .menu .level1_actif a { color: #A0B017; text-decoration:none;} #contenu .menu .level1_actif {border:1px solid #C9D27D; border-bottom: none; display:block; padding:8px; padding-left:25px; color: #A0B017; font-weight:bold; background:#E7E9C1 url(/fr/nav/menu-puce-over.gif) no-repeat 11px 10px;} #contenu .menu .level2 { padding:0; margin: 0; border:1px solid #C9D27D; border-bottom: none; padding-top: 5px; padding-bottom: 8px; list-style: none; font-size:0.9em;} #contenu .menu .level2 a { color: #96978E; text-decoration:none;} #contenu .menu .level2 li{ border:0; padding-bottom:2px; padding-left:25px; background:#FFF url(/fr/nav/sousmenu-puce.gif) no-repeat 11px 5px; font-weight:bold; } #contenu .menu .level2 .actif{color:#C9D27D; background:#FFF url(/fr/nav/sousmenu-puce-over.gif) no-repeat 11px 5px;} #contenu .menu .level2 .actif a { color: #C9D27D; text-decoration:none;} #contenu .menu .separateur { border:0; margin:0px; padding:8px; padding-left:25px; color: #A0B017; font-weight:bold; background:url(/fr/nav/menu-bas.gif) no-repeat;} #contenu #left .guide_maternites a { display: block; margin-top:20px; width:184px; height:80px; background:url(/fr/nav/guide-maternites.gif) no-repeat; text-indent: -5000px; font-size: 0px;} #contenu #left #btn-info-grippe-a { margin: 0 auto 0 auto; padding: 0; display: block; width: 122px; height: 47px; } #contenu #left .moteur-urcam { display: block; margin-top:10px; width:178px; height:76px; background:url(/fr/nav/urcam-fond.gif) no-repeat; /*text-indent: -5000px; font-size: 0px;*/} #contenu #left .moteur-urcam form{ padding-top:25px; } #contenu #left .moteur-urcam input[type="text"]{ border:1px solid #E05F05; font-size:0.9em; height:12px; width:120px; } /** * Bloc contenu (editeur) */ #contenu #right{ float:left; width:640px; padding-bottom: 10px; padding-left: 43px; line-height:17px; font-size:0.9em} #page_precedente{ display:block; width:33%; height:15px; text-align:center; float:left; padding-top:10px; } /*#page_precedente a{ display:block; width:136px; height:15px; background:url(/fr/nav/btn-pageprecedente.gif) no-repeat; text-indent: -5000px; font-size: 0px; margin:auto;}*/ #retour{ display:block; width:33%; height:15px; text-align:center; float:left; padding-top:10px; } /*#retour a{ display:block; width:62px; height:15px; background:url(/fr/nav/btn-retour.gif) no-repeat; text-indent: -5000px; font-size: 0px; margin:auto;}*/ #page_suivante{ display:block; width:33%; height:15px; text-align:center; float:left; padding-top:10px; } /*#page_suivante a{ display:block; width:124px; height:15px; background:url(/fr/nav/btn-pagesuivante.gif) no-repeat; text-indent: -5000px; font-size: 0px; color:#FFFFFF; margin:auto; vertical-align:top; }*/ .datemiseajour{ padding-top:15px; clear:both; font-size:0.9em;} /** * page sommaire */ #liste_page table{ font-size: 1em; width:100%; padding:0; margin:0; } #liste_page td { vertical-align:top; width:50%; font-size:1em; padding:0; margin:0; padding-bottom:10px; padding-top:5px; padding-right:20px; background:url(/fr/nav/sommaire-hr.gif) bottom no-repeat; } #liste_page .photo{ display:block; width:80px; float:left;} #liste_page .titre { padding-bottom:5px; padding-left:18px; font-size:1.1em; font-weight:bold; background:url(/fr/nav/sommaire-puce.gif) 0px 3px no-repeat;} #liste_page .titre a{ color:#95A700; text-decoration:none;} #liste_page .resume{ padding-left:18px; } #liste_page .lirelasuite a{ clear:both; display:block; float:right; width:103px; height: 20px; background:url(/fr/nav/btn-lirelasuite.gif) no-repeat; text-indent: -5000px; font-size: 0px;} /*#honcode{ display:block; float:right; font-size: 0.9em; padding: 0 5px 5px 0; }*/ /** * Footer : bas de page */ #footer { clear: both; position: relative; height: 74px;/*96px;*/ background: #E05F05; } #footer a { text-decoration: none; } #footer a:hover{ text-decoration: underline; } #footer .recherchesante { position: absolute; left: 2px; top: -66px; } #footer .guide-maternites a { position: absolute; top: 0; right: 62px; display: block; width: 480px; height: 36px; background: url(/fr/nav/acc/guide-maternites.gif) no-repeat; text-indent: -5000px; font-size: 0px; } #footer .col1, #footer .col2 { list-style: none; position: absolute; top: 14px; left: 60px; font-size: 0.9em; color: #fff; margin: 0; padding: 0; } #footer .col2 { left: 206px; } #footer .col1 a, #footer .col2 a { color: #fff; text-decoration: none; } #footer .col1 a:hover, #footer .col2 a:hover { text-decoration: underline; } #footer .rss { height: 22px; display: block; font-size: 0.8em; line-height: 0.9em; margin: 0; padding: 6px 0 0 38px; color: #fff; position: absolute; top: 15px; left: 350px; background: url(/fr/nav/rss.gif) no-repeat; } #footer .rss img { float: left;} #honcode { position: absolute; top: 0; right: -2px; width: 200px; z-index: 50; } #footer #honcode .image { position: absolute; top: 0; right: -2px; border-right: 1px solid #fff; } #footer #honcode p { position: absolute; top: 16px; right: 72px; padding: 0; text-align: right; color: #fff; font-size: 0.9em !important; } #footer #honcode a { z-index: 50; color: #fff; } #footer #xiti { position: absolute; left: 0; bottom: -2px; width: 39px; height: 25px; } #footer #conception { z-index: 1; position: absolute; bottom: 0; color: #f3c2a0; text-align: center; width: 100%; } #footer #conception a { color: #f3c2a0; } #footer #conception a#pyxis { text-decoration: none; }