X-Git-Url: https://git.cyclocoop.org/%7B%7B%20url_for%28%27admin_vote_del%27%2C%20idvote=vote.voteid%29%20%7D%7D?a=blobdiff_plain;f=css%2Fhabillage.scss;h=ae32a5ff872e8881ee3446bc53a7558e6a1d96a7;hb=2a349755d2e270c9ee539c614dd6a01ad0459c51;hp=4ebf6fcc5034e7b12134938e2aa5de54a0ea6263;hpb=3e3b6993dd698020d1bbaf0754898b6d38b55536;p=lhc%2Fweb%2Fclavettes.git

diff --git a/css/habillage.scss b/css/habillage.scss
index 4ebf6fc..ae32a5f 100644
--- 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,12 @@ 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 +178,6 @@ p{
 
 
 #news{
-	margin:0 10px 10px 10px;
 	overflow: hidden;
 }
 
@@ -106,7 +187,7 @@ p{
 
 .article{
 	background-color:#ffaa7f;
-		
+	margin:0 10px 15px 10px;
 }
 
 
@@ -289,6 +370,10 @@ p{
 
 @media only screen and (min-width:1024px) {
 
+.wrap{
+	width: auto;
+}
+
 .col-l-1{
 	width:8.33333%;
 }