@charset "utf-8"; /* 960 GS */ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%} /* CSS RESET */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* BASE CONF */ html {font-size:100%;} body {background-color:#FFF;color:#7C7E81;font:normal 0.70em/1.35 Verdana,"Trebuchet MS",sans,sans-serif;} button {cursor:pointer;} p, #texte ol, .chapo {margin:0.5em 0 1em;} a {color:#FF7F00;text-decoration:none;} a:hover {text-decoration:underline;} a:focus {background:#7C7E81;color:white;} .auteur h1, .portfolio h1, h2, .h2 {display:block;font-family:"Anivers",MyAnivers,"Trebuchet MS",Sans,sans-serif;font-size:42px;font-weight:normal;line-height:45px;height:45px;} fieldset legend {display:none;} button {background:none;cursor:pointer;border:0;padding:0;overflow:visible;/* removes extra side padding in IE */} button span {display:block;text-indent:-900px;} /* LES TRUCS FUNKY */ ::selection {background-color:#FF7F00;color:white;} ::-moz-selection {background-color:#FF7F00;color:white;} a::selection {background-color:#7C7E81;color:white;} a::-moz-selection {background-color:#7C7E81;color:white;} button span:focus,button:focus span,button:focus {background-color:none;outline:none;border:0;} button::-moz-focus-inner {border: none;} /* overrides extra padding in Firefox */ /* PAR DEFAUT ON CACHE LES TRUCS JS */ .none, .js {display:none;} /* LES JOLIS FORMULAIRES */ .js_on input[type=checkbox], .js_on input[type=radio] {position:absolute;left:-100000px;} input.pretty, .js_on input.radio, .js_on input.checkbox {position:absolute;left:-100000px;} /*doit séparer pour ie6 */ label.radio, label.checkbox {margin-left:0;} label .pretty {background-image:url('images/pictos.png');display:inline-block;*display:inline;zoom:1;height:12px;margin-right:5px;vertical-align:-2px;width:12px;} label.checkbox .pretty {background-position:-300px -23px;} label.checkbox .hover {background-position:-312px -23px;} label.checkbox .checked {background-position:-324px -23px;} label.radio .pretty {background-position:-300px 0;} label.radio .hover {background-position:-312px 0;} label.radio .checked {background-position:-324px 0;} /* STYLES SPIP */ .chapo {font-weight:bold;} ul.spip {margin:-0.5em 0 1em;} ul.spip ul {margin-top:0;} .button, .button span {cursor:pointer;} .plus {cursor:pointer;} .plus:focus {background-color:none;} .plus span {background:url('images/pictos.png') no-repeat -260px 0px;display:block;height:20px;overflow:hidden;width:20px;display:block;text-indent:-900px;} .plus_rubrique {background:#7C7E81;} /* Les formulaires */ label {cursor:pointer;} input {padding-left:0;padding-right:0;} input[type=radio], input[type=checkbox] {vertical-align:middle;} ul input {width:auto;} form .default {color:#7C7E81;} form li {line-height:1.5;} ul input {margin:0;} .js_on ul input {margin:5px;} .js_on ul label {margin-left:5px;} /* LAYOUT */ html,body {height:100%;} /* MEGA truc pour le centrage vertical */ #distance {float:left;height:50%;margin-bottom:-358px;width:1px;} #page {clear:left;height:716px;overflow:hidden;margin:0 auto;position:relative;} /* Groupir */ #fond, #navigation, #outils {left:0;position:absolute;top:0;} #fond, #contenu, #navigation, #entete, #portfolio {height:665px;} /* H1 */ h1, h2.titre {position:absolute;top:-300px;} /* COTE GAUCHE */ #entete {width:430px;} #outils {height:45px;z-index:30;width:350px;} #outils ul, #outils li, #outils div {float:left;height:31px;position:relative;} #outils ul ul li {height:auto;} #outils .contenu {background:url('images/bao_fond.png') top left repeat-x;height:45px;padding-right:0;} #outils div.plus {background-color:#FF7F00;display:none;height:auto;left:0;margin-left:0;position:absolute;top:31px;z-index:300;} #outils button, #outils a {display:block;float:left;height:31px;margin:0;position:relative;width:24px;} #outils a {padding:0 1px 0;} #outils li:hover a, #outils li.hover a, #outils a:hover, #outils a:focus, #outils button.hover, #outils button:hover, #outils button:focus {background-color:#FF7F00;} #outils li:hover .plus, #outils li.hover .plus {display:block;} #outils a:focus + .plus {display:block;} #outils .action {background:url('images/bao_right.png') no-repeat right top;margin-left:0;padding-right:23px;width:11px!important;width:34px;_width:11px;height:45px;} #outils .action button {height:auto;margin-left:-3px;margin-top:3px;*margin-top:2px;*margin-left:-10px;} #outils .action button.hover, #outils .action button:hover {background:none;} /* pictos */ #outils span {background-image:url('images/pictos.png');background-repeat:no-repeat;bottom:5px;display:block;height:20px;margin:1px 2px 0 2px;overflow:hidden;text-indent:-900px;width:20px;} #outils a span {margin:5px 2px 0;} #o-recherche span {background-position:0px 0px;} li:hover #o-recherche span, li.hover #o-recherche span, #o-recherche:focus span, #o-recherche:hover span {background-position:0px -23px;} #o-rss span {background-position:-20px 0px;} li:hover #o-rss span, li.hover #o-rss span, #o-rss:focus span, #o-rss:hover span {background-position:-20px -23px;} #o-restreint span {background-position:-40px 0px;} li:hover #o-restreint span, li.hover #o-restreint span, #o-restreint:focus span, #o-restreint:hover span {background-position:-40px -23px;} #o-webmail span {background-position:-60px 0px;} li:hover #o-webmail span, li.hover #o-webmail span, #o-webmail:focus span, #o-webmail:hover span {background-position:-60px -23px;} #o-newsletter span {background-position:-80px 0px;} li:hover #o-newsletter span, li.hover #o-newsletter span, #o-newsletter:focus span, #o-newsletter:hover span {background-position:-80px -23px;} #o-imprimer span {background-position:-100px 0px;} li:hover #o-imprimer span, li.hover #o-imprimer span, #o-imprimer:focus span, #o-imprimer:hover span {background-position:-100px -23px;} #o-textemoins span {background-position:-120px 0px;} li:hover #o-textemoins span, li.hover #o-textemoins span, #o-textemoins:focus span, #o-textemoins:hover span {background-position:-120px -23px;} #o-texteplus span {background-position:-140px 0px;} li:hover #o-texteplus span, li.hover #o-texteplus span, #o-texteplus:focus span, #o-texteplus:hover span {background-position:-140px -23px;} #o-mentions span {background-position:-160px 0px;} li:hover #o-mentions span, li.hover #o-mentions span, #o-mentions:focus span, #o-mentions:hover span {background-position:-160px -23px;} #o-plan span {background-position:-280px 0px;} li:hover #o-plan span, li.hover #o-plan span, #o-plan:focus span, #o-plan:hover span {background-position:-280px -23px;} #o-contact span {background-position:-380px 0px;} li:hover #o-contact span, li.hover #o-contact span, #o-contact:focus span, #o-contact:hover span {background-position:-380px -23px;} /* gros pictos */ #o-plan {background-position:-100px 0px;} /* boutton action */ #bao_ferme:focus {background:none!important;} #bao_ferme span {background-position:-190px 0px;width:10px;margin-left:-3px;position:static;} #bao_ferme.open span {background-position:-180px 0px;} #bao_ferme:hover span, #bao_ferme:focus span {background-position:-230px 0px;} #bao_ferme.open:hover span, #bao_ferme.open:focus span {background-position:-220px 0px;} /* l'intérieur des bouttons */ #outils fieldset {color:white;padding:0 5px 5px;} #outils fieldset p {margin:5px 0 0;font-weight:bold;} #outils label {position:absolute;left:-900px;color:white;} #outils form ul label {position:static;} #outils input, #outils select {border:0;/*height:1.3em;*/padding:0.2em inherit;width:100%;} #outils .plus li {display:block;float:none;} #outils form ul input {width:auto;} #outils .submit {position:relative;} #outils .submit input {width:137px;} #outils .submit button {position:absolute;right:0;top:0;} #outils fieldset button {display:inline-block;float:none;margin-top:-9px;vertical-align:top;width:13px;} #outils fieldset button:hover, #outils fieldset button:focus {background-color:transparent !important;} #outils fieldset span {background-position:-190px -23px;width:10px;} #outils fieldset button:hover span {background-position:-230px -23px;} /* truc spéciaux */ #o-webmail .submit button {top:25px;} /*test sync*/ #logo {left:-10px;position:absolute;top:140px;z-index:100;} #logo a {background:url('images/logo.png') no-repeat;display:block;height:350px;width:450px;} #logo a:hover {text-decoration:none;} #logo span {visibility:hidden;} #actus {background:url('images/blog.png') no-repeat -5px 0;height:275px;left:85px;overflow:hidden;position:absolute;top:380px;width:280px;z-index:120;} #accesblog {position:absolute;right:60px;top:430px;z-index:150;} #accesblog:focus {background:none;} #actus h2 {color:#FF7F00;padding-left:63px;margin-top:20px;} #actus ul {position:relative;} #actus li {display:none;height:170px;left:-500px;overflow:hidden;position:absolute;top:5px;width:170px;} #actus li.on {display:block;left:50px;} #blog_next, #blog_prev {position:absolute;} #blog_next {right:31px;top:173px;} #blog_prev {right:42px;top:186px;} #blog_next span, #blog_prev span {background-image:url('images/pictos.png');height:23px;overflow:hidden;width:10px;} #blog_next span {background-position:-230px 0px;} #blog_next:focus span, #blog_next:hover span {background-position:-190px 0px;} #blog_prev span {background-position:-220px 0px;} #blog_prev:focus span, #blog_prev:hover span {background-position:-180px 0px;} /* MENU PRINCIPAL */ #navigation {float:none;top:auto;z-index:20;width:100%;} #navigation li {height:45px;clear:both;} #navigation h2 a {background:white;color:#7C7E81;display:inline-block;height:45px;margin-left:-8px;_margin-left:0;overflow:hidden;padding-right:1ex;text-decoration:none;} #navigation .alt h2 a {color:#B2B2B2;} #navigation li.on h2 a, #navigation h2 a:hover {color:#FF7F00;} #navigation h2 a:focus {background:#7C7E81;color:white;} /* MENU INTERIEUR */ #articles {background:url('images/menu_articles.png') repeat-y;margin:3px 0 10px;} #articles li {display:inline-block;*display:inline;zoom:1;border-bottom:1px solid white;margin:0 0 -1px;} #articles a {color:#4D4D4D;display:inline-block;font-weight:bold;height:20px;line-height:19px;padding:0 5px;} #articles a:hover, #articles .on {background:#FF7F00;color:white;text-decoration:none;/*text-shadow:1px 1px 2px #7C7E81;*/} /* CONTENU PRINCIPAL */ #contenu {margin-left:14px;position:relative;z-index:10;width:390px;} #texte {background:white;overflow:auto;top:0;position:relative;left:1px;width:468px;z-index:50;} .js_on #texte {overflow:hidden;} .js_on #texte .page {margin:0 10px 0;} #texte .scroll {overflow:auto;width:100%;min-height:387px;} #texte .inner {margin:10px 10px 0;} #texte .plus {float:right;} .js_on #texte .plus {bottom:0;right:0;position:absolute;z-index:100;} #texte a.plus {display:none} #texte .lecture .plus {position:static;display:inline-block;_display:inline;zoom:1;} #texte .lecture a.plus:focus {background-color:#FF7F00;} .lecture button {width:20px;} .lecture button span {float:right;width:10px;} .lecture .next span {float:left;} .lecture .prev {margin-right:2px;} .lecture .next span {background:url('images/pictos.png') -190px 0px;} .lecture .next:hover span {background:url('images/pictos.png') -230px 0px;} .lecture .prev span {background:url('images/pictos.png') -180px 0px;} .lecture .prev:hover span {background:url('images/pictos.png') -220px 0px;} .spip li {list-style:disc;margin-left:1.5em;} /* STYLE DES PAGES 404 */ .page404 #texte {display:block;} .page404 h1 {position:static;} .page404 #navigation {margin-top:0;} /* PORTFOLIO */ #portfolio {position:absolute;right:10px;_right:-75px;top:0;width:60px;z-index:300;} #portfolio li {position:relative;} #portfolio ul a {background:white url('images/fond-portfolio.png') repeat-y;display:block;margin:5px 0 5px 0;min-height:102px;_height:100px;padding:1px 0 1px 1px;position:relative;width:120px;z-index:200;} #portfolio li:hover a, #portfolio li:focus a {margin-left:-23px;} #portfolio ul a:hover, #portfolio ul a:focus {margin-left:-23px;} #portfolio li:hover div, #portfolio a:active + div {display:block;} .js_on #portfolio a:hover + div {display:none;} #portfolio img {background:white url('images/fond-portfolio.png') repeat-y;display:block;margin:1px;} #portfolio div {background:#C7C7C7;display:none;height:104px;left:-273px;overflow:hidden;position:absolute;top:0;width:250px;} #portfolio h3 {color:#333;padding:0.3em 0.7em 0;width:auto;} #portfolio div p {color:white;padding:0 1em 0;} #portfolio div .plus {background:transparent;bottom:0;position:absolute;width:20px;height:20px;margin:0;min-height:0;padding:0;right:0;} #portfolio div .plus span {background-position:-260px -23px;bottom:0;height:20px;overflow:hidden;position:absolute;right:0;width:20px;} #portfolio .button span {background:url('images/pictos.png') no-repeat;display:block;text-indent:-900px;overflow:hidden;width:20px;height:11px;position:absolute;right:10px;} #portfolio .button {background:url('images/navigation.png') no-repeat;height:40px;overflow:hidden;position:absolute;right:-10px;width:56px;z-index:500;} #portfolio .next {background-position:0 0;bottom:0;} #portfolio .next span {background-position:-200px -11px;bottom:7px;} #portfolio .next:hover span {background-position:-240px -11px;} #portfolio .next:active span {background-position:-200px -11px;} #portfolio .prev {background-position:0 -41px;top:0;} #portfolio .prev span {background-position:-200px 0;top:7px;} #portfolio .prev:hover span {background-position:-240px 0;} #portfolio .prev:active span {background-position:-200px 0;} /* magie */ #portfolio div .plus:focus span {background-color:white;background-position:-260px 0px;} #portfolio #sommaire-portfolio {background:0;display:block;position:static;width:100%;height:100%;margin:0;overflow:visible;} /* des styles de texte */ #portfolio .date {color:black;} #portfolio .details_tags a.tag {background:transparent!important;display:inline!important;margin-left:0!important;font-weight:bold!important;} /* petit fix rapide, pas le temps */ #portfolio .button span.none {display:none;} /* EFFET DU PORTFOLIO ET EQUIPE */ .survol .item, .survol .details, .survol .fond {cursor:default;float:left;overflow:hidden;position:relative;} .survol .empty {background:lightgray;height:100%;width:100%;} .survol .details {display:none;left:0;height:100%;position:absolute;top:0;width:100%;z-index:10;} .survol .fond {background:white;filter:alpha(opacity=90);height:100%;left:0;opacity:0.9;position:absolute;top:0;width:100%;z-index:-1;} .survol h2 {font-size:1.1em;line-height:1.3;margin:3px;} .survol p {margin:5px;} .survol .details strong {bottom:5px;left:5px;position:absolute;} .survol div.hover .details, .survol div:hover .details {display:block;} .survol > div:focus .details {display:block;} /* PAGE DU PORTFOLIO */ #mozaique {margin-left:12px;} #mozaique .item {height:120px;width:120px;margin:7px;} #mozaique h2 {font-family:Verdana,"Trebuchet MS",sans,sans-serif;font-weight:bold;} #mozaique .details strong {font-weight:normal;} #mozaique .details strong a {color:#7C7E81;} #mozaique .details strong span,#mozaique .details strong em, .secteur15 strong span {background-image:url('images/pictos.png');display:block;float:left;width:5px;height:14px;margin-right:5px;} #mozaique .details strong em {background:none;color:#FF7F00;font-style:normal;margin-left:-2px;margin-right:7px;font-family:"Arial black";} #mozaique strong .site span, .secteur15 strong .site span {background-position:-194px -3px;} .secteur15 #portfolio .next span {background-position:-200px -11px;} .secteur15 #portfolio .next:hover span {background-position:-240px -11px;} .secteur15 #portfolio .next:active span {background-position:-200px -11px;} .secteur15 #portfolio .prev span {background-position:-200px 0;} .secteur15 #portfolio .prev:hover span {background-position:-240px 0;} .secteur15 #portfolio .prev:active span {background-position:-200px 0;} .secteur15 #texte fieldset {margin:0.3em 0 0.5em;width:212px;float:left;} #groupe-7 {padding-right:24px;} .secteur15 #texte legend {display:block;background:#FF7F00;color:white;font-weight:bold;padding:0.2em 1em 0.2em 0.5em;left:0;margin-left:0;*margin-left:-10px;} .secteur15 #texte .submit {bottom:0;right:0;text-align:right;margin:-1em 0 0;font-weight:bold;} .secteur15 #texte .submit button {color:#7C7E81;height:34px;font-weight:bold;} .secteur15 #texte .submit span {background:url('images/pictos.png') no-repeat -340px 0;display:inline-block;vertical-align:middle;margin:-5px 0 0 6px;height:34px;width:34px;} #choix-date {padding-bottom:0;} #choix-date input {border:1px solid lightgray;width:3.5em;} #texte #choix-date legend {display:none;} #date-range {width:400px;margin-left:24px;} .js_on #choix-date input {border:0;color:#7C7E81;font:bold 1em Verdana,sans-serif;text-align:center;width:4em;} .js_on #groupe .submit {position:absolute;width:1px;height:1px;top:-1000px;left:0;} /* DÉTAIL D'UNE RÉFÉRENCE */ .portfolio h1 {display:block;font-size:2em;height:auto;position:static;line-height:1.3;width:360px;} .portfolio #texte {height:590px;top:15px;overflow:hidden;width:455px;} .portfolio #texte .inner {height:260px!important;height:280px;overflow:auto;} .portfolio {} #show {background:url('images/ajax-loader.gif') 50% 50% no-repeat;height:310px;text-align:center;width:100%;line-height:310px;} #show img {max-width:445px;vertical-align:middle;} .show {position:absolute;bottom:0px;*bottom:3px;margin-left:3px;clear:both;width:455px;} .show li {border:2px solid white;display:block;float:left;width:50px;height:50px;margin:3px;overflow:hidden;} .show li.on {border-color:#FF7F00;} .show img {display:block;} #retour {background:url('images/fermer_reference.png') no-repeat top right;position:absolute;height:55px;overflow:hidden;text-indent:-900px;right:70px;top:2px;width:55px;z-index:5000;} .secteur20 #retour {top:40px;} /* PAGE AUTEUR */ .auteur h1 {display:block;font-size:2em;height:auto;position:static;line-height:1.3;width:360px;} .auteur #texte {height:590px;top:15px;overflow:hidden;width:455px;} .auteur .spip_logos {margin-top:20px;} /* PAGINATION */ .pagination {bottom:0px;display:block;font-size:0.9em;text-align:center;} .js_on .pagination {position:absolute;} .pagination a {border:1px solid #e6e6e6;color:#666666;display:block;float:left;height:1.6em;margin:2px;width:1.6em;line-height:1.6em;} .pagination a.on, .pagination a:hover {background:#FF7F00;border-color:white;color:white;text-decoration:none;} /* DECO DROITE */ #fond {background:url('images/fond.png') top right;left:464px;top:0;width:486px;z-index:-1;} /* EN PLUS */ #labeltic {bottom:33px;left:-12px;margin:0;position:absolute;} #labeltic:focus {background:none!important;} /* PIED DE PAGE */ #pied {background:url('images/fond.png') top right;margin-top:20px;} #pied {text-align:center; padding-top:15px;} #pied div {margin:0;} #pied address {background:white;display:inline;font-style:normal;padding:2px 1em;} /* SOMMAIRE */ .sommaire #navigation {bottom:0;height:auto;top:auto;} .sommaire #navigation .premier {height:auto;} .sommaire #texte {height:auto;max-height:420px;position:relative;top:auto;width:394px;} .sommaire .texte a {display:inline;color:#FF7F00;float:none;padding:0;text-decoration:none;} .sommaire .texte a:hover {text-decoration:underline;} .sommaire .texte a:focus {background:#7C7E81;color:white;} .sommaire #texte li {height:auto;} .js_on .sommaire #texte .inner {position:static;} /* PROJET */ #equipe {font-size:11px!important;margin-top:0;} #equipe .item {height:160px;text-align:center;width:105px;} #equipe h2 {font-size:1.5em;line-height:1.3;margin:5px 5px 0 5px;color:#FF7F00;} #equipe strong {bottom:23px;display:block;height:20px;left:0;position:absolute;text-align:center;width:105px;} #equipe strong a {float:left;margin-left:20px;} #equipe strong a span {background:url('images/pictos.png') no-repeat;display:block;height:20px;overflow:hidden;text-indent:-900px;width:25px;} #equipe strong .auteur span {background-position:-400px 0px;} #equipe strong .toys span {background-position:-400px -23px;} /* PAGE CONTACT */ .formulaire_spip label {display:block;font-weight:bold;margin:0;} .formulaire_spip textarea {width:350px;} .formulaire_spip textarea, .formulaire_spip input {color:black;border:1px solid #7C7E81;padding:0.2em;font-family:Arial,sans-serif;} .formulaire_spip textarea:focus, .formulaire_spip input:focus {border-color:#FF7F00;} /* SECTEUR ACCUEIL */ .secteur20 #navigation {display:none;} .secteur20 #texte {height:630px;top:10px;} /* FONTS PERSO */ /* a la fin pour pas niquer le téléchargement sur IE */ /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */ @font-face {font-family:MyAnivers; src: url("polices/anivers.eot"); src: local("Anivers-Regular"),url("polices/anivers.otf") format("opentype"),url("polices/anivers.svg#Anivers-Regular") format("svg");}