/* CSS Document */ * { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; } /* report de la font-family sur tous elements html pour opera */ body {margin:10px 0; background-color:#d3d3d3; text-align:center; } a { color:#b81e8e } a:hover {text-decoration:none;} img { border:none;} ul, ol, li { list-style:none;} /********* Styles class *********/ .left {float:left;} .right {float:right;} .clear {clear:both; font-size:0; height:0; line-height:0; display:block;} .breakline {float:none;} .italique { font-style:italic; font-size:inherit} .font-small { font-size:1em} .center { text-align:center} .pgauche {text-align:left; padding-bottom:7px;} .pjustif {text-align:justify; padding-bottom:7px;} .espace_bottom { padding-bottom:1em} .espace_top { padding-top:0.5em; } p.titre_hidden {position:absolute; font-weight:bold; *margin:0; *padding:0; top:-3000px; line-height:0; font-size:0; height: 1%; } /********* Top *********/ #top { margin:0 auto; text-align:right; width:625px; padding:8px 8px 8px 267px; background:url(images/OP9/fd_top.gif) right top no-repeat;} #top li {display:inline; padding:0 15px 0 5px; width:auto; white-space:nowrap;font-size:0.9em;} #top li a {color:#999; font-size:0.9em; text-decoration:underline;} #top li a:hover {color:#999; text-decoration :none;} /********* CONTAINER *********/ #container { margin:0 auto; width:900px; text-align:left; background:url(images/OP9/fd_container_center.gif) left top repeat-y; } .bottom{ height:25px; background:url(images/OP9/fd_container_bottom.gif) left top no-repeat; } /********* HEADER *********/ #header { background:url(images/OP9/fd_header_center.gif) left top repeat-y #ccc; padding:0 15px; position:relative; _height:1%; *height:1%} span.fd_top {background:url(images/OP9/fd_header_top.gif) left top no-repeat; padding:10px 15px 0 15px; display:block; margin:0px -15px 5px -15px; } #header h1 { padding:5px 0; font-size:2.3em; font-weight:normal; color:#333; width:785px; margin-top:-20px; } p#versionEN { background:url(images/OP9/p_anglais.gif) center left no-repeat;padding:1px 0 1px 26px; position:absolute; right:25px; top:23px } p#versionFR {background:url(images/OP9/p_francais.gif) center left no-repeat;padding:1px 0 1px 26px; position:absolute; right:25px; top:23px } p#versionEN a, p#versionFR a { color:#999999} #lien_contact {float:left; width:450px; padding:5px 0; *height:1%;} #lien_contact ul li{ display:inline; padding:5px 5px 5px 25px; *background:url(images/OP9/fd_header_center.gif); *background-position:-1px center; *height:1%; } #lien_contact ul li a { color:#b81e8e; margin: 0 4px 0 0; white-space:nowrap; background-position:left center;line-height:2.2em; *line-height:2em;} #lien_contact ul li a:hover {*background:url(images/OP9/fd_header_center.gif);} #lien_contact li.appel_gratuit { background:url(images/OP9/p_telgratuit.gif) left center no-repeat; } #lien_contact li.contact { background:url(images/OP9/p_contact.gif) left center no-repeat } #adresse {float:left; width:450px; margin: 5px 0 10px 0; _overflow:visible; } #adresse p {font-size:1em;} #adresse a {color:#000} /********* adresse : CODE SPECIFIQUES MICROFORMATS *********/ #adresse .org { position:absolute; text-indent:-9000px; font-size:0; line-height:0} #adresse .type { display:none} #adresse .tel {font-weight:bold} #adresse .value { font-weight:normal} #adresse .email, #adresse .url {} #adresse .postal-code, #adresse .locality, #adresse .country-name { margin-bottom:8px} #vignette { float:right; text-align:right; z-index:110; width:400px; height:60px; padding-top:2.1em; } #vignette .vignette { position:absolute; right:25px; bottom:10px;z-index:+1; } #vignette img { margin-left:5px; border:1px solid #b81e8e;z-index:+1;} #vignette a { text-decoration: none; border:none; cursor:pointer;/* definition du lien qui affichera le "calque" */} #vignette a:hover { background:none; border:none; /* correction d'un bug IE */ } #vignette a span { display:none;z-index:100;} #vignette a:hover span {display:inline; position:absolute; top:0px; right:460px; width:400px; height:400px; z-index:500; border:1px solid #fc0; background-color:#fff;} #vignette img.ls {margin:55px 22px; padding:3px; border:none} #vignette img.pt {margin:22px 65px; padding:3px; border:none} /********* SIDEBAR *********/ #sidebar {width:240px; float:left;} #box_sidebar {background:url(images/OP9/fd_header_center.gif) left top repeat-y #ccc; padding:0 15px 0 15px; _padding:0 0 0 15px; _height:1%; } .box_sidebar_bas{background:url(images/OP9/fd_box_sidebar.gif) left bottom no-repeat #d3d3d3; display:block; margin:0 -15px; padding-bottom:5px} #sidebar a {color: #b81e8e; font-weight:lighter} #sidebar a strong {font-weight:lighter} .adr{ margin-bottom:10px; _margin-right:10px;} .adr div.extended-adr{width:210px}/*pour contraindre sur IE le bloc à une certaine largeur et permettre un retour ligne sans br */ #liens_adresse { clear:left; margin:0 0 15px 0;_margin-right:10px;} #liens_adresse p { _margin:0; _padding-bottom:3px; color:#999} #liens_adresse p a {background-image:none} #activites {padding:5px 0; margin-bottom:15px } #activites li { margin:0 auto; padding:5px 0; } #activites li a { background:url(images/OP9/b_activite_top_off.gif) left top #FFF; padding:8px 0 0 0; display:block; width:210px; color:#000; font-size:1em; font-weight:bold; text-decoration:none; } #activites li a span { display:block; background:url(images/OP9/b_activite_bas_off.gif) left bottom no-repeat; padding:0 10px 8px 10px;} #activites li a:hover { background:url(images/OP9/b_activite_top_on.gif) left top no-repeat #f1f1f1; background:red } #activites li a:hover span { display:block; background:url(images/OP9/b_activite_bas_on.gif) left bottom no-repeat #f1f1f1; padding:0 10px 8px 10px;} #activites li.actif a { background:url(images/OP9/b_activite_top_actif.gif) left top #fc0; width:225px; } #activites li.actif a span { display:block; background:url(images/OP9/b_activite_bas_actif.gif) left bottom no-repeat; padding:0 10px 8px 10px; } #edito { background:url(images/OP9/fd_edito_bas.gif) bottom left repeat-y #fff; width:212px; padding-bottom:15px; margin-bottom:10px} #edito .fd_ht {background:url(images/OP9/fd_edito_ht.gif) top left no-repeat #fff; display:block;} #edito p, #edito ul { _margin:0; _padding-bottom:10px;} #edito p.titre_edito { margin:5px 0 3px 0; _padding-bottom:3px;color:#FF6600; font-weight:bold } #edito a { color:#666;} #news, #achat, #resa, #liens, #conso { color:#666; padding:0 15px 10px 15px; _padding:0 15px 0 15px; } #bloc_ved {z-index : 60;} #recherche { background:url(images/OP9/fd_recherche.gif) left bottom #F7D835; _background-repeat:no-repeat; margin:15px 12px 0px 15px; padding-bottom:25px; } #recherche div { background:url(images/OP9/fd_recherche.gif) left top #F7D835; padding:15px 15px 0 15px; _padding:15px 12px 0 15px; } #recherche label { font-size:1.6em; padding:5px 0 5px 0; _padding-top:5px; display:block; } #recherchepj { width: 180px;} #recherche p span { display:block; background:url(images/OP9/p_acotede.gif) 1px 5px no-repeat;padding:5px 0 2px 27px; line-height:23px; } #recherche p { _padding:0; _margin:0; } #recherche p strong { display:block; font-weight:lighter; padding:0 0 12px 0; _padding:0; } #recherchepj { width: 180px; _padding:0; _margin:0 } #recherche .trouver {text-align:right;_padding-top:10px } #recherche p.texte_logo { margin:10px 0 0 73px; font-size:0.9em } #recherche .logo{ padding-left:5px; vertical-align:middle;} /********* MAIN *********/ #main { float:right; width:600px; padding:20px 30px 0 30px; background:url(images/OP9/fd_main_top.gif) left top no-repeat; } #main h2 {font-size:1.8em; color:#333; font-weight:normal; margin-bottom:15px } #module {float:left; width:600px; min-height:60px; margin-bottom:8px;} #module p {color:#F97000; padding:0 10px; _padding:0 8px; font-weight:bold} #module img {padding:0 10px 0 0px; float:left} /********* CONTENT *********/ #menu {height:2.3em; _height:10px; background:url(images/OP9/fd_menu.gif) no-repeat; margin:10px 0 20px 0; padding-left:12px;} #menu li {display:inline;} #menu a {float:left; padding:0 0 0 9px; text-decoration:none;font-weight:bold; font-size:1.1em; color:#fff; height:2.5em; _height:10px; _cursor:pointer} #menu a span { float:left; display:block; padding:5px 15px 5px 6px; height:2.5em;_height:10px;} #menu a:hover { background:url(images/OP9/fd_menu_left.gif) no-repeat left 2px; color:#000;} #menu a:hover span {background:url(images/OP9/fd_menu_right.gif) no-repeat right 2px;} .current a {background:url(images/OP9/fd_menu_left.gif) no-repeat left 2px;; border-width:0;} .current a span {background:url(images/OP9/fd_menu_right.gif) no-repeat right 2px; padding-bottom:5px; color:#000;} #content { clear:both; *height:1%;} .photo { clear:both; float:left; margin:0 15px 15px 0; _margin:0 15px 0 0} p.presentation {text-align:justify; padding:0 0 12px 0; _padding:0;} /* codes css esplus en ligne*/ .filet { height:auto; border-bottom:1px solid #e3e3e3;} #content h2.katalog { text-align:left; margin-bottom:0} #content h3 {padding:8px 0px 2px 0; *padding:6px 0px 2px 0px; _padding:13px 0px 2px 0px; color:#666;font-size:1.6em; border-top:1px solid #e3e3e3; margin-bottom:5px; font-weight:lighter } #content h3.first {padding:0 0px 2px 0; _padding:5px 0 2px 0; border:none;} #content h3.second {clear:both;padding:8px 0px 2px 0; _line-height:1.5em;_padding:13px 0px 2px 0px; *padding:6px 0px 2px 0px; } #content h3.unique {clear:both;padding:10px 0px 10px 0px;_padding:10px 0px 2px 0px; *padding:3px 0px 10px 0px;_line-height:1.5em;} .clear-h3 {clear:both; /*padding:3px 0 5px 0;*/} #content h4.first {padding:0px 0px 5px 0px; _padding:3px 0 5px 0;} #content h4 {color: #333;padding:0 0 5px 0;font-size:1em; font-weight:bold} #content h4.orange {color: #666;} .clear-h4 {clear:both; padding:0px 0 5px 0; } #content h5 {font-size:1em;font-weight:bold;margin:20px 0 0 0;text-align:center;} #rubriquepj { margin: 0; padding: 0 0 3px 0; font-style: italic; color: #888; font-size: 1.1em;} ul.col1, ul.col2, ul.col0 {float:left;margin:0 5px 0 0; padding:0 0 12px 0;width:240px; list-style-position:outside;list-style-type:none;} ul.col1 li, ul.col2 li, ul.col0 li { background:url(images/OP9/puce_li.gif) no-repeat left 0.5em; margin-left:0; padding-left:10px;} ul.col2 {margin:0 0 0 5px; padding:0 0 12px 15px; width:270px; } ul.col0 { width:540px;} #content p.clear { clear:both; font-size:0; line-height:0; } #content li:first-letter { text-transform:uppercase } #content ul#acces { margin:2px 0 0 3px; padding:2px 0 5px 0px; list-style:none;} #content li#acces_1 {background:url(images/OP9/acces_1.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_2 {background:url(images/OP9/acces_2.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_3 {background:url(images/OP9/acces_3.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_4 {background:url(images/OP9/acces_4.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_5 {background:url(images/OP9/acces_5.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_7 {background:url(images/OP9/acces_7.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_8 {background:url(images/OP9/acces_8.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_9 {background:url(images/OP9/acces_9.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_10 {background:url(images/OP9/acces_10.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_11 {background:url(images/OP9/acces_11.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_12 {background:url(images/OP9/acces_12.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_13 {background:url(images/OP9/acces_13.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_14 {background:url(images/OP9/acces_14.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_15 {background:url(images/OP9/acces_15.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_16 {background:url(images/OP9/acces_16.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_17 {background:url(images/OP9/acces_17.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_18 {background:url(images/OP9/acces_18.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_19 {background:url(images/OP9/acces_19.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_20 {background:url(images/OP9/acces_20.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_21 {background:url(images/OP9/acces_21.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_22 {background:url(images/OP9/acces_22.gif) no-repeat top left; padding:4px 0 4px 23px;} #content li#acces_23 {background:url(images/OP9/acces_23.gif) no-repeat top left; padding:4px 0 4px 23px;} #content iframe{margin-left:-4px;} /********* bloc horaires OP7 *********/ #info_horaires { padding: 3px 0 7px 2px; text-align: left; } #info_horaires #valable { margin: 0; padding: 0 0 3px 0; font-style: italic; font-weight: lighter; *font-weight:normal; color: #888; font-size: 1.1em;} #info_horaires h4 {margin: 3px 0 0 0; padding: 6px 0 6px 0; font-size: 1em; border-top: 1px dotted #999; color: #333;} #info_horaires h4.h4premier { border-top: 0; padding-top:0; margin-top:0} #info_horaires div.brique { margin: 0; padding: 0 0 6px 0; position: relative; width:100%; min-height:1em;} #info_horaires div.brique h5 { clear:left; margin: 0 0 1em 0; padding: 0 0 1em 0; width: 7.5em;text-align: left; font-weight:normal; font-size: 1em; color: #666; float:left; position: absolute; left:-1px; line-height:1em; } #info_horaires div.brique p { padding: 0 0 0 8.2em; margin: 0px; } #info_horaires div.brique p:first-letter { text-transform:uppercase } #info_horaires div.brique p.suite { margin-top:6px;} #info_horaires div.brique strong {font-weight:normal;} #info_horaires div.brique em {font-size: 1em; font-weight:normal; color: #888;} #info_horaires .telhor { white-space:nowrap;} a.bulle, a:link.bulle { padding-right: 15px; border: none; margin: 0; background:url(images/OP9/lire.gif) right center no-repeat} a.bulle:first-letter { text-transform:uppercase} #info_horaires span.gardes {width:426px; height:auto; z-index:100; position:absolute; left:-1000px; top:-43px; padding: 5px; text-align: left; border: 1px solid #fc0; background: #FEF7CD } *html #info_horaires span.gardes { width:426px; padding: 5px; height: 75px; top:-5em; overflow:auto } *html #info_horaires span.gardes { scrollbar-face-color:#E0AA00; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFFE2; scrollbar-shadow-color:#FFFFE2; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#E0AA00; scrollbar-darkshadow-Color:#E0AA00} #info_horaires span.gardes strong {font-weight:bold; padding-right:8em; display:block; padding-bottom:2px} #info_horaires span.gardes strong:first-letter {text-transform:uppercase} #info_horaires span.gardes a.close {display:block; right:8px; width:auto; top:4px; position:absolute; } /********* GC *********/ .GC_conteneur { background:url(images/OP9/fd_GC.gif) center top repeat-x #E7E7E7; margin-top:0; _height:1%; *height:1%; /* *margin-bottom:30px; _margin-bottom:0 */ } .GC_fonction_carte { float:left; list-style:none; width: 300px; padding-left:9px; padding-top:5px; line-height:2.4em; margin-left:-1px; z-index:+1 } .GC_fonction_pratique { float:right; list-style:none; width: 200px; text-align:right; padding-top:5px; padding-right:10px; line-height:2.2em;z-index:+1; margin-right:-1px } .GC_fonction_carte li, .GC_fonction_pratique li { display:inline; font-size:0.95em } .GC_fonction_carte li a , .GC_fonction_pratique li a { padding:3px 4px 3px 24px; color:#b81e8e } .GC_fonction_carte li a { line-height:2.2em; margin-right:5px } .GC_conteneur li.p_plan a { background:url(images/OP9/p_plan.gif) left center no-repeat; margin-right:20px } .GC_conteneur li.p_vue a { background:url(images/OP9/p_vue.gif) left center no-repeat; margin-right:20px } .GC_conteneur li.p_iti a { background:url(images/OP9/p_iti.gif) left center no-repeat } .GC_conteneur li.p_imprimer a { background:url(images/OP9/p_imprimer.gif) left center no-repeat; margin-left:10px } .GC_conteneur li.p_envoyer a { background:url(images/OP9/p_envoyer.gif) left center no-repeat } /*.GC_objet { clear:both; background:url(images/OP9/000_bg_GC_col_d.gif) right top repeat-y }*/ /*#GC_form {_height:450px; *height:490px; }*/ /********* FOOTER *********/ #footer { width:630px; padding:10px 15px 20px 255px; background:url(images/OP9/fd_footer.gif) 240px bottom no-repeat #d3d3d3; margin:0 auto; font-size:0.9em; color:#666; font-family:Arial, Helvetica, sans-serif } #footer p { float:left; width:380px; border-right:1px solid #DDD; padding-right:10px; text-align:left } #footer img { float:left; vertical-align:middle; margin-right:8px;} #footer a { color:#b81e8e } /********* FORMULAIRE *********/ #formulaire { border:none; width:570px; margin-bottom:25px; } #formulaire ul.civilite {margin-left:120px } #formulaire ul.civilite li { display:inline; padding:0 10px;} #formulaire fieldset { border:none; margin-top:15px} #formulaire legend { display:none} #formulaire label { line-height:2.7em; *line-height:3em; text-align:right;} #formulaire label.labelGC { line-height:1.4em; *line-height:1.2em; margin-bottom:10px} #formulaire input {margin:0 2px 0 10px; text-align:left; font-size:1.1em; } #formulaire input.ami {width:23em;} #formulaire input.formulaire {width:23.4em;} #formulaire input.codepostal {width:8em;} #formulaire input.ville {width:12em;} #formulaire input.checkboxGC {margin-top:1.3em; *margin-left:6px; _margin-top:0.9em;} #formulaire span.texte { float:left; width:110px; padding-left:20px;} #formulaire span.texte-ami { float:left; width:225px; padding-left:0px;} #formulaire textarea { margin:0 0 0 10px; width:330px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; } #formulaire .retrait-form { margin-left:142px; padding-top:10px; color:#666; display:block; line-height:1em; font-size:0.9em; text-align:left} #formulaire .accepte {padding:10px 0; font-size:1em; color:#000000;} #formulaire .retrait2-form { margin-left:124px; padding-top:10px; text-align:left; color:#666; display:block; line-height:1.5em; font-size:0.9em;} #formulaire .retrait-form-ami { margin-left:235px; padding-top:10px; color:#666; display:block; line-height:1em; font-size:0.9em;} #formulaire .submit { margin:15px 0 15px 140px; text-align:center;} #formulaire .submit-ami { margin:15px 0 15px 235px; text-align:center;} #formulaire p { font-size:0.9em; color:#666;} /********* Styles Info annonceur *********/ body#annonce { background-color:#f1f1f1; margin:10px 10px 10px 25px; _margin:10px; padding:0; color:#000; text-align:left; width:824px} #annonceur {background:url(images/OP9/fd_mentions_bas.gif) left bottom #fff; margin:15px 12px 0px 15px; padding-bottom:25px; } #annonceur div {background:url(images/OP9/fd_mentions_ht.gif) left top #fff; padding:15px 15px 0 15px; _padding:15px 12px 0 15px;} #annonceur h1 { padding:10px 0; margin-bottom:10px; font-size:1.2em; font-weight:bold; color:#f60; border-bottom:1px solid #ccc;*height:1%;} #annonceur p.annonceleft { float:left; clear:right;font-weight:bold; padding:2px 0; margin:2px 0; _height:1%;} #annonceur p.annonceright { display:block; float:right; width:420px; padding:2px 0; margin:2px 0;font-weight:normal; } #annonce p {margin-top:10px;} /********* Styles MOG *********/ body#mog { background-color:#f1f1f1; margin:10px 10px 10px 20px; _margin:10px; padding:0; color:#000; text-align:left; width:257px} #headmog {background:url(images/OP9/fd_infoConso_bas.gif) left bottom #fff; margin:15px 12px 0px 15px; padding-bottom:25px;*height:1%;} #headmog div {background:url(images/OP9/fd_infoConso_ht.gif) left top #fff; padding:15px 15px 0 15px; _padding:15px 12px 0 15px;} #mog p { padding:10px 0; text-align:justif;} #headmog h1 { padding:10px 0; margin-bottom:10px; font-size:1.2em; font-weight:bold; color:#f60; border-bottom:1px solid #ccc;*height:1%;} /* Mettre le css du formulaire ici */ #erreur { position:absolute; left: 50%; top:50%; width: 250px; margin-left:-125px; height: 3em; padding: 10px; background-color:#fff; border:1px solid #000;} #popup, .popup {position:absolute;left:50%;top:50%;background-color:#fff; border:1px solid #7B68EE;color:black; padding:10px; width:350px;margin-left:-175px;z-index:99999;} .popup_titre{font-size:1.2em;font-weight:bold;background-color::#E6E6FA;} .popup_contenu{clear:both;} .popup_contenu ul{list-style-type:none;} #loading{background-color:white;background-image: url(../images/OP9/ajax-loader.gif);}