[CSS+SKEL] + footer

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

diff --git a/css/habillage.scss b/css/habillage.scss
index 8849280..04d66fa 100644 (file)
--- a/css/habillage.scss
+++ b/css/habillage.scss
@@ -24,7 +24,7 @@ time, mark, audio, video {
 }
 
 html, body, span, applet, object, iframe,
-blockquote, pre,
+blockquote, pre, section,
 abbr, acronym, address, big, cite, code,
 del, dfn, em, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
@@ -35,6 +35,7 @@ article, aside, canvas, details, embed,
 figure, figcaption,hgroup,
 menu, nav, output, ruby, summary, mark, audio, video {
        background-color: #ffffff;
+       background: none;
 }
 
 html {
@@ -85,16 +86,19 @@ body{
 
 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:100%;
        margin:0 auto;
 }
 a{
@@ -113,6 +117,7 @@ h1{
        padding-left:15px;
        font-size:1.9em;
        display:inline-block;
+       font-weight: bold;
 }
 
 h2{
@@ -128,6 +133,7 @@ h3{
 
 p{
        margin:0 15px;
+       padding-bottom:15px;
        text-decoration:none;
        text-align: justify;
 }
@@ -152,15 +158,13 @@ p{
 }
 
 #ateliers ul li{
-       height: 300px;
+       
        margin-bottom:15px;
-       background-color: #2bc7cd;
 }
 
 #ateliers p{
-       margin: 15px 15px 0 15px;
-       font-size:1.3em;
-       font-weight: bold;
+       margin: 15px 15px 0 0;
+       font-size:1.0em;
        text-align: left;       
 }
 
@@ -173,7 +177,6 @@ p{
 
 
 #news{
-       margin:0 10px 10px 10px;
        overflow: hidden;
 }
 
@@ -183,7 +186,7 @@ p{
 
 .article{
        background-color:#ffaa7f;
-               
+       margin:0 10px 15px 10px;
 }
 
 
@@ -196,13 +199,13 @@ p{
 .map{
        background-color:#6059d2;
        height: 300px;
-       margin:0 0 15px 10px;
+       margin:0 10px 15px 10px;
 }
 
 .agenda{
        background-color: #3ee88d;
        height:500px;
-       margin:0 0 0px 10px;
+       margin:0 10px 0px 10px;
        padding-right: 10px;    
 }
 
@@ -220,7 +223,10 @@ p{
 .date{
        float:left;
        font-size: 1.7em;
-        
+       clear: both; 
+}
+.horaire{
+       font-size: 0.8em;
 }
 
 /*RESPONSIVE*/
@@ -306,7 +312,7 @@ p{
 
 
 
-@media only screen and (min-width:640px) {
+@media only screen and (min-width:650px) {
 
 .col-m-1{
        width:8.33333%;
@@ -364,7 +370,15 @@ p{
 
 
 
-@media only screen and (min-width:1024px) {
+@media only screen and (min-width:1200px) {
+
+#wrap{
+       width:1200px;
+}
+
+.wrap{
+       width: auto;
+}
 
 .col-l-1{
        width:8.33333%;
@@ -421,22 +435,22 @@ p{
 footer{
        clear:both;
        height:200px;
-       width:100%;
        background-color: #ffaa7f;
-       
 }
 
 footer ul {
        padding:0;
-       margin:0;
+       margin:0 auto;
        list-style-type:none;
        padding-top:70px;
-       margin-left:100px;
-
+}
+.textfooter{
+       width:500px;
+       margin:0 auto;
 }
 footer li {
-       margin-left:2px;
        float:left; /*pour IE*/
+       text-align: center;
 }
 footer ul li a {
        display:block;