/* Global ----------------------------------------- */ /* 20071012 ---------------- Changement de couleurs opérées sur tous les fichiers css : ---------------- Couleurs remplacées : #4C89AF par #3A6B6E ---------------- Couleurs remplacées : #2B4E63 par #205052 */ body {margin: 0; padding: 0; background-color: #fff; } form {margin:0; padding:0} .filter form { padding-bottom:10px; } img {border:none} img.left, .left img { float:left; margin:0 10px 0 0; } img.right, .right img { float:right; margin:0 0 0 10px; } img.middle { vertical-align:middle } a { color: #3A6B6E; text-decoration: none;} a:hover {text-decoration: underline;} p { line-height: 18px; margin: 1em 0 0.5em; padding-top: 0; padding-bottom: 0 } .cap {text-transform:uppercase} /* Separateur */ .sep {clear:both; height:1px; line-height:1px; font-size:1px; } .legal, .legal p {font-size:10px; color:#999} div.print {float:right; padding-right:8px} div.print a {font-size:12px; color:#999; text-decoration:none; padding-left:21px; line-height:21px; display:block; background:url(../i/commun/print.gif) no-repeat; } div.print a:hover {font-size:12px; color:#3A6B6E; text-decoration:underline; background-position:0 -20px} /* SOCIAL ***/ .social_box{ margin:0px -3px 2px 0; position: relative; height:20px; float:right; zoom: 1; } .social_box:before, .social_box:after { content: "\0020"; display: block; height: 0; visibility: hidden; } /*hack ie7 et < */ .social_box{ *float:none; *zoom: none; } /*fin hack ie7*/ .social_label{ float:right; padding-right:8px; height:16px; } .social { float:right; padding-right:8px; cursor:pointer; height:16px; width:16px; display: block; text-indent: -9999px; } .social_align{ margin-top:5px; } .facebook{ background: url(../img/social.png) no-repeat 0px -32px transparent; } .twitter{ background: url(../img/social.png) no-repeat 0px -16px transparent; } .email{ background: url(../img/email.png) no-repeat 0 0 transparent; } /* .delicious a:link, .delicious a:visited{ color:#1462C1; text-decoration:none; } .delicious a:hover, .delicious a:active{ color:#1462C1; text-decoration:underline; } */ .delicious{ background: url(../img/social.png) no-repeat 0px -48px transparent; } .yahoobuzz{ background: url(../img/social.png) no-repeat 0px 0px transparent; } /* PNG IE ----------------------------------------- img { behavior: url("pngbehavior.htc"); } */ /* Fonts ----------------------------------------- */ body, p, li, td, th { color: #3A6B6E; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif } td, th {vertical-align:top} input {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; } /*h1, h2, .title, #navh li, .menuv li, .navv .rech, infoIn {font-family:'Lucida Grande', LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Arial, sans-serif} {font-family: Verdana, Arial, Helvetica, sans-serif; } */ h1 { color:#205052; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0.25em 0 0.25em; padding: 0 } h1.title strong { font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; margin-top:0} h1.list { font-size:16px; padding-bottom:4px} h1 strong {font-weight:normal} h2 { color: #333; font-size: 14px; font-weight:normal; margin: 1.5em 0 0.25em; padding:0 } h3 { color: #999; font-size: 11px; margin:1.25em 0 0; padding:2px 2px; background:#f2f2f2; font-weight:normal} h2 strong {font-weight:normal} h4 { color: #4AA7E6; font-size: 11px; margin:1em 0 0.2em } h5 { font-size:12px; margin:0; padding:0; font-weight:normal} p.leg { font-size: 11px; line-height: normal} p.note, span.note { font-size:10px; line-height:normal; color:#888} ul, ol {margin:0em 0 1.5em; padding:0 15px; } li {margin:0.3em 0; padding:1px; } .legende {color:#b2b2b2; padding:2px 0; font-size:10px} /* Top and Bottom ----------------------------------------- */ .pageAccueil #top { height:170px; } #top .fla { margin-left: 130px } .pageAccueil #top .fla { margin-left: 0px } #top { height:110px; } #top {text-align :left; width:980px;} #top_print {display:none} #bottom { clear:both;background-color: #3A6B6E; background-image: url("../i/commun/bg_bottom.gif"); background-repeat: repeat-x; padding: 5px 0 4px; } #bottom p { color: #DDDDDD; font-size: 10px; margin: 0; padding: 0; line-height: 16px; clear:both; } #bottom a.author {} /* ADD BAS DE PAGE */ /**/ #bottom .nav_container { width:980px; margin:0 auto; clear:both; padding-bottom:10px; text-align:left; position:relative; } #bottom ul.bas_nav, #bottom ul.bas_nav li { padding:0; background-image: none; margin:0; list-style:none; } #bottom ul.bas_nav { padding-top:5px; } #bottom ul.bas_nav { height:200px; } #bottom ul.bas_nav ul, #bottom ul.bas_nav li { width:133px; float:left; padding:0; margin:0; } #bottom ul.bas_nav li { padding: 0 30px 15px 0; font-weight:bold; } #bottom #copyright { background-image:url(../i/commun/bg_copyright.gif); background-repeat:no-repeat; background-position:left bottom; position:absolute; bottom:20px; right:0; width:330px; color: #FFF; font-size: 10px; margin: 0; padding: 15px 0 0 160px; line-height: 16px; font-weight:normal; } #bottom #copyright a { display:inline; text-decoration:underline; color:#CCC; } #bottom ul.bas_nav li.l_title a { font-weight:bold; color:#FFF; padding-top:10px; font-size:1em; } #bottom ul.bas_nav li li { padding: 0; font-weight:normal; } #bottom ul.bas_nav li a { color:#B2B2B2; display:block; font-size:0.91em; } #bottom ul.bas_nav li li a { color:#DDD; } #bottom ul.bas_nav li:hover li.l_title a { color:#DDD; } #bottom ul.bas_nav li:hover li a { color:#CCC; } /* END ADD BAS DE PAGE */ /* navh ----------------------------------------- */ #navh { background-image: url("../i/commun/bg_navh.gif"); background-repeat: repeat-x; margin: 0; padding: 0; height: 24px; width:100%; position:relative; } #navh .in {width:980px; position:relative; } #navh ul.menu1 { margin: 0; padding: 0; height: 24px; } #navh ul.menu1 li { display: block; margin: 0; padding: 0 28px 0 0; float: left; } #navh ul.menu1 li a { color: #3A6B6E; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; display:block; height: 24px; line-height:24px; float:left } #navh ul.menu1 li a:hover { text-decoration: none; background: url("../i/menuh/hover.gif") 0 0px } #navh .prat a { font-size: 12px; line-height:24px; text-decoration: none; background: url("../i/pictos/flch01.gif") no-repeat 0 7px; padding-left: 15px; position:absolute; display:block; top:0; right:0 } #navh .prat { vertical-align: middle } .pagePrat #navh .prat {background:#fc0 } .pageAccueil ul.menu1 #nAccueil a:hover {background:none} .pageFond #nFond a, .pageExpo #nExpo a, .pageCura #nCura a, .pageConf #nConf a, .pageActu #nActu a, .pageEvent #nEvent a, .pageGme #nGme a, .pagePrix #nPrix a, .pageEditions #nEditions a, .pageBooks #nEditions a {background: url(../i/menuh/sel.gif) } .pageFond #nFond a:hover, .pageExpo #nExpo a:hover, .pageCura #nCura a:hover, .pageConf #nConf a:hover, .pageActu #nActu a:hover,.pageEvent #nEvent a:hover, .pageGme #nGme a:hover, .pagePrix #nPrix a:hover {background: url(../i/menuh/sel.gif) } /* lignes � supprimer pour ajouter le lien prix ricard dans le menu */ /*.pageFond #navh ul.menu1 li#nPrix, .pageExpo #navh ul.menu1 li#nPrix, .pageCura #navh ul.menu1 li#nPrix, .pageConf #navh ul.menu1 li#nPrix, .pageActu #navh ul.menu1 li#nPrix, .pageEvent #navh ul.menu1 li#nPrix, .pageGme #navh ul.menu1 li#nPrix, .pagePrat #navh ul.menu1 li#nPrix, .pageCont #navh ul.menu1 li#nPrix, .pageNews #navh ul.menu1 li#nPrix, .pageAccueil #navh ul.menu1 li#nPrix {display:none} .pagePrix #navh ul.menu1 li#nPrix { display:block; } */ /* ---------- end ligne � supprimer ---------- */ /* ADD SEARCH FORM - PAGE DE RESULTATS */ .cse-branding-bottom {border-bottom:1px solid #F2F2F2; border-top:1px solid #B2B2B2; padding:10px; width:190px; background:#FBFBFB;} .gsc-branding-text, .gsc-branding-img {display:none; } .leftContent .cse-branding-bottom h3 { color:#333333; padding-top:3px; background-color:#FBFBFB; } .cse-branding-form { height:21px; margin:0; padding:0; position:relative; width:190px; } #input_search { font-size:11px; position:absolute; right:35px; padding:2px; top:0; width:150px; border:1px solid #3A6B6E; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3A6B6E } #bt_search { background-image:url(../i/commun/bt_recherche.gif); border:0 none; background-color:#FBFBFB; height:20px; position:absolute; right:5px; top:0; width:20px; overflow:hidden; text-indent:-500px;} .centerContent .gsc-control form.gsc-search-box {display:none;} .centerContent #searchcontrol {padding-top:0;} .centerContent .gsc-tabHeader.gsc-tabhActive {border-left:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-top:2px solid #3A6B6E; color:#3A6B6E;} .centerContent .gsc-resultsHeader div.gsc-results-selector {display:none; } .centerContent .gsc-control { width:100%;} .centerContent .gsc-result .gs-title {height:1.8em; line-height:1.8em; } .centerContent .gsc-result .gs-snippet {color:#676767; } .pageResult .centerContent .gsc-search-box { width:510px; padding-bottom:20px; } .centerContent input.gsc-search-button { background-color:#3A6B6E; color:#FFFFFF; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; } .pageResult .centerContent .gsc-result { margin-bottom:15px; } .pageResult .gsc-search-box .gsc-input { width:405px;} .pageResult .gsc-search-box input.gsc-input { width:400px; border:1px solid #3A6B6E; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3A6B6E } .pageResult .centerContent .gs-result .gs-title, .pageResult .centerContent .gs-result .gs-title * { color:#3A6B6E; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; } .pageResult .centerContent .gsc-results .gsc-cursor-box .gsc-cursor-page, .pageResult .centerContent .gs-result a.gs-visibleUrl, .pageResult .centerContent .gs-result .gs-visibleUrl { color:#999999;} .pageResult .centerContent .gs-result .gs-visibleUrl { display:none;} .pageResult .centerContent .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {color:#3A6B6E;} .pageResult .centerContent .gsc-results .gsc-cursor-box .gsc-trailing-more-results {display:none;} .pageResult .centerContent .gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle, .pageResult .centerContent .gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle {background-image:none;} .pageResult .centerContent .gsc-resultsHeader .gsc-title {padding-left:0; font-size:1.5em; } /* HOME PAGE */ .pageAccueil ul.menu2 { top:-140px; } .pageAccueil .cse-branding-bottom { border:none; background-color:transparent; padding:0; width:150px; } .pageAccueil h3 { background-color:transparent; margin:0; color:#333333; } .pageAccueil .cse-branding-form { width:150px; } .pageAccueil #input_search { width:110px; } .pageAccueil #input_search.init_search { color:#8C8C8C; } .pageAccueil #bt_search { background-image:url(../i/commun/bt_recherche_h.gif); background-color:#FFFFFF; } /* END SEARCH FIELD - PAGE DE RESULTATS */ ul.menu2 { position:absolute; z-index:10; right:0; top:-110px; height:70px; width:160px; text-align:left; list-style:none;} ul.menu2 li {display:block; border-left:1px solid #3A6B6E; margin:0; padding:3px 0 3px 10px;} ul.menu2 li#nLang {border:none; } .pageNews #nNews a, .pageCont #nCont a, .pagePrat #nPrat a, .pagePresse #nPresse a { text-decoration:underline; font-weight:bold} .pageNews #nNews a:hover, .pageCont #nCont a:hover, .pagePrat #nPrat a:hover {} /* navv ----------------------------------------- */ .leftContent h3 {margin:0 0 0.5em; background:#fff; font-weight:bold; color: #3A6B6E;} .navV { list-style: none; margin: 0; padding: 10px 20px 0 0 } .navV ul {list-style:none; padding:0 0 0 16px} .navV li {margin:0 0 8px; padding:1px 0} .navV li.sel { font-weight:bold} .navV li.sel ul {font-weight:normal} .navV a { display:block; background:url(../i/pictos/flch01.gif) no-repeat 0 3px; padding-left:15px; } .navV li.back {} .navV li.back a { background:url(../i/pictos/flchback.gif) no-repeat 0 3px; } .navV li.sel a { } .navV li.title { color:#205052; border-top:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2; padding:4px 0; } .navV li.title.sel {font-weight:bold;} .navV li.anchor a { background:url(../i/pictos/flchanchor.gif) no-repeat 0 3px; font-weight:normal } .navV ul.sub {margin-top:0px;} .navV.detail { padding-bottom:0px; margin-bottom:8px; border-bottom:1px dotted #ccc } .navV.list { } .navV.list li a { background:url(../i/pictos/flchback.gif) no-repeat 0 3px; } .imgNav {} /* Message ----------------------------------------- */ #msg, .msg {width:450px} #msgIn, .msgIn {color:#4E5426; border:1px solid #A89E53; background:#FFF8C4; padding:12px 60px 12px 12px;} #msgIn h1, .msgIn h1 {color:#A89E53; font-size:20px; font-weight:normal; margin:0} .important {color:#FF5EBC; font-size:14px} #msgIn p, .msgIn p { margin:0;color:#4E5426; } #msgIn a, .msgIn a {text-decoration:underline} #msgIn.wrong {border:1px solid #FF5EBC; background:#fff;color:#666} #msgIn.wrong h1 {color:#FF5EBC} #msgIn.wrong p {color:#666} p.error {color:#666; border:1px solid #FF5EBC; background:#fff; padding:12px 140px 12px 12px;} /* Bouton ----------------------------------------- */ a.bt {display:block; width:171px; height:24px; font-size:11px; color:#ff2ea8; line-height:22px; text-align:center} .centerContent a.none, a.none {text-decoration:none} /* FORM ----------------------------------------- */ /* JsVal */ .form select, .form textarea, .form input {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif} .form td.inp1 input, .form td.inp1 textarea, .form td.inp1 select, .form td.inp2 input, .form td.inp2 textarea, .form td.inp2 select {border:1px solid #999; color:#333; } .form tr.fac td.inp1 input, .form tr.fac td.inp1 textarea, .form tr.fac td.inp1 select, .form tr.fac td.inp2 input, .form tr.fac td.inp2 textarea, .form tr.fac td.inp2 select {border:1px solid #ccc; color:#666; } .form td.inp2 input.inpRadio, .form td.inp1 input.inpRadio { border:none;} .long input, .long textarea, .long select {width:99%} .invalid {background:#D1EE34} .form table {width:450px} .form td.lab1, .form td.lab2 {width:50%; vertical-align:top; padding:5px 10px 2px 0;} .form td.inp1, .form td.inp2 {vertical-align:top; padding: 2px 10px 5px 0; color:#333} .form td.lab1, .form td.lab2 { } .form tr.fac td.lab1, .form tr.fac td.lab2 { color:#999 } .form tr.separateur td { padding-top:16px; border-bottom:1px solid #f9f9f9; } .form tr.fac.separateur td {} .form td.submit {text-align:right; padding:10px 10px} .form td.submit input { width:214px; padding:1px 0; color:#3A6B6E; font-weight:normal; border:1px solid #3A6B6E; background:#fff } .optin td.opt1 { padding:10px 0 0} .optin td.opt2 { padding:10px 0 0 6px} .optin td.opt2 p {margin:0} /* maqette a supprimer */ .info_maquette { padding: 5px; border: dotted 1px #999 } /* Contenu ----------------------------------------- */ .bandeau{height:18px; background:#3A6B6E;} /* La couleur du bandeau est determin� dans les pages au niveau de la classe (ex:
) */ .main_actu { display: block; margin: 0; padding: 0; } .block_actu { margin: 0; padding: 0; width: 980px; height:225px; position: relative;} .block_actu .z1 { float:left; height:225px; overflow:hidden;} .block_actu .z2 { float:right; height:225px; overflow:hidden } .linkTg { background: no-repeat right top; text-align: right; padding-right: 14px; position: absolute; bottom: 8px; left: 0; width: 465px } .linkTg.black { background-image:url("../i/pictos/flch_black.gif")} .linkTg.white { background-image:url("../i/pictos/flch_white.gif");} .pageAccueil .blocContent { width:980px;} .pageAccueil .bloc {height:150px;float:left; text-align:left; margin:4px 4px 4px 0; overflow:hidden; width:324px; background:#F2F2F2;} .pageAccueil .bloc .label { height:30px; line-height:30px; padding:0 10px 0 25px; font-size:12px; background: #ebebeb url("../i/pictos/flch03.gif") no-repeat 12px 11px;} .pageAccueil .bloc .label, .bloc .label a { color:#666; } .pageAccueil .bloc .img { margin: 0; padding: 0 } .pageAccueil .bloc .text {margin-right:10px; padding:5px 10px;} .pageAccueil .bloc h2 {font-size:14px; font-weight:normal; margin:0; padding:0; } .pageAccueil .bloc h2, .bloc h2 a { color:#000; } .pageAccueil .bloc .date {font-size:11px; font-weight:normal; color:#B2B2B2; white-space:nowrap; display:block} .pageAccueil .bloc p, .pageAccueil .bloc p a {color:#8C8C8C; font-size:12px} #blc03_actu {margin-right:0; } /* #blc03_actu {margin-right:0; background:url(../i/home/bg_modedemploi.gif) no-repeat} #blc03_actu .label, #blc03_actu .label a { background:none; color:#fff} #blc03_actu .text a.meLink {font-size:16px; font-family: Georgia, "Times New Roman", Times, serif; color:#fff; display:block; margin:20px 40px 0; } #blc03_actu .text p.meBaseline {font-size:12px; color:#fff; display:block; margin:5px 40px;} */ .colsDouble {width:980px;} .colsDouble .leftContent {width:230px; float:left; text-align:left; margin:0} .colsDouble .leftContent .in { padding: 10px 0 10px 0 } .colsDouble .centerContent { text-align: left; margin: 10px 0; width: 750px; float: left; overflow: hidden; } .colsDouble .centerContent .in { background: #fbfbfb; padding: 10px 10px 25px 10px; border: solid 1px #f2f2f2; } .colsDouble .centerContent p.date, .colsDouble .centerContent h3 { } .colsDouble .centerContent .separation {height:20px; } .colsDouble .centerContent p, .colsDouble .centerContent h2, .colsDouble .centerContent h3, .colsDouble .centerContent h1 {width:400px; } .colsDouble .centerContent .img { margin-bottom:10px; position:relative; width: 100%} .colsDouble .centerContent .imgIn { background:#f2f2f2; width:476px} .colsDouble .centerContent .img .leg { position: absolute; right: 0; bottom:0; width: 240px; color:#b2b2b2 } .colsDouble .centerContent .img .leg span {display:block; padding-right:60px} .colsDouble .centerContent .path { color:#b2b2b2; margin:8px 0 4px} .centerContent a {text-decoration:underline} .pageActu .bloc { margin:10px 0; padding:10px; border:1px solid #F2F2F2; background:#FBFBFB} .pageActu .bloc .imgActu {float:left; margin:0 10px 10px 0} .pageActu .bloc h1 {padding:0; margin:0} .pageActu .bloc h2 {font-size:13px; color:#3A6B6E; margin:0.1em 0 0.8em; padding:0} .pageActu .bloc p { margin:0 0 0.5em; padding:0} .pageActu .bloc p.postInfo {background:#F2F2F2; font-size:10px; font-style:italic; padding:0 10px; clear:both; margin-top:25px} .pageActu .bloc span.link a {font-size:11px; color:#3A6B6E; text-decoration:underline} .blocPratique { border:1px solid #fff; padding:10px; background:#3A6B6E; margin:5px 0 0} .blocPratique h2 {margin:0; color:#fff} .blocPratique p {color:#fff} .blocPratique a {color:#fff} .list .listimg {width:220px; overflow:hidden; float:right; margin-bottom:10px} .list .listtxt {width:495px; float:left; margin-bottom:20px;} .list h1 {margin:0} .list h1 a {margin:0; text-decoration:none; color:#205052} .list p.date {margin:0; font-weight:bold; } .list p {margin:0} .list { } .listImage {} .listImage a, .listImage a:hover { text-decoration:none;} .listImage .listImageIn {position:relative; width:100%} .listImage .listImageIn span.photo {width:475px; overflow:hidden; background:#f2f2f2; display:block} .listImage .listImageIn span.legende {color:#B2B2B2; position:absolute;left:485px;bottom:0; width:240px; text-align:left;display:block} .listImage .linklabel { color:#fff; margin-top:8px; width:475px;} .listImage .linklabel a {color:#fff; padding:4px 20px; display:block; background:#3A6B6E url(../i/pictos/fch_slideshow.gif) 6px 6px no-repeat; } .listImage .linklabel a:hover { background-color:#205052; } /* .diaporama span {display:block; padding:2px 0 2px 32px; background:url(../i/commun/diaporama.gif) no-repeat 0 3px } */ .reaction a { display:block; width:120px; text-align:center; line-height:22px; font-size:14px; font-weight:bold; text-decoration:none; background:url(../i/commun/reagissez.gif) no-repeat} .reaction a:hover {text-decoration:underline} /* List */ .itemlist {width:480px;background:#F2F2F2} .itemlist h4 {margin:0; color:#205052; font-weight:normal; } .itemlist th {text-align:left; border-bottom:1px solid #B6D2E3} .itemlist td, .itemlist th {padding:5px 10px; vertical-align:top} .itemlist th a { color:#205052; font-weight:normal; text-decoration:none;} .itemlist th a span {text-decoration:underline} .itemlist th a img { padding:0 4px} .itemlist td {color:#205052; font-size:11px; background:#f2f2f2} .itemlist tr td a { text-decoration:none} .itemlist tr:hover td {background:#3A6B6E; color:#fff} .itemlist tr:hover td a {color:#fff} .itemlist tr.sel td { color:#fff; background:#205052} .itemlist tr.sel td a { color:#fff;} .itemlist tr td strong {font-weight:normal; font-size:15px} .itemlist tr td strong {font-family:Georgia, "Times New Roman", Times, serif} .itemlist a.asc_s, .itemlist a.asc, .itemlist a.desc_s, .itemlist a.desc { display:block; padding-right:10px; background:url(../i/tri/desc.gif) right center no-repeat; float:left } .itemlist a.asc_s {background-image:url(../i/tri/asc_s.gif)} .itemlist a.asc {background-image:url(../i/tri/asc.gif)} .itemlist a.desc_s {background-image:url(../i/tri/desc_s.gif)} .itemlist a.desc {background-image:url(../i/tri/desc.gif)} /* intervenants */ .intervenants { border-top:1px solid #e5e5e5; padding:10px 0 0} .intervenants ul { padding:0; margin:0; list-style: none } .intervenants ul li {float:left; width:134px; height:234px; background:#fff; color:#205052; margin:0 10px 10px 0; padding:0; overflow:hidden} .intervenants ul li p, .colsDouble .centerContent .intervenants ul li p {color:#205052; margin:2px; padding:0; width:134px; line-height:normal}