Commit 377cb40e authored by Mindiell's avatar Mindiell

First commit

parents
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* mk in RP */
div.mk-transcript {
height:240px; overflow-y:scroll; overflow-x:hidden; padding:0 1em;
}
.pane-lqdn-dossiers-intro-10 h2.pane-title { display:none; }
.pane-lqdn-dossiers-intro-10 { border-bottom:none !important; }
/* for RP articles with toggle featUrEe */
.toggle_poignee { font-size:125%; text-align:center; margin-left:49%; }
/* Bottom */
#bottom {
height: 50px;
overflow: hidden;
padding: 0 2%;
background-color: #487ED6;
}
#bottom,
#bottom a {
color: #FFF;
}
#bottom p {
margin: 0;
padding: 0;
}
#bottom-newsletter,
#bottom-feeds,
#bottom-social {
height: 50px;
line-height: 50px;
float: left;
}
/* Icons */
#bottom .icon {
width: 20px;
height: 20px;
float: left;
margin: 16px 10px 0 0;
}
#bottom .contact {
background-position: -160px 0;
}
#bottom .rss {
background-position: -140px 0;
}
#bottom .identica {
background-position: -180px 0;
}
#bottom .twitter {
background-position: -120px 0;
}
/* Newsletter form */
#bottom-newsletter {
width: 38%;
min-width: 45%;
}
#bottom-newsletter form {
width: 380px;
}
#bottom-newsletter form {
display: block;
float: left;
overflow: hidden;
}
#bottom-newsletter .form-item,
#bottom-newsletter label,
#bottom-newsletter .form-text,
#bottom-newsletter .form-submit {
float: left;
}
#bottom-newsletter .form-text {
font-size: 85%;
color: #666;
width: 120px;
height: 15px;
display: block;
padding: 0 10px;
margin: 0 2px 0 10px;
border: none;
background-color: #D6E2F5;
}
#bottom-newsletter .form-text:focus {
background-color: #FFF;
}
#bottom-newsletter .form-submit {
font-size: 9px;
color: #487ED6;
text-transform: uppercase;
height: 15px;
display: block;
padding: 2px 10px;
border: none;
background: #FFF;
}
#bottom-newsletter .form-text,
#bottom-newsletter .form-submit {
margin-top: 19px;
}
/* Bottom feeds */
#bottom-feeds {
width: 25%;
min-width: 27%;
}
#bottom-feeds span:nth-child(3) {
margin: 0 10px;
}
/* Bottom social */
#bottom-social {
width: 25%;
min-width: 21%;
float: right;
}
#bottom-social p {
float: left;
margin: 0 55px 0 0;
}
#bottom-social p:last-child {
margin: 0;
}
\ No newline at end of file
/**
* @file LQDN theme core styles.
*
*
* Couleurs :
* -- Bleu foncé : #487ED6 (fond / texte)
* -- Bleu clair : #D6E2F5 (fond)
* -- Gris foncé : #EEEEEE (fond)
* -- Gris clair : #F2F2F2 ou gray (texte)
* -- Blanc : #FFFFFF ou white (fond / texte)
* -- Noir : #000000 ou black (texte)
*/
/* =============================================================================
Type
========================================================================== */
/* YUI base fonts = 13 px size, 16 px line-height : 13px/1.231
For pixels (px) Declare this percent (%)
10 77
11 85
12 93
13 100 font-size: 13, line-heigh: 16,003, half-leading: 1.5015
14 108
15 116 font-size: 15, line-heigh: 18.465, half-leading: 1.7325
16 123.1
17 131
18 138.5
19 146.5
20 153.9 font-size: 20, line-heigh: 24,62, half-leading: 2.31
21 161.6
22 167
23 174
24 182
25 189
26 197 font-size: 26, line-heigh: 32,006, half-leading: 3.003
*/
/*
Pixels EMs Percent Points
6px 0.462em 46.2% 5pt
7px 0.538em 53.8% 5pt
8px 0.615em 61.5% 6pt
9px 0.692em 69.2% 7pt
10px 0.769em 76.9% 8pt
11px 0.846em 84.6% 8pt
12px 0.923em 92.3% 9pt
13px 1em 100% 10pt
14px 1.077em 107.7% 11pt
15px 1.154em 115.4% 11pt
16px 1.231em 123.1% 12pt
17px 1.308em 130.8% 13pt
18px 1.385em 138.5% 14pt
19px 1.462em 146.2% 14pt
20px 1.538em 153.8% 15pt
21px 1.615em 161.5% 16pt
22px 1.692em 169.2% 17pt
23px 1.769em 176.9% 17pt
24px 1.846em 184.6% 18pt
*/
body {
font-size: 13px;
line-height: 1.231;
font-family: Arial, "Bitstream Vera Sans", sans-serif;
font-style: normal;
color: #000;
}
h1, h2, h3, h4, h5, h6 {
font-style: normal;
font-weight: normal;
text-align: left;
}
h1 { font-size: 100%; line-height: inherit; margin: 0 0 0 0; }
h2 { font-size: 100%; line-height: inherit; margin: 0 0 0 0; }
h3 { font-size: 100%; line-height: inherit; margin: 0 0 0 0; }
h4 { font-size: 100%; line-height: inherit; margin: 0 0 0 0; }
h5 { font-size: 100%; line-height: inherit; margin: 0 0 0 0; }
h6 { font-size: 100%; line-height: inherit; margin: 0 0 0 0; }
/* Liens */
a, a:visited, a:hover {
color: #487ED6;
text-decoration: none;
}
a:hover {
color: #B0B0B0;
text-decoration: none;
}
p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
hyphenate-character: "\2010";
margin: 15px 0;
}
ul {
margin: 15px 0;
padding: 0 0 0 20px;
}
::-moz-selection { background: #BFBFBF; }
::selection { background: #BFBFBF; }
b, strong {
/* font-style: normal; */
font-weight: 700;
}
i, em {
font-style: italic;
/* font-weight: 400; */
}
/* =============================================================================
LQDN global styles
========================================================================== */
/* Quelques class CSS */
.clear {
clear: both;
height: 0px;
}
.l {
float: left;
padding: 6px;
margin: 0 10px 5px 0px;
border: 1px solid #DDD;
font-size: 0.8em;
}
.l-media {
float: left;
padding: 6px;
margin: 5px 3em 5px 0px;
border: 1px solid #DDD;
font-size: 0.8em;
}
.r {
float: right;
padding: 6px;
margin: 5px 0px 5px 10px;
border: 1px solid #DDD;
text-align: right;
font-size: 0.8em;
}
.tableau
{
font-size: 11px;
margin: 0px;
text-align: left;
border-collapse: collapse;
}
.tableau th
{
font-size: 14px;
font-weight: normal;
padding: 12px 15px;
border: 1px solid #999;
color: #039;
text-align: center;
}
.tableau td
{
padding: 8px 5px;
border: 1px solid #999;
color: #669;
}
.icon {
height: 0;
display: block;
overflow: hidden;
background: transparent url(../img/icons_sprite.png) no-repeat top left;
}
.urgent {
padding: 2px 10px;
margin: 3% 0;
border: 2px solid rgb(255, 0, 0);
}
.tampon {
text-transform:uppercase;
font-size: 150%;
-moz-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
border: 2px solid rgb(255, 0, 0);
display:inline;
padding:0 1em;
text-align: center;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
color: red;
float: right;
margin: -5px -20px 5px 5px;
background-color: white;
}
/* =============================================================================
Layout
========================================================================== */
#page {
min-width: 960px;
max-width: 1440px;
margin: 0 auto;
}
#container {
margin: 30px 2% 0;
}
#content.with-sidebar {
float: right;
width: 60%;
padding-left: 4%;
padding-right: 3%;
}
#sidebar {
width: 33%; /* 100% - (#content.width-sidebar).width */
}
body.no-sidebars.page-taxonomy #content,
body.no-sidebars.page-node #content {
margin-left: 15%;
margin-right: 15%;
}
/* =============================================================================
Homepage
========================================================================== */
/* Home - "Qu'est-ce que la quadrature ?" */
.pane-block-170 .pane-content {
font-style: italic;
color: #FFF;
padding: 15px;
background-color: #487ED6;
}
.pane-block-170 .pane-content p {
margin: 0;
}
.panel-2col-stacked .panel-col-first {
width: 59%;
}
.panel-2col-stacked .panel-col-last {
float: right;
width: 39%;
}
/* =============================================================================
LQDN formulaires
========================================================================== */
/* Add the form ID into lqdn_misc module to apply */
.lqdn-form label {
float: left;
text-align: right;
width: 200px;
}
#contact-mail-page label{
float:left;
width:142px;
}
#contact-mail-page textarea{
width:506px;
}
#contact-mail-page input[type="text"]{
width:506px;
margin-bottom:4px;
}
#contact-mail-page input[id=edit-captcha-response]{
width:42px;
}
/* =============================================================================
.tabs
========================================================================== */
ul.tabs {
list-style: none;
border-bottom: 1px solid #487ED6;
}
ul.tabs li {
display: inline;
}
ul.tabs li a {
display: inline-block;
position: relative;
top: 1px;
border: 1px solid #487ED6;
padding: 2px 10px;
}
ul.tabs li.active a {
border-bottom: 1px solid white;
}
h1 {
font-size: 1.75em;
}