css/habillage.css

   1 body{
   2         margin-top:0;
   3         height: 1500px;
   4         font-family: 'Open Sans', Arial, sans-serif;
   5 }
   6
   7 header{
   8         margin:0 auto;
   9         width:1200px;
  10 }
  11
  12 #wrap {
  13         background-color: #2b1b1b;
  14         padding-top:100px;
  15         width: 1200px;
  16         margin: 0 auto;
  17 }
  18
  19 a{
  20         text-decoration:none;
  21 }
  22
  23 h1{
  24         margin: 15px -15px 5px 15px;
  25         padding:0;
  26         font-size:2.2em;
  27         color:#1d0b78;
  28         display:inline-block;
  29         width:100%;
  30         word-wrap: break-word;
  31 }
  32
  33 h2{
  34         margin: 15px 15px;
  35         font-size:1.5em;
  36         color:#1d0b78;
  37         display:inline-block;
  38         width:100%;
  39
  40 }
  41
  42 h3{
  43         margin:15px;
  44         display:inline-block;
  45         color:#1d0b78;
  46 }
  47
  48 p{
  49         margin:0 15px;
  50         color:#1d0b78;
  51         text-decoration:none;
  52 }
  53
  54 /*1ERE COLONNE*/
  55
  56
  57 #ateliers{
  58         /*background-color: #76d55c;*/
  59         width:300px;
  60         height:600px;
  61         float:left;
  62 }
  63
  64 .atelier1{
  65         width:300px;
  66         height:300px;
  67         margin-bottom:15px;
  68         background-color: #2bc7cd;
  69 }
  70
  71 .atelier2{
  72         width:300px;
  73         height:300px;
  74         margin-bottom:15px;
  75         background-color: #2bc7cd;
  76 }
  77
  78 .atelier3{
  79         width:300px;
  80         height:300px;
  81         margin-bottom:15px;
  82         background-color: #2bc7cd;
  83 }
  84
  85 .atelier4{
  86         width:300px;
  87         height:300px;
  88         margin-bottom:15px;
  89         background-color: #2bc7cd;
  90 }
  91
  92 .atelier5{
  93         width:300px;
  94         height:300px;
  95         margin-bottom:15px;
  96         background-color: #2bc7cd;
  97 }
  98
  99 .atelier6{
 100         width:300px;
 101         height:300px;
 102         margin-bottom:15px;
 103         background-color: #2bc7cd;
 104 }
 105
 106 .atelier7{
 107         width:300px;
 108         height:300px;
 109         margin-bottom:15px;
 110         background-color: #2bc7cd;
 111 }
 112
 113
 114 /*2EME COLONNE*/
 115
 116
 117 #news{
 118         /*background-color:#a51616;*/
 119         width:500px;
 120         height:1000px;
 121         margin-left:20px;
 122         float:left;
 123         clear:right;
 124 }
 125
 126 .article1{
 127         background-color:#ffaa7f;
 128         width:500px;
 129         height:700px;
 130         margin-bottom:15px;
 131 }
 132
 133 .article2{
 134         background-color:#ffaa7f;
 135         width:500px;
 136         height:440px;
 137         margin-bottom:15px;
 138 }
 139
 140 .article3{
 141         background-color:#ffaa7f;
 142         width:500px;
 143         height:440px;
 144         margin-bottom:15px;
 145 }
 146
 147 .article4{
 148         background-color:#ffaa7f;
 149         width:500px;
 150         height:440px;
 151         margin-bottom:15px;
 152 }
 153
 154
 155
 156 /*3EME COLONNE*/
 157
 158
 159
 160 .map{
 161         background-color:#6059d2;
 162         width:400px;
 163         margin-left:840px;
 164         height:400px;
 165         margin-bottom:20px;
 166 }
 167
 168 .agenda{
 169         background-color: #ca52ae;
 170         width:400px;
 171         height:400px;
 172         margin-left:840px;
 173 }
 174