/* THEME NAME: FING (v3 site FING.ORG 2009) THEME URI: http://www.fing.org DESCRIPTION: theme original refonte v3 fing.org VERSION: 1 AUTHOR: lrollin@fing.org AUTHOR URI: http://www.fing.org DATE: 23.12.08 REVISION: 26.02.10 */ /*Remise a zero des valeurs par defaut pour tous navigateurs (ou presque)*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body, html { font-size:103%;} ul { list-style:none;} table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /*GENERAL ------------------------------------------------------------------------------------------------ */ body{ background:#fff;font-family:Tahoma,Arial, Helvetica, sans-serif; color:#000;} a{ color:#000; background:transparent; text-decoration:none;} a:hover{color:#999; background:transparent;} hr{height:2px;width:65%;background:#eee;text-align:center;border:1px solid #999;border:0;} .clear { clear:both;} .left{ float:left;} .right{ float:right;} .center{ text-align:center;} .spip_documents_right{ padding-left:8px;} .spip_documents_left{ padding-right:8px;} .spip_documents_center{display:block;text-align:center;margin:10px 0 10px 0;} a.splus{ display:block; text-align:right; font-size:77%; background:transparent url('../img/ico-plus.png') no-repeat right; padding-right:18px; margin-top:1px; font-weight:bold;} a.externe{ display:block; text-align:right; font-size:77%; background:transparent url('../img/ico-externe.png') no-repeat right; padding-right:15px; margin-top:12px; font-weight:bold;} .erreur{ background:#fee9e9; color:red; font-size:77%; padding:1px;} .blocErreur{background:#FFF9F9;color:red;padding:4px 8px;border:1px solid red;margin:14px 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;} .blocErreur p{color:red !important;} img.vignR{ padding-left:12px; padding-top:5px} img.vignL{ padding-right:12px;padding-top:5px;margin-bottom:4px;} .paddingTop{ padding-top:35px;} .erreur404{padding:8px; margin-top:12px; background:#FCE7E9 !important; color:#000;border:1px solid #FADBDE;} .flash{margin:18px 0} .legende{font-size:10px; width:98%;color:#999 !important;background:transparent;margin-top:-12px;} .blocGris{background:#eee;border:1px solid #ddd;padding:5px;margin:8px 0;} .margegauche{margin-left:10px;border:1px solid #EAE9E9; padding:5px;} #page{position:relative; width:1000px; margin:auto; margin-top:16px;} /*couleurs metiers fing*/ .fing, .fing a:hover{color:#71b757; } .idees, .idees a:hover{color:#cc1761; } .projets, .projets a:hover{color:#52a8e1; } /*.projets h3{color:red;}*/ .communautes,.communautes a:hover{color:#eb9f00;} .publications,.publications a:hover{color:#908d8d;} /*divers*/ .miniRSS{ width:13px; height:12px; margin:2px 0; float:right;} .btnretour{padding:5px; background:#609a4a; color:white; display:block; margin:8px 0; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:82%;position:absolute;right:10px;top:-5px;} .btnretour a,.btnretour a:hover{color:white;background:transparent;} .btnretour:hover{color:white;background:#416134;} .seperation{border-bottom:1px solid #ddd; margin:25px 0; clear:both;} /*HEADER ------------------------------------------------------------------------------------------------ */ #header{position:relative;z-index:5001;} #header h1 { height:81px;} /*SubNav */ #subnav {position:absolute; width:560px; height:26px;font-size:77%; right:0;top:0; } #subnav ul{ float:left;} #subnav ul li{ display:inline; background:transparent url('../img/arrow_double-silver.png') no-repeat left; padding-left:18px; margin-right:5px;} #subnav ul li a{ color:#3f3f3c; background:transparent;} #subnav ul li a:hover{ color:#588946; background:transparent;} #subnav ul li a.english{color:#3f3f3c;background:url('../img/ico-us.png') no-repeat right;padding-right:21px;} #subnav ul li a.english:hover{color:#588946;background:url('../img/ico-us.png') no-repeat right;} #subnav ul li a.french{color:#3f3f3c;background:url('../img/ico-fr.png') no-repeat right;padding-right:21px;} #subnav ul li a.french:hover{color:#588946;background:url('../img/ico-fr.png') no-repeat right;} #subnav form { float:right; border:1px solid #bfbfbf;color:#999;margin-top:-2px;} #subnav form option{ border-bottom:1px solid #ddd;font:92% Arial, Helvetica, sans-serif; padding:0;padding-bottom:3px;} #subnav form option.ia{background:url('../img/ico-favicon-ia.png') no-repeat right;} #subnav form option.tumblr{background:url('../img/ico-favicon-tumblr.png') no-repeat right;} #subnav form option.netvibes{background:url('../img/ico-favicon-netvibes.png') no-repeat right;} #subnav form option.ville2{background:url('../img/ico-favicon-villes2.png') no-repeat right;} #subnav form option.idact{background:url('../img/ico-favicon-idact.png') no-repeat right;} #subnav form option.pllv{background:url('../img/ico-favicon-pllv.png') no-repeat right;} #subnav form option.l27er{background:url('../img/ico-favicon-l27er.png') no-repeat right;} #subnav form option.cdp{background:url('../img/ico-favicon-cdp.png') no-repeat right;} #subnav form option.ptic{background:url('../img/ico-favicon-ptic.png') no-repeat right;} #subnav form option.corr{background:url('../img/ico-favicon-corr.png') no-repeat right;} #subnav form option.robot{background:url('../img/ico-favicon-robot.png') no-repeat right;} #subnav form option.mm{background:url('../img/ico-favicon-mm.png') no-repeat right;} #subnav form option.facebook{background:url('http://static.ak.fbcdn.net/rsrc.php/z9Q0Q/hash/8yhim1ep.ico') no-repeat right;} #subnav form option.twitter{background:url('http://twitter.com/phoenix/favicon.ico') no-repeat right;} /*Nav*/ #nav { width:100%; height:30px; position:relative;z-index:5001;} #nav ul#ssnav {list-style:none; height:30px;} #nav ul#ssnav li{ float:left;display:block; margin-right:14px; position:relative;} #nav ul#ssnav li.last{margin-right:0;padding-left:3px;} #nav ul#ssnav li a { display:block;background:transparent; color:#000; height:25px; font-weight:bolder;} #nav ul#ssnav li a.fing {color:#339933;} #nav ul#ssnav li a:hover{ } #nav ul#ssnav li a.idees:hover{border-bottom:2px solid #b52351; } #nav ul#ssnav li a.projets:hover{border-bottom:2px solid #2375b5; } #nav ul#ssnav li a.communautes:hover{border-bottom:2px solid #e03a1b; } #nav ul#ssnav li ul{position:absolute;display:block;color:#000; background:white; top: 100%; left: 0; width:186px;visibility: hidden; } #nav ul#ssnav li ul li{background:white; display:block; width:168px; padding-top:2px;} #nav ul#ssnav li ul li a { width:100%; font-size:77%; padding:2px 4px 2px 14px; display:block;border-bottom:1px dotted #ddd;} #nav ul#ssnav li.last ul { margin-left:3px;} #nav ul#ssnav li ul.fing{ border:1px solid #71b757;display:block} #nav ul#ssnav li ul.fing a{color:#71b757; background:white;} #nav ul#ssnav li ul.fing a:hover{color:white; background:#71b757;} #nav ul#ssnav li ul.idees{ border:1px solid #cc1761;} #nav ul#ssnav li ul.idees a{color:#cc1761; background:white;} #nav ul#ssnav li ul.idees a:hover{color:white; background:#cc1761;} #nav ul#ssnav li ul.projets{ border:1px solid #52a8e1;} #nav ul#ssnav li ul.projets a{color:#52a8e1; background:white;} #nav ul#ssnav li ul.projets a:hover{color:white; background:#52a8e1;} #nav ul#ssnav li ul.communautes{ border:1px solid #eb9f00;} #nav ul#ssnav li ul.communautes a{color:#eb9f00; background:white;} #nav ul#ssnav li ul.communautes a:hover{color:white; background:#eb9f00;} #nav ul#ssnav li ul.publications{ border:1px solid #a8a5a4;} #nav ul#ssnav li ul.publications a{color:#a8a5a4; background:white;} #nav ul#ssnav li ul.publications a:hover{color:white; background:#a8a5a4;} #nav ul#ssnav ul ul { left: 111%; top: 0; border:1px solid #ddd;z-index:455;} #nav ul#ssnav ul ul li a{display:block;height:100%} #nav ul#ssnav li:hover > ul { visibility: visible; } /*Ban + navigation fing + recherche*/ #fingnav {clear:both;color:#3f3f3c; background:#e3e0df; width:100%; height:35px;margin:0 0 20px 0; display:block} #fingnav ul { float:left;height:35px; width:720px;top:-6px;} #fingnav ul li { display:inline;padding:1px 3px 1px 0;} #fingnav ul li a{ display:inline-block;color:#ddd; background:transparent; font-size:72%; padding-left:12px; line-height:50px;} #fingnav ul li a:hover{color:#fff; background:transparent url('../img/bg_fingnav-li-on.png') no-repeat center 33px; } #fingnav ul li a.on{color:#fff; background:transparent url('../img/bg_fingnav-li-on.png') no-repeat center 33px; font-weight:bolder;} #fingnav.fing{ background:#73b659; color:white;} #fingnav.idees{ background:#cc1761; color:white;} #fingnav.idees ul li a:hover{color:#fff; background:transparent url('../img/bg_fingnav-li-idees-on.png') no-repeat center 33px; } #fingnav.idees ul li a.on{color:#fff; background:transparent url('../img/bg_fingnav-li-idees-on.png') no-repeat center 33px; font-weight:bolder;} #fingnav.projets{ background:#52a8e1; color:white;} #fingnav.projets ul li a:hover{color:#fff; background:transparent url('../img/bg_fingnav-li-projets-on.png') no-repeat center 33px; } #fingnav.projets ul li a.on{color:#fff; background:transparent url('../img/bg_fingnav-li-projets-on.png') no-repeat center 33px; font-weight:bolder;} #fingnav.communautes{ background:#eb9f00; color:#eb9f00;} #fingnav.communautes ul li a:hover{color:#fff; background:transparent url('../img/bg_fingnav-li-communautes-on.png') no-repeat center 33px; } #fingnav.communautes ul li a.on{color:#fff; background:transparent url('../img/bg_fingnav-li-communautes-on.png') no-repeat center 33px; font-weight:bolder;} #fingnav.publications{ background:#a8a5a4; color:#eb9f00;} #fingnav.publications ul li a:hover{color:#fff; background:transparent url('../img/bg_fingnav-li-productions-on.png') no-repeat center 33px; } #fingnav.publications ul li a.on{color:#fff; background:transparent url('../img/bg_fingnav-li-productions-on.png') no-repeat center 33px; font-weight:bolder;} /*recherche*/ #fingnav #recherche{ float:right; margin-top:6px; margin-right:6px; z-index:0; width:183px;position:relative;} #fingnav #recherche input.recherche {width:150px;font:77% Arial, Helvetica, sans-serif; color:#999; background:white; padding:2px;border:1px solid #b4b2b0;} #fingnav #recherche input.bouton {background:url('../img/ico-ok.png') no-repeat right; width:20px; height:19px;cursor: pointer;border:0;} #fingnav #recherche input.bouton:hover {background:url('../img/ico-ok-on.png') no-repeat right; width:20px; height:19px;} #fingnav #recherche input:focus { border-color: #813179; background-color: #eee;} /*CONTAIN ------------------------------------------------------------------------------------------------ */ #contain{ float:left; width:74%/*755px*/; /*border:1px solid red;*/ position:relative; z-index:850; } /*HOME ------------------------------------------------------------------------------------------------ */ #contain.home .actu{width:40%; font-size:82%; clear:both;} #contain.home .actu p{} #contain.home h2 { background:#f4f3f1; color:#000; font-size:100%; padding:4px 2px 4px 4px; text-transform:uppercase; font-weight:bold;border-top:2px solid #e8e7e4;} #contain.home #news { float:left;width:485px;margin:0 0 15px 0;clear:both; padding:12px 0 0 0;} /*BLOC a la une*/ #contain.home #une{ } #contain.home #une h2{ font-weight:bold;width:713px;padding:1px 2px; background:#f4f3f1;color:#000; margin-bottom:5px;} #contain.home #couv{width:720px;margin:0 0 18px 0;} #contain.home #couv .slider-wrap{ width: 713px; } #contain.home #couv .panel ul{ text-align: left; margin: 0 15px 0 30px;} #contain.home #couv .stripViewer { position: relative;overflow: hidden; width: 600px; height: 192px; float:right;z-index:1;} #contain.home #couv .panelContainer{float:left; } #contain.home #couv .stripViewer .panelContainer{ position: relative; } #contain.home #couv .stripViewer .panelContainer .panel{ float: left; height: 100%; position: relative; width: 600px;z-index:5; } #contain.home #couv .stripNavL, .stripNavR, .stripNav { display: none; } #contain.home #couv .nav-thumb{ border:0;padding-bottom:1px; } #contain.home #couv #movers-row{ margin: 0px 0 0 0px; float:left;height:100px;position:absolute;} #contain.home #couv #movers-row div{ width: 110px; loat: left; clear:both} #contain.home #couv #movers-row div a.cross-link{ float: right; } #contain.home #couv .photo-meta-data{ width:725px;background:url('../img/bg_couv.png'); padding:5px 10px; height: 52px; margin-top: -62px; position: relative; z-index: 99; color: #222; font-size:77%;} #contain.home #couv .photo-meta-data span{ display:block;font-size:92%; color:black; font-size:120%; font-weight:bold;} #contain.home #couv .photo-meta-data em{ font-size:82%; position:relative;top:-6px;} #contain.home #couv .cross-link{ display: block; width: 103px;z-index: 9999; position:relative; } #contain.home #couv .active-thumb{ background: transparent url('../img/ico-miniarrow.png') no-repeat right;padding-right:2px; } #couv #maincouv{ float:left;} #couv #minicouvs{ float:right; border-left:1px solid #000;} #contain.home #minicouvs .minicouv{ width:139px; padding-bottom:2px;} #contain.home #news{ width:718px;} /*Bloc en direct de la Fing*/ #contain.home #endirect{width:65%; float:left;margin:0 0 18px 0; position:relative;} #contain.home #endirect .actu{ padding:10px 0 10px 0;width:95%; border-bottom:1px dotted #ddd;min-height:60px;} #contain.home #endirect .actu h3{font-size: 92%; font-weight:bold;} #contain.home #endirect .actu h3 a{color:#4d4c62; background:transparent; display:block; } #contain.home #endirect .actu h3 img{ display:block;} #contain.home #endirect .actu p{font-size: 88%;} #contain.home #endirect .actu img.picto{width:60px; height:60px; float:left; margin-right:5px;padding:2px;} #contain.home #endirect .actu p a span{position:absolute;right:0;padding-right:20px;} #contain.home #subnews {width:728px; float:left; margin-bottom:28px;clear:both;margin-top:26px;} #contain.home #subnews ul { margin:4px 0 0 0; width:90%;list-style:square; list-style-position:inside;} #contain.home #subnews li { font-size:71%; padding:4px 0 6px 0;border-bottom:1px dotted #ddd;} /*Bloc internetactu*/ #contain.home #subnews #ia{float:left;width:237px;padding:0 1px 0 0; margin-right:8px;} #contain.home #subnews #ia h2{background:#cc1761; color:white; font-size:77%; padding:2px;} /*Bloc blog*/ #contain.home #subnews #blog {float:left;width:237px; margin-right:8px;} #contain.home #subnews #blog h2{background:#71b757; color:white;font-size:77%;padding:2px;} /*Bloc ouvrages*/ #contain.home #subnews #ouvrages {float:left;width:220px; } #contain.home #subnews #ouvrages h2{background:#52a8e1; color:white;font-size:77%;padding:2px;} /*Bloc Agenda*/ #contain.home #agenda{ width:30%; float:left;padding:0px 0 0 25px ;} #contain.home #agenda ul li { float:left;width: 100%; list-style: none;padding: 0 0 1px 0; } #contain.home #agenda ul li a{float: left; width:225px;color:#3f3f3c; background:transparent;margin: 1px 0 1px 0; font-size: 72%;line-height: 130%;padding:4px 0 6px 0;border-bottom:1px dotted #ddd;} #contain.home #agenda ul li a:hover {color: #81357a; background: #f5f9e5; text-decoration: none;} #contain.home #agenda ul li .date {display:block;float: left; width: 37px; height:37px;color: #000;font-size: 72%; margin: 0 0 0 5px; font-weight:bold; background:url('../img/bg-agenda.png') no-repeat top;} #contain.home #agenda ul li .date .day{ display:block; text-align:center;font-size:14px; padding-top:4px;} #contain.home #agenda ul li .date .mth{ display:block; text-align:center} #contain.home #agenda ul li span.evnmt {float: right; width:176px; font-weight:bolder;} #contain.home #agenda ul li span.heure { float: right; width:176px; font-style:italic; font-size:10px;} /*infos contextuelles*/ #context{ position:relative;margin:45px 0 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:5px 3px; font-size:72%;} #context h3{ font-size:100%; font-weight:bold; padding:6px 0 2px 0;} #context ul{ color:#3f3f3c; background:transparent; list-style-type:circle; list-style-position:inside} #context ul li{ padding-top:2px;} /*MAIN CONTAIN*/ #contain.main { float:left; width:70%; padding:0;margin:0 0 28px 0;} #contain.main h2{ font-size:150%;font-weight:bolder;line-height:120%;background:transparent; padding-bottom:6px;border-bottom:1px dotted #d3d3d1; /*width:500px; float:left;*/} #contain.main h3{ font-weight:bold; padding:6px; margin:22px 0 4px 0;clear:both; font-size:88%;} #contain.main h3.projets{color:#000;background:#f4f3f1 url('../img/h3-blue.png') no-repeat left top; padding-left:25px !important;} #contain.main h3.idees{color:#000;background:#f4f3f1 url('../img/h3-pink.png') no-repeat left; padding-left:25px !important;} #contain.main h3.communautes{color:#000;background:#f4f3f1 url('../img/h3-orange.png') no-repeat left; padding-left:25px !important;} #contain.main h3.fing{color:#000;background:#f4f3f1 url('../img/h3-green.png') no-repeat left top; padding-left:25px !important; } #contain.main h3.publications{color:#000;background:#f4f3f1 url('../img/h3-silver.png') no-repeat left; padding-left:25px !important; } #contain.main h4{ font-size:82%; font-weight:bold; padding-top:10px;clear:both;} #contain.main h5{ font-size:82%; font-weight:bold; padding-top:5px; color:#444; background:transparent;padding-bottom:5px;} #contain.main p.chapo {font-size:77%;margin:7px 0 0 0;padding-bottom:2px; font-weight:bold;} #contain.main p.chapoA{padding:4px 0 12px 0;font-weight:bolder;} #contain.main p{ font-size:77%; line-height:1.5; color:#3f3f3c; background:transparent;margin-bottom:10px;} #contain.main p a{ background:transparent; color:#548F3E; padding:2px;} #contain.main p a:hover{background:#f4fbea; color:#548F3E;} #contain.main ul,#contain.main ol{font-size:77%; padding:0px 0 8px 0;} #contain.main ul li{ padding-left:15px;color:#3f3f3c; background:transparent url('../img/arrow-green2.png') no-repeat left 7px; margin:3px 0 3px 15px;line-height:1.5em;} #contain.main ul ul { font-size:100%; list-style-type:circle; padding:2px 0 2px 14px; } #contain.main ul ul li{background:none; padding-left:2px;} #contain.main ol li{background:none;margin-left:24px;line-height:1.5em;color:#3f3f3c;} /*type liste*/ #contain .liste{ float:left; width:43%; border-bottom:1px dotted #ddd; margin:0 0 15px 18px; height:105px;} #contain .liste img { float:left; padding-right:8px;} #contain .liste h2{ font-size:100%;} #contain .liste h4.author{clear:none !important;} /*type news*/ #contain.main .news{ margin:0 0 12px 0; padding:0 0 12px 0;} #contain.main .news img{ float:left; margin-right:8px;} #contain.main .news span.info{ font-size:77%; background:transparent; color:#999;} #contain.main h3.catrub {background:none !important; padding-left:0 !important;} #contain.main .news .logo img{ padding-right:6px;} /*filtres*/ #contain.main .filtres{ padding:8px 0; text-align:right; } #contain.main .filtres form{ width:100%;} #contain.main .filtres form fieldset{border:0;} /*RUB*/ #contain.main .logorub{ float:left; padding:6px 8px 0 0; min-height:105px; width:170px; margin-right:18px;} /*HOME ACTIVITE*/ #contain.main .homeactivite{ width:230px; margin:12px 0 0px 0;} #contain.main .pres{width:490px;} #contain.main.fing h3{color:#61994d;background:#f4f3f1 url('../img/h3-green.png') no-repeat 1px 8px; padding-left:22px;text-indent:0} #contain.main.projets h3{color:#448ab3;background:#f4f3f1 url('../img/h3-blue.png') no-repeat 1px 8px; padding-left:22px;text-indent:0} #contain.main.idees h3{color:#a71852;background:#f4f3f1 url('../img/h3-pink.png') no-repeat left 8px; padding-left:22px;} #contain.main.communautes h3{color:#d99b1a;background:#f4f3f1 url('../img/h3-orange.png') no-repeat left 8px; padding-left:22px;} /*col contectuelle*/ #colContext{ float:left; width:23%; background:#F4F3F1; margin:0 18px 0 0; padding: 8px 8px 8px 10px; -moz-border-radius:10px;-webkit-border-radius:10px;} #colContext h3{ padding:0 0 0 12px !important; margin:0 !important; font-size:77% !important;text-indent:4px !important;} #contain.main.projets #colContext h3{color:#448ab3;background:#f4f3f1 url('../img/h3-blue-mini.png') no-repeat left 5px; } #contain.main.idees #colContext h3{color:#b90c53;background:#f4f3f1 url('../img/h3-pink-mini.png') no-repeat left 5px; } #contain.main.communautes #colContext h3{color:#cd8c03;background:#f4f3f1 url('../img/h3-orange-mini.png') no-repeat left 5px; } #contain.main.fing #colContext h3{color:#61994d;background:#f4f3f1 url('../img/h3-green-mini.png') no-repeat left 5px; } #colContext strong{ font-weight:normal;} #colContext ul { list-style:square; padding-top:2px !important; margin-bottom:4px;margin-left:0px !important;} #colContext ul li{ background:none !important; list-style-position:inside; padding-left:0 !important;} /*TYPES DE BLOCS pour page sommaires*/ #contain.main .colCentre{ width:70%;} #contain.main .full{ width:100%;} #contain.main .half{ width:49%;} #contain.main .quarter{ width:25%;} /*HOME SECTEUR ------------------------------------------------------------------------------------------------ */ #contain.main h2.fing {color:#000; background:transparent url('../img/h2-fing.png') no-repeat left top; padding-left:35px;} #contain.main h2.idees{color:#000; background:transparent url('../img/h2-idees.png') no-repeat left top; padding-left:35px;} #contain.main h2.projets {color:#000; background:transparent url('../img/h2-projets.png') no-repeat left top; padding-left:35px;} #contain.main h2.communautes {color:#000; background:transparent url('../img/h2-communautes.png') no-repeat left top; padding-left:35px;} #contain.main h2.publications{color:#000; background:transparent url('../img/h2-publications.png') no-repeat left top; padding-left:35px;} #contain.main .homesecteur{ float:left; width:47%; margin-bottom:22px; height:220px;} #contain.main .lt{ margin-right:40px;} #contain.main .homesecteur p,#contain.main .homesecteur.lt p{margin-top:8px;} /*nouvelle structure sidebar gauche permanente sur pages rubriques meres*/ #contain.main #st_colGauche{ float:left; width:23%;margin:0 32px 0 0;} #contain.main #st_colGauche #colContext{width:100%;margin:12px 0 0 0;} #contain.main #st_colCentre{ float:left; width:70%;} #contain.main #st_colCentre table { margin:15px 0;} #contain.main #st_colCentre table img{max-width: 250px !important;} #contain.main #st_colCentre table td{ font-size:12px;} #contain.main .listlinks ul li{color:#000; background:transparent url('../img/arrow-green-link.png') no-repeat left 4px; padding-left:20px; margin-left:2px;} /*------------------------------------------------------------------------------------------------ RUBRIQUES ------------------------------------------------------------------------------------------------ */ /*presse*/ #contain.main .blocPress{ float:left; width:48%; position:relative;} #contain.main .blocPress.lt{margin-right:28px;} #contain.main .blocPress ul{ padding-top:22px; } #contain.main .blocPress ul li{list-style:none;background:#ECECEC;border:1px solid #ddd;margin-bottom:8px;padding:4px;} #contain.main .blocPress li p{ font-size:91%; margin:0; padding:0 0 4px 0;} #contain.main .blocPress ul li{ position:relative;} #contain.main .blocPress ul li strong{ width:220px; display:block;} #contain.main .blocPress ul li span{ position:absolute; right:0; top:1px; color:#548F3E; background:transparent; font-size:11px;} /*experimentations*/ #contain.main .expe{float:left; width:47%; padding:0;height:220px;} #contain.main .expe img{padding-left:0px;} /*agendas*/ #contain.main .blocAgenda { float:left; width:47%; padding-left:12px;} #contain.main .blocAgendaFull{ float:left; width:100%;margin-bottom:35px;} #contain.main .blocAgendaFull div.date{ width:44px;height:51px;background:transparent url('../img/bg_date.png') no-repeat 0 0; margin-right:18px; text-align:center; position:absolute; top:8px;} #contain.main .blocAgendaFull div.date span.mois{ display:block;background:transparent; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; } #contain.main .blocAgendaFull div.date span.jour{ display:block; color:#555; background:transparent;padding:5px; font-size:20px;font-weight:bold;} #contain.main .blocAgendaFull .news{ float:left; width:47%; margin:12px 0 0 0; height:125px; position:relative; border:1px solid #D6F2B1; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:8px 4px; background:#FAFDF6;} #contain.main .blocAgendaFull h4 { margin:0; padding:0;} #contain.main .blocAgendaFull .ct{ padding-left:52px;} #contain.main .blocAgendaFull .left{margin-right:22px;} #contain.main .blocAgendaFull .splus{ } #contain.main .blocAgendaFull .news:hover{ background:#E2F6C8;} /*plan du site*/ #contain .blocplan { float:left; width:22%; margin-right:8px; padding:0px 4px; } #contain .blocplan.lt { margin:0;} #contain .blocplan h2{ font-size:120% !important; font-weight:bolder; margin-top:25px;} #contain .blocplan ul{ padding:1px 0 2px 4px; } #contain .blocplan li{ font-size:88%; } #contain .blocplan ul li ul{list-style-type:square; list-style-position:inside;} #contain .blocplan ul li.rb{ padding:7px 0 0 0; list-style:none;} #contain .blocplan ul li ul li.rb{ padding:0;} #contain .blocplan ul li strong{ margin:7px 0 0 0; list-style:none;} /**/ #contain.main a.pageInnov{ color:#eb9f00; background:transparent url('../img/ico-page.png') no-repeat left 0px; padding-left:26px; margin-left:68px;} #contain.main a.pageInnov:hover{color:#b67b00;} /*ARTICLES ------------------------------------------------------------------------------------------------ */ #contain.main.article h3{clear:left} #contain.main.article .chapo{ margin-bottom:25px;} #contain.main.article .art-infos{color:#999; background:transparent; font-size:77%;padding-bottom:9px;display:block;} #contain.main.article .art-infos a {color:#777;background:transparent;} #contain.main.article .art-infos a:hover {color:#222;background:transparent;} .art-prec-suiv{clear:both; margin-top:62px; text-align:center;background:#eee; font-size:14px; font-weight:bold;} .art-prec-suiv a{color:#60AC16; font-size:18px;padding:2px 6px;} #contain.main.article ul{ margin-left:14px; } #contain.main.article .articleBox340{width:340px;float:left;} /*mini galerie*/ ul.minigal{ display:inline; background:none;} ul.minigal li{ background:none !important; float:left;} /*pagination*/ .pagination{ text-align:center; font-size:13px;} .pagination span{margin:0 5px 0 0;padding:0 6px; border:1px solid #ccc;} .pagination span:hover{border:1px solid #000;} .pagination span a{ background:transparent; color:#555;} /*FORMULAIRE*/ #contain.main fieldset { } #contain.main input, textarea{ font-family:Arial, Helvetica, sans-serif; color:#666; background:transparent; border:1px solid #ccc; padding:3px; font-size:88%;} #contain.main input{} #contain.main form{ margin:25px 0 0 0; font-size:82%; width:600px;} #contain.main form label{ font-weight:bold;display:block;float:left;padding:3px 0;width:160px; font-size:88%;} #contain.main form fieldset {} #contain.main form fieldset legend{ font-weight:bold; padding:0 0 0 2px;} #contain.main form ol li {padding:5px 10px 7px;list-style: none; border-bottom:1px dotted #ddd;} #contain.main form .btn{ font-weight:bold; width:90px;background:#71b757; color:white;-moz-border-radius: 5px; -webkit-border-radius: 5px;border:1px solid #81B06E} #contain.main form .btn:hover{ background:#619D4A; color:white; cursor:pointer;} #contain.main form ol li.no {border:none;} #contain.main .formulaire_erreur{ color:red; background:transparent;} #contain.main .formulaire_ok{padding:5px; margin-top:18px; background:#DCEDD6; color:#639E4Eborder:1px solid #CCE5C3;} #contain.main #form_event{width:550px;} #contain.main #form_event li,#contain.main #form_event p{font-size:13px;} #contain.main #form_event p{padding-top:6px;} #contain.main #form_event p.info{padding:6px 0 8px 6px;font-size:12px;} #contain.main #form_event legend{font-size:16px;margin:4px 0;} #contain.main #form_event fieldset{background:#F1F1F1;border:1px dotted #ddd;} #contain.main #form_event .btn{font-size:14px;} #contain.main #form_event input:focus{background:#D5EACE;} #contain.main #form_event .ipt_event{width:220px;} /*DOCUMENTS*/ .spip_documents dl{float:left; } .spip_documents dt img{ float:left;margin:0 0 8px 0;} .spip_documents { font-size:77%; } #contain.main .telechargement a{ float:left;padding:5px; background:#609a4a; color:white; display:block; margin:25px 15px 25px 0; -moz-border-radius:5px; font-size:82%;} #contain.main .telechargement a:hover{ color:white; background:#517e40;} #contain.main .telechargement a em{ font-size:72%;} /*SIDEBAR RIGHT ------------------------------------------------------------------------------------------------ */ #sidebarRight{ float :right;width:256px; background:transparent/* url('../img/bg-coldroite.png') no-repeat bottom*/; font-size:77%; padding:0 0 15px 0; border-left:1px solid #b784b2;border-right:1px solid #b784b2; border-bottom:1px solid #b784b2;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;} #sidebarRight h2 {margin-left:-1px;} #sidebarRight h3 {font-size:110%; font-weight:bold; background:#f4f3f1 url('../img/arrow_sb_violet.png') no-repeat 10px 14px; color:#813179; padding:8px 6px 8px 15px; margin:0 0 6px 0;} #sidebarRight .block{ margin:0 0 0 0; background:white; color:#3f3f3c;padding:4px 0px;} #sidebarRight .block ul{ margin-left:9px;} #sidebarRight .block ul li{ color:#3f3f3c; background:transparent url('../img/arrow-green.png') no-repeat left 4px; margin:2px 0px;padding-left:15px !important;} #sidebarRight .block ul li strong{ display:block;} #sidebarRight .block h3{ margin-left:0px; text-indent:12px;} #sidebarRight .block h4{ margin-left:0px; text-indent:12px;font-weight:bold;} #sidebarRight .block a:hover{color:#813179 !important; background:transparent;} #sidebarRight .block p{padding-left:8px;} /*visibilite programmes*/ #sidebarRight #programmes{position:relative;width:239px;height:48px;background: url('../img/ico-programmes.png'); color:#333; margin-bottom:10px;} #sidebarRight #programmes li a {background:transparent;} #sidebarRight #programmes li{ position:absolute; height:24px; top:0;background:none;} #sidebarRight #programmes li, #sidebarRight #programmes a{ display:block; height:38px;} #sidebarRight #programmes li.villes2{ left:0;width: 62px;} #sidebarRight #programmes li.pllv{ left:65px;width: 35px;} #sidebarRight #programmes li.idact{ left:140px;width: 66px;} #sidebarRight #programmes li.l27er{ left:190px;width: 52px;} /*bloc en ce moment*/ #sidebarRight #encemoment a{ background:transparent; color:#3f3f3c; } #sidebarRight #encemoment a:hover{ color: #d7045e; background:transparent;} #sidebarRight #encemoment h4{ font-weight:bold;padding-left:9px;margin-top:5px;} #sidebarRight #rejoindre dl{ padding:4px 0; padding-left:9px} #sidebarRight #rejoindre dt { padding:2px 0 3px 0; font-weight:bold; font-size:12px;background:#f8fdea; } #sidebarRight #rejoindre dd{ display:inline; font-size:82%;} #sidebarRight #rejoindre dd a{ background:transparent;color#76875e;} #sidebarRight #deposer p{ padding:8px 0 8px 9px; color:#777; background:transparent;} #sidebarRight #deposer img.depo{ float:right;} #sidebarRight #abo li{ float:left;} #sidebarRight #abo li.newsletter{ color:#609b10; background:transparent url('../img/ico-sb-nl.png') no-repeat right;width:74px; height:37px; padding:0 35px 0 0;} #sidebarRight #abo li.newsletter a{display:block;width:150px;height:40px;} #sidebarRight #abo li.rss{ color:#609b10; background:transparent url('../img/ico-sb-rss.png') no-repeat right;width:44px; height:37px; padding:0 35px 0 40px;} #sidebarRight #abo li.rss a{display:block;width:120px;height:40px;} #sidebarRight #abo li.ical{ color:#609b10; background:transparent url('../img/ico-sb-rss.png') no-repeat right;width:44px; height:37px; padding:0 35px 0 40px;} /*FOOTER ------------------------------------------------------------------------------------------------ */ #subfooter{ clear:both; text-align:right; font-size:72%; padding-top:12px;} #subfooter ul li { display:inline;} #subfooter ul li a{ color:#3f3f3c; background:transparent;} #subfooter ul li a:hover{color:#000; background:transparent;} #subfooter.margtop{ clear:both;padding:40px 0 0 0;} #footer{clear:both; border-top:6px solid #444;background:#f9f9f9;font-size:72%; margin:0 0 15px 0; padding:10px 0 0 5px;} #footer a{ color:#555; background:transparent;} #footer a:hover{ color:#000; background:transparent;} /*Partie gauche*/ #footer .left{ width:64%; float:left;} #footer .left .rub{ float:left;padding-right:5px;} #footer .left .rub h3{ padding:0 0 4px 0; font-weight:bold;} #footer .left .rub h3.publi{ margin:14px 0 0 0;} #footer .left .rub ul{ list-style:square; list-style-position:inside; color:#666 !important;} #footer .left .rub ul li a{ } /*Partie droite*/ #footer .right{width:36%; float:right;} #footer .right .vcard{ margin:0px 0 4px 0; font-size:88%;} #footer p{ clear:both; } #footer p.partenaires{margin-top:12px;} /*centre*/ #footer #ftcenter{clear:both; text-align:center; padding:0 0 4px 0; color:#999; background:transparent; margin:15px 0 0 0;} /* */ #boutons_admin_supp{ z-index:9999} #spip-debug{ font-size:77%; background:#333 !important; color:white; padding:4px;} /* -------------------------------- * Question numériques 2012 * -------------------------------- */ #qn2012{width:750px;} #qn2012 .scenario{float:left; width: 342px; margin:15px 15px 2px 0; position: relative;} #qn2012 .scenario img{} #qn2012 .scenario h3{position:absolute;background:#000 !important;color:white !important;margin:0 !important; padding:0 !important;top:70px; font-size:12px;font-variant: small-caps; right:0;} #qn2012 .scenario h3 a{color:white; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #qn2012 .scenario span{ -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.3s ease-in;} #qn2012 .scenario:hover span{background:#b31455;z-index: 7888;position:absolute;width:342px; height:100%; display:block;z-index:998;top:0; border:3px solid #8d0b40; -webkit-transition: all 0.3s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.3s ease;} #qn2012 .scenario:hover h3{z-index:999; background:none !important;left:15px; font-size:26px; top:15px;text-transform: uppercase;} #qn2012 .scenario span small{display:none;} #qn2012 .scenario:hover span small{display:block; position:absolute;bottom:0;right:0;background:black;color:white;padding:0px 4px;} #qn2012.single{width:730px;position:relative;} #qn2012.single .colleft{float:left !important; margin-right:15px; margin-top:10px; display:block; width:46%; font-size:15px;background:#f9f8f8;padding:4px;} #qn2012.single .colleft h3{font-size:16px;} #qn2012.single .encartL{float:left;width:240px;font-size:14px; padding:8px;margin:0 6px 0 0; background: rgb(226,226,226); /* Old browsers */ background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(226,226,226,1)), color-stop(0%,rgba(219,219,219,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 0%,rgba(239,239,239,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#efefef',GradientType=1 ); /* IE6-9 */ } #qn2012.single .encartR{float:right;width:240px;font-size:14px; padding:8px; margin:0 0 0 6px; background: rgb(226,226,226); /* Old browsers */ background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(239,239,239,1) 0%, rgba(219,219,219,1) 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(226,226,226,1)), color-stop(0%,rgba(239,239,239,1)), color-stop(98%,rgba(219,219,219,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(239,239,239,1) 0%,rgba(219,219,219,1) 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(239,239,239,1) 0%,rgba(219,219,219,1) 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(239,239,239,1) 0%,rgba(219,219,219,1) 98%); /* IE10+ */ background: linear-gradient(left, rgba(226,226,226,1) 0%,rgba(239,239,239,1) 0%,rgba(219,219,219,1) 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-9 */ } #qn2012.single .logoqn2012{z-index: 5555;position:relative;} #qn2012.single h3{ clear: left !important;font-variant: small-caps;background:none !important;margin-left:0 !important; padding-left:0 !important;font-size:18px;} #qn2012.single h4{background:black;color:white; display:inline-block; padding:1px 5px;text-transform: uppercase; margin-bottom:8px;} #qn2012.single ul li{background:url('../img/arrow-qn2012.png') no-repeat 0 5px !important;} #qn2012.single ul li li{background:none !important;} #qn2012.single p{color:#000 !important;} #qn2012.single .scn{position:relative;margin-top:-15px;} #qn2012.single blockquote{margin-top:-45px;} #qn2012.single blockquote p{background:black; color:white !important; display:inline;padding:0 2px;} #qn2012.single .totop{ font-size:13px; display:block; text-align: right; margin:5px 0;} #qn2012.single .totop:after{content:'↑';padding-left:5px;} #sidebarQN{ float :right;width:256px; font-size:77%; padding:0 0 15px 0;color:white; border-left:1px solid #333;border-right:1px solid #333; border-bottom:1px solid #333; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background: #353233; } #sidebarQN h2{font-size: 22px; font-variant: small-caps; text-align: center; border-bottom:8px solid #636466;padding:0 8px;} #sidebarQN p{padding:8px 8px; font-size:12px;} #sidebarQN li{margin:0 0 4px 0; font-size:14px;font-variant: small-caps;padding:2px;margin-left:8px;} #sidebarQN li a{ background:#8d0b40; color:white;} #sidebarQN li ul{margin:0 0 0 12px;} #sidebarQN li ul li { font-size: 11px;} #sidebarQN li ul li a{background:#4f4f4f;font-variant: normal;border-left:5px solid white;padding:0 4px;} #sidebarQN li a:hover{opacity:.7;} #socialbtn{padding:12px 8px;margin-top:18px; opacity:.6;} #socialbtn h4{background:#2a2426;margin-bottom:12px;color:white;padding:2px;} #socialbtn:hover{opacity:1;} .button, .button:visited {background: #222 url('../img/btn_overlay.png') repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none;-moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: absolute; top:65px; cursor: pointer;right:0; z-index:9999;} .large.button, .large.button:visited { font-size: 14px; padding: 6px 14px 9px; } .button:hover { background-color: #111; color: #fff !important; } .button:active{ top: 66px; } .pink.button{ background-color: #8d0b40; } .button strong.pdf{ background:transparent url('../img/ico_pdf.png') no-repeat 0 0; font-weight: normal;padding-left:24px; display: inline-block;}