@charset "UTF-8"; /* --- Auteur : AC - Last change : 19 avril 2011 --- */ /* -------------------------------------------------- IDEM LEGIFRANCE - reset - liens - html par dfaut - layout 2 ou 3 colonnes - styles header - styles footer -------------------------------------------------- */ /* ------------- reset minimal ------------- */ html {overflow-y:scroll; font-size: 100.1%;} body {border: 0; width: 100%;} html, body, div, form, fieldset, h1, #skip { margin: 0; padding: 0;} input, button, select {vertical-align: middle;} img, a img {border: none;} /* ----------------- liens ----------------- */ a {color: #369; font-weight: normal;} a:hover { text-decoration: none; } a:focus { background: yellow; } a.ext {background: transparent url(img/a-ext.gif) no-repeat right .25em; padding-right: 14px;} /* ------------ Elements html -------------- */ h2, h3, h4, h5, h6 {line-height: 1.2; font-weight: bold; font-style: normal; margin: 1em 0 .5em 0; zoom: 1;} h2 {font-size: 1.25em; color: #fff; background: #369; padding: 4px 8px 4px 12px; margin: 8px 0 0 0; border-radius: 2px;} h3 {font-size: 1.2em; color: #c00050; padding: 1.5em 5px 0 0; margin: 0;} h4 {font-size: 1.15em; color: #c00050; font-weight: normal;} h5 {font-size: 1.05em; color: #c00050;font-style:italic;font-weight:normal;} h6 {font-size: 1em; color: #c00050; font-weight:bold;} ul, ol {padding: 0; margin: .75em 0; zoom: 1;} ul {list-style-type: none;} ul li {background: transparent url(img/fleche-grise.gif) no-repeat 0px .33em; padding-left: 12px; margin: 3px;} p {margin: .75em 0;} small {font-size: .9em;} abbr, acronym {border-bottom: .1em dotted;cursor: help;} code {background: #ddd; border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 1px 3px 0;} /* --------------- LAYOUT R�GLES COMMUNES ------------ */ #page { margin:0 auto; width:100%; max-width:1600px; background: #f5f5f5; } #header { position: relative; width: 100%; } #container { position: relative; min-height:0; zoom: 1; background:#fff; padding-top: 1px; } #container:after {clear:both; content:""; display:block; height:0; font-size:0;} #main { position:relative; float: right; width:100%; } #content { float: left; width:100%; padding: .5em 0; } #sidebar { position:relative; float:left; width:15em; margin-left:-16em; padding-top:.5em; } #footer { clear:both; } /* ---- 3 colonnes ----- */ .f3c #container {margin: 0 17em;} #secondary { float:left; width:15em; margin-right:-15em; position:relative; padding-top:.5em; left:1em; } /* ---- 2 colonnes (okazou) ---- */ .f2c #container {margin: 0 0 0 17em;} /* ------------ Styles du header -------------- */ #header { background: #fff; border-bottom: 1px solid #369; } h1 { padding-top: 2px; padding-bottom: 12px; } h1 a img {display: block;} h1 span {position: absolute;left: -10000px;} #skip { background: #369; line-height: 1.8em; overflow: hidden; } #skip li { float: left; list-style-type: none; margin: 0 1em 0 0; background:transparent; } #skip li a {color:#fff;} #skip li a:focus {color: #000;} #breadcrumb {clear: both; background: #fff; margin: 0; padding: 3px 12px !important; font-size: .9em;} #breadcrumb a, #breadcrumb strong {padding: 0 .5em;} /* ------------- Styles du footer ----------------------- */ #footer { background: #f5f5f5; text-align: center; border-top:1px solid #369; padding: .5em 0;} #footer ul {margin: 0 auto;} #footer ul li {display: inline; padding:0 6px; background-image: none;} /* -------------------------------------------------- CIRCULAIRES styles -------------------------------------------------- */ body { background: #f5f5f5; color: #333; font-family: arial, FreeSans, sans-serif; font-size: .8em; line-height:1.5; } #main {border-left: 1px solid #999; border-right: 1px dotted #aaa;} .inner {padding: 0 1em 1em 1em;} .inner h2 {color:#c00050; background:#fff; font-size:1.66em; padding-left: 0;margin-bottom: 1em;} .hidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .clear {clear:both;} .small {font-size: .9em;} .last {margin-right: 0;} .warning { zoom: 1; margin: 6px 0 12px 0; padding: 2px 10px; background: #ffc; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 1.3; } /* -------------- header ----------- */ #breadcrumb {background: #f5f5f5;border-top:1px solid #ccc;} #header {border-bottom:1px solid #bbb;} /* -------------- pagination ----------- */ p.pagination {background: #f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: right; padding-right: 16px;margin-top:0;padding-bottom:2px;font-size: .86em;} p.pagination a, .pagination strong {padding: 1px 6px 0;} p.pagination span a {background: #ddd;text-decoration:none;padding-bottom: 3px;} /* -------------- formulaires ----------- */ fieldset {padding:0 1%; border:1px solid #999; margin-bottom: 8px;} form p {margin: 1em 0; line-height: 1.2em; padding-bottom: 2px;} form p img {vertical-align:middle;} form em {color:#666; font-size: .92em;} form .demi {display: block; width:45%; margin: .5em 2% 1em 0; float:left;} p.c2535 label {display:block; clear:left; float:left; width:25%; margin-right:1%;margin-top: 1px; padding: 2px; background: #f5f5f5;} p.c2535 input, p.c2535 select, p.c2535 textarea {width:35%;} p.c2080 label {display:block; clear:left; float:left; width:20%; margin-right:1%;margin-top: 1px; padding: 2px; background: #f5f5f5;} p.c2080 input, p.c2080 select, p.c2080 textarea {width:75%;} p.c3070 label {display:block; clear:left; float:left; width:31%; margin-right:1%;margin-top: 1px; padding: 2px; background: #f5f5f5;} p.c3070 input, p.c3070 select, p.c3070 textarea {width:65%; } p.message {margin-top: 3em;} #searchbox {background: #fff;padding:0 6px 4px;margin-top: 1em;border:1px solid #ddd;} #searchbox fieldset {padding: 0 6px;} #searchbox form legend, #searchbox form label {font-weight: bold;color:#000;} #searchbox form fieldset label, form fieldset label {font-weight: normal;display:block;} #searchbox label {display:block;} #searchbox em {display: block;} #searchbox p strong {color: #c00050;} #searchbox p.submit {text-align: center;} /* -------------- boutons ----------- */ p.boutons {text-align: right; margin-right: 2em;} p.boutons a{text-decoration: none;} p.boutons, p.pdf a {clear:both;} p.boutons input, p.pdf a { color: #fff; font-size: 1em; font-weight: bold; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; width: 9em; padding: .3em 0 .33em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } p.pdf a { padding: .5em 0 .55em;} p.boutons input.submit, p.pdf a { border: 1px solid #9f144b; background: #c00050; background: -webkit-gradient(linear, left top, left bottom, from(#c00050), to(#9f144b)); background: -moz-linear-gradient(top, #c00050, #9f144b); } p.boutons button.erase { margin-right: 1em; border: 1px solid #ccc; background: #eee; color: #000; background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc)); background: -moz-linear-gradient(top, #ddd, #ccc); text-shadow:none; } p.boutons input:hover, p.boutons input:focus, p.pdf a:hover, p.pdf a:focus { background: #9f144b; background: -webkit-gradient(linear, left top, left bottom, from(#9f144b), to(#c00050)); background: -moz-linear-gradient(top, #9f144b, #c00050); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f144b', endColorstr='#c00050'); position: relative; top: 1px; left: 1px; } p.boutons input.erase:hover, p.boutons input.erase:focus { background: #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd)); background: -moz-linear-gradient(top, #ccc, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#ddd'); position: relative; top: 1px; left: 1px; } /* -------------- page fiche ----------- */ p.pdf {display: block; float:left; width:9.5em; overflow:hidden; margin:0;padding:1px;} p.pdf span {display:block;font-size: .86em;margin-top: 0;} ul.auteur {margin-top:.75em; margin-left: 10em;} ul.auteur li {padding: 0;margin: 0;} p.resume {clear:both;font-weight: bold;margin-top: 1em; padding-top: 1em; border-top:1px solid #c00050;font-size: 1.1em;} p.numeros {padding: 3px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;font-size: .9em;margin-top: 1.5em;} .inner.fiche li {background-image: none; padding-left: 0;} ul.autres-infos li span {color: #666; font-weight:bold; display:block;margin-top: 1.5em; } /* -------------- page recherche experte ----------- */ .avancee #container {margin: 0 21em 0 17em;} .avancee #secondary {width:19em; margin-right:-19em;} .avancee form {border: 1px solid #999; padding: 4px 1em} .avancee #secondary ul li {margin: .5em 0;} /* -------------- page contact ----------- */ .contact #container {margin: 0 21em 0 17em;} .contact form {border: 1px solid #999; padding: 0 .66em;} .contact #secondary {width:19em; margin-right:-19em;} .contact #secondary h2 {margin-bottom: 1em;} .question {font-weight: bold; margin-bottom: .33em;} .reponse {margin-top: 0; margin-bottom: 1.33em;} /* -------------- page aide ----------- */ .aide .reponse, .aide .inner li {margin-bottom: .66em;} /* -------------- page r�sultats ----------- */ .recap {margin-bottom: 1.5em;} .recap p, .recap ul, .recap li {margin:0; padding:0;} .recap li {padding-left: 14px;} .recap .criteres, .recap .nb_result {font-weight: bold;} .recap .nb_result {color: #c00050;} .recap .revert {margin-top: .5em;font-style: italic;} .more a {font-weight: bold;} /* -------------- listes fiches home et r�sultats ----------- */ .list {margin-top: 2em;} .list li {margin-bottom: 1em; padding-bottom: 8px; padding-left:20px; border-bottom: 1px dotted #369;font-weight: bold;background-image: url(img/fiche.png);} .list p {margin: .5em 0 0 0;} .list li p.info {margin: .33em 0;font-weight: normal;} /* --------- sidebar ------------ */ .warning {margin-bottom: 2em;margin-top:8px;background: #eef; border: 1px solid #ccd;} .warning strong {font-size: 1.1em;} #service-public { background: #fff; border: 1px solid #369; margin: 2em 0 1em 0; text-align: center; } #service-public p {margin: 0; padding: 2px 8px;} #service-public img {border: none; margin: 0 auto;} #fiscales { border-top: 1px solid #369; border-bottom: 1px solid #369; margin: 2.5em 0 1em 0; padding: 4px 8px; text-align: center; font-size:.86em; } #fiscales a {text-decoration: none;font-weight: bold;} #fiscales p {margin:0;} /* --------- secondary ------------ */ /*#secondary {overflow:hidden;}*/ #secondary h3 {font-size: 1.05em;} #secondary .innerbox {font-size: .9em;} /* -------------------------------------------------- MOBILES ET PETITS ECRANS -------------------------------------------------- */ @media screen and (max-width:640px) { #skip, #breadcrumb {display: none;} body, #page { font-size: 100% !important; line-height: 1.2; background: #fff; width: auto !important; } h1 {height: 50px;border-bottom: 1px solid #369;padding-bottom: 1em} h1 a img {width: 300px;height: 48px;} html, body, #page, #header, #skip, .f3c #container, .f2c #container, #main, #content, #secondary, #sidebar { clear: both !important; float: none !important; width: auto !important; margin:0; padding:0; left: 0; border-left: 0 none; border-right: 0 none; } #page {padding: 0 6px;overflow: hidden;} #header {padding-top:0;} #container ul { margin: 0; } #container h2, #container h3 { margin: .75em 0 0; padding: 2px;} } /* end max-width:640px media query */ @media screen and (orientation: landscape) { body { -webkit-text-size-adjust: 70% !important; } } /* end iphone/ipad horizontal query */* /* --------------------------- LEGIFRANCE -------------------------------- */ #aside { float: right; width: 19em; margin: 2em 1em; border: 1px dotted #666; line-height: 1.3; font-size: .9em; } #aside ul { padding: 0 8px; list-style-type: none; } .somm li{ background: transparent; } #aside p { padding: 0 8px; }