[HTML] adresses ateliers

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

diff --git a/css/habillage.css b/css/habillage.css
index e69de29..605652c 100644 (file)
--- a/css/habillage.css
+++ b/css/habillage.css
@@ -0,0 +1,174 @@
+body{
+       margin-top:0;
+       height: 1500px;
+       font-family: 'Open Sans', Arial, sans-serif;
+}
+
+header{
+       margin:0 auto;
+       width:1200px;
+}
+
+#wrap {
+       background-color: #2b1b1b;
+       padding-top:100px;
+       width: 1200px;
+       margin: 0 auto;
+}
+
+a{
+       text-decoration:none;
+}
+
+h1{
+       margin: 15px -15px 5px 15px;
+       padding:0;
+       font-size:2.2em;
+       color:#1d0b78;
+       display:inline-block;
+       width:100%;
+       word-wrap: break-word;
+}
+
+h2{
+       margin: 15px 15px;
+       font-size:1.5em;
+       color:#1d0b78;
+       display:inline-block;
+       width:100%;
+       
+}
+
+h3{
+       margin:15px;
+       display:inline-block;
+       color:#1d0b78;
+}
+
+p{
+       margin:0 15px;
+       color:#1d0b78;
+       text-decoration:none;
+}
+
+/*1ERE COLONNE*/
+
+
+#ateliers{
+       /*background-color: #76d55c;*/
+       width:300px;
+       height:600px;
+       float:left;
+}
+
+.atelier1{
+       width:300px;
+       height:300px;
+       margin-bottom:15px;
+       background-color: #2bc7cd;
+}
+
+.atelier2{
+       width:300px;
+       height:300px;
+       margin-bottom:15px;
+       background-color: #2bc7cd;
+}
+
+.atelier3{
+       width:300px;
+       height:300px;
+       margin-bottom:15px;
+       background-color: #2bc7cd;
+}
+
+.atelier4{
+       width:300px;
+       height:300px;
+       margin-bottom:15px;
+       background-color: #2bc7cd;
+}
+
+.atelier5{
+       width:300px;
+       height:300px;
+       margin-bottom:15px;
+       background-color: #2bc7cd;
+}
+
+.atelier6{
+       width:300px;
+       height:300px;
+       margin-bottom:15px;
+       background-color: #2bc7cd;
+}
+
+.atelier7{
+       width:300px;
+       height:300px;
+       margin-bottom:15px;
+       background-color: #2bc7cd;
+}
+
+
+/*2EME COLONNE*/
+
+
+#news{
+       /*background-color:#a51616;*/
+       width:500px;
+       height:1000px;
+       margin-left:20px;
+       float:left;
+       clear:right;
+}
+
+.article1{
+       background-color:#ffaa7f;
+       width:500px;
+       height:700px;
+       margin-bottom:15px;     
+}
+
+.article2{
+       background-color:#ffaa7f;
+       width:500px;
+       height:440px;
+       margin-bottom:15px;     
+}
+
+.article3{
+       background-color:#ffaa7f;
+       width:500px;
+       height:440px;
+       margin-bottom:15px;     
+}
+
+.article4{
+       background-color:#ffaa7f;
+       width:500px;
+       height:440px;
+       margin-bottom:15px;     
+}
+
+
+
+/*3EME COLONNE*/
+
+
+
+.map{
+       background-color:#6059d2;
+       width:400px;
+       margin-left:840px;
+       height:400px;
+       margin-bottom:20px;
+}
+
+.agenda{
+       background-color: #ca52ae;
+       width:400px;
+       height:400px;
+       margin-left:840px;
+}
+