[CSS][SKEL] ~dimensionnement des logos via un filtre SPIP
[lhc/web/clavettes.git] / css / habillage.scss
index a2f6b30..62c776e 100644 (file)
@@ -98,7 +98,7 @@ header .spip_logos{
 
 #wrap{
        padding-top:130px;
-       width:1200px;
+       width:100%;
        margin:0 auto;
 }
 a{
@@ -160,13 +160,11 @@ p{
 #ateliers ul li{
        
        margin-bottom:15px;
-       background-color: #2bc7cd;
 }
 
 #ateliers p{
        margin: 15px 15px 0 0;
-       font-size:1.3em;
-       font-weight: bold;
+       font-size:1.0em;
        text-align: left;       
 }
 
@@ -182,10 +180,6 @@ p{
        overflow: hidden;
 }
 
-#news img{
-       height:350px;
-}
-
 .article{
        background-color:#ffaa7f;
        margin:0 10px 15px 10px;
@@ -201,13 +195,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;    
 }
 
@@ -225,7 +219,10 @@ p{
 .date{
        float:left;
        font-size: 1.7em;
-        
+       clear: both; 
+}
+.horaire{
+       font-size: 0.8em;
 }
 
 /*RESPONSIVE*/
@@ -311,7 +308,7 @@ p{
 
 
 
-@media only screen and (min-width:640px) {
+@media only screen and (min-width:650px) {
 
 .col-m-1{
        width:8.33333%;
@@ -369,7 +366,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%;
@@ -426,22 +431,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;