121 lines
1.4 KiB
CSS
121 lines
1.4 KiB
CSS
html {
|
|
font-family: Georgia, Verdana, sans-serif;
|
|
}
|
|
|
|
header {
|
|
align-items: center;
|
|
background-color: rgb(40,140,180);
|
|
padding: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
body{
|
|
margin-top: 0%;
|
|
background-color: rgb(250, 250, 200);
|
|
}
|
|
|
|
img{
|
|
margin:2%;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
position:relative;
|
|
}
|
|
|
|
li {
|
|
display: inline;
|
|
}
|
|
|
|
li a {
|
|
color:rgb(250, 250, 200);
|
|
text-align: center;
|
|
padding: 14px 16px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1{
|
|
color:rgb(223, 56, 27);
|
|
margin-left: 10%;
|
|
margin-right: 10%;
|
|
}
|
|
|
|
p{
|
|
color:rgb(29, 92, 117);
|
|
}
|
|
|
|
.centrer{
|
|
text-align: center;
|
|
}
|
|
|
|
.title {
|
|
text-align: center;
|
|
}
|
|
|
|
.corps{
|
|
margin-top: 6%;
|
|
margin-left: 22%;
|
|
margin-right: 22%;
|
|
text-align: center;
|
|
}
|
|
|
|
#citi{
|
|
position:absolute;
|
|
left: 80%;
|
|
max-width: 3%;
|
|
}
|
|
|
|
#logo{
|
|
position:absolute;
|
|
left: 5%;
|
|
max-width:10%;
|
|
}
|
|
|
|
#collectif_karafon{
|
|
color: rgb(248, 248, 218);
|
|
}
|
|
|
|
#festival_itinerant{
|
|
color:rgb(248,248,218);
|
|
}
|
|
|
|
#equipe{
|
|
position:absolute;
|
|
right:7%;
|
|
top:30%;
|
|
max-height:40%;
|
|
}
|
|
|
|
#montage{
|
|
max-width:30%;
|
|
float:right;
|
|
}
|
|
|
|
#tentes{
|
|
max-width:30%;
|
|
float:left;
|
|
}
|
|
|
|
#equipe_accueil{
|
|
max-width:30%;
|
|
float:left;
|
|
}
|
|
|
|
#spectacle{
|
|
max-width:30%;
|
|
float:left;
|
|
}
|
|
|
|
#intro-prochain{
|
|
margin-top: 8%;
|
|
margin-left: 4%;
|
|
margin-right: 40%;
|
|
margin-bottom: -10%;
|
|
}
|
|
|
|
.images{
|
|
max-width:28%;
|
|
}
|