[CSS]

[lhc/web/clavettes.git] / css / habillage.scss

diff --git a/css/habillage.scss b/css/habillage.scss
index 4ebf6fc..a2f6b30 100644 (file)
--- a/css/habillage.scss
+++ b/css/habillage.scss
@@ -1,3 +1,78 @@
+@charset "UTF-8";
+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, 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,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-family: sans-serif;
+  color:#1a0583;
+  text-align: left;
+}
+
+html, body, span, applet, object, iframe,
+blockquote, pre, section,
+abbr, acronym, address, big, cite, code,
+del, dfn, em, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption,hgroup,
+menu, nav, output, ruby, summary, mark, audio, video {
+       background-color: #ffffff;
+       background: none;
+}
+
+html {
+  line-height: 1;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+q, blockquote {
+  quotes: none;
+}
+q:before, q:after, blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+a img {
+  border: none;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
+  display: block;
+}
+
 *{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
@@ -7,28 +82,34 @@
 body{
        margin:0;
        padding:0;
-       font-family: sans-serif;
-       color:#1a0583;
 }
 
 header{
        margin:0 auto;
-       width:100%;
+       width:1200px;
+       
 }
 
-header img{
-       margin-left:120px;
+header .spip_logos{
+       margin-left: 10px;
+       position:absolute;
 }
 
+
 #wrap{
-       padding-top:20px;
-       width:1100px;
+       padding-top:130px;
+       width:1200px;
        margin:0 auto;
 }
 a{
        text-decoration:none;
 }
 
+a:focus, a:hover, a:active{
+       background:none;
+       color:#1a0583;
+}
+
 h1{
        margin: 0;
        padding:0;
@@ -36,6 +117,7 @@ h1{
        padding-left:15px;
        font-size:1.9em;
        display:inline-block;
+       font-weight: bold;
 }
 
 h2{
@@ -51,6 +133,7 @@ h3{
 
 p{
        margin:0 15px;
+       padding-bottom:15px;
        text-decoration:none;
        text-align: justify;
 }
@@ -75,13 +158,13 @@ p{
 }
 
 #ateliers ul li{
-       height: 300px;
+       
        margin-bottom:15px;
        background-color: #2bc7cd;
 }
 
 #ateliers p{
-       margin: 15px 15px 0 15px;
+       margin: 15px 15px 0 0;
        font-size:1.3em;
        font-weight: bold;
        text-align: left;       
@@ -96,7 +179,6 @@ p{
 
 
 #news{
-       margin:0 10px 10px 10px;
        overflow: hidden;
 }
 
@@ -106,7 +188,7 @@ p{
 
 .article{
        background-color:#ffaa7f;
-               
+       margin:0 10px 15px 10px;
 }