After Width: | Height: | Size: 43 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 55 KiB |
After Width: | Height: | Size: 42 KiB |
After Width: | Height: | Size: 5.4 KiB |
After Width: | Height: | Size: 5.9 KiB |
After Width: | Height: | Size: 6.9 KiB |
After Width: | Height: | Size: 3.8 MiB |
After Width: | Height: | Size: 5.6 KiB |
@ -0,0 +1,268 @@
|
||||
@font-face {
|
||||
font-family: "Manuscrite";
|
||||
src: url(Polices/coolvetica\ rg.otf);
|
||||
}
|
||||
|
||||
header{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
margin-bottom: 30px;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
header nav{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
height: 100%;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
header div{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
header a{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
margin: 5px;
|
||||
list-style-type: none;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
color: white;
|
||||
font-family: "Manuscrite";
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#L1{
|
||||
width: 60vw;
|
||||
height: 50vh;
|
||||
background-color: rgba(232,160,34,1);
|
||||
}
|
||||
|
||||
#L2{
|
||||
width: 40vw;
|
||||
height: 50vh;
|
||||
background-color: rgba(219, 139, 0,1);
|
||||
}
|
||||
|
||||
#L3{
|
||||
width: 40vw;
|
||||
height: 50vh;
|
||||
background-color: rgba(219, 139, 0,1);
|
||||
}
|
||||
|
||||
#L4{
|
||||
width: 60vw;
|
||||
height: 50vh;
|
||||
background-color: rgba(232,160,34,1);
|
||||
}
|
||||
|
||||
header a:hover{
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
header img{
|
||||
position: absolute;
|
||||
height: 250px;
|
||||
width: 250px;
|
||||
align-self: center;
|
||||
background-color: black;
|
||||
border-radius: 10%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
body{
|
||||
margin: 0px;
|
||||
background-color: #47383A;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
p{
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
section{
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
section a{
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
section a:hover{
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#Avis{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
#SWOT{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
article{
|
||||
background-color: rgba(0,0,0,.8);
|
||||
color: #ffffff;
|
||||
width: 40vw;
|
||||
height: 40vh;
|
||||
padding: 20px;
|
||||
border-radius: 20px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.avieco{
|
||||
color: #ffffff;
|
||||
background-color: rgba(0,0,0,.8);
|
||||
padding: 20px;
|
||||
margin: 10px;
|
||||
border-radius: 20px;
|
||||
height: 74vh;
|
||||
width: 26vw;
|
||||
}
|
||||
|
||||
/*#Alexis{
|
||||
order: 1;
|
||||
}
|
||||
|
||||
#Johnny{
|
||||
order: 2;
|
||||
}
|
||||
|
||||
#Maël{
|
||||
order: 3;
|
||||
}*/
|
||||
|
||||
h6{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#devmarché p{
|
||||
background-color: rgba(0,0,0,.8);
|
||||
color: #ffffff;
|
||||
padding: 20px;
|
||||
border-radius: 20px;
|
||||
height: 80vh;
|
||||
width: 30vw;
|
||||
}
|
||||
|
||||
.séparateur{
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#Marché{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
#galeriemarché{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-self: center;
|
||||
flex-wrap: wrap;
|
||||
width: 50vw;
|
||||
}
|
||||
|
||||
#galeriemarché img{
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.LienMenu img{
|
||||
height: 150px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.LienMenu{
|
||||
justify-self: flex-start;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
#Activité{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
#devactivité p{
|
||||
background-color: rgba(0,0,0,.8);
|
||||
color: #ffffff;
|
||||
padding: 20px;
|
||||
margin-top: 40px;
|
||||
border-radius: 20px;
|
||||
height: 80vh;
|
||||
width: 30vw;
|
||||
}
|
||||
|
||||
#galerieactivité{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-self: center;
|
||||
flex-wrap: wrap;
|
||||
width: 50vw;
|
||||
}
|
||||
|
||||
#galerieactivité img{
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
#deventreprise{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
#Entreprise{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
#devecologie{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
#Ecologie{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
}
|