Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- margin: 4px;
- font-family: sans-serif;
- }
- .Menu{
- list-style: none;
- display: flex;
- background-color: black;
- margin: 0;
- padding-left: 1%;
- }
- .fellowsContact{
- display: flex;
- white-space: nowrap;
- }
- .Titre{
- display: flex;
- align-items: center;
- color: white;
- font-size: 130%;
- padding-right: 1%;
- }
- .FellowsMenu{
- display: flex;
- align-items: center;
- background-color:gainsboro;
- padding-left: 2%;
- padding-right: 2%;
- padding-top: 1%;
- padding-bottom: 1%;
- }
- .ContactMenu{
- display: flex;
- align-items: center;
- color: white;
- padding-left: 2%;
- padding-right: 1%;
- }
- .carousel {
- background-color: gainsboro;
- padding: 13%;
- }
- .titre2 {
- text-align: center;
- margin: 4%;
- }
- span{
- font-size: 80%;
- }
- h2 {
- font-weight: lighter;
- }
- article {
- display: inline;
- background-color: gainsboro;
- padding: 16%;
- margin: 10px;
- padding-top: inherit;
- padding-bottom: 420px;
- }
- .art {
- padding: 0px;
- height: 470px
- }
- hr {
- margin-top: 130px;
- width: 96%;
- height: 1.2px;
- background-color: black;
- }
- #contactus {
- padding: 30px;
- padding-top: 20px;
- padding-bottom: 10px;
- }
- .champs {
- width: 100%;
- height: 30px;
- margin: 5px;
- border-width: 1.5px;
- border-color: black;
- padding: 3px;
- }
- .textarea {
- width: 100%;
- height: 90px;
- margin: 5px;
- border-width: 1.5px;
- border-color: black;
- padding: 3px;
- }
- .deroulant {
- height: 30px;
- margin: 5px;
- border-width: 1px;
- border-color: black;
- padding: 3px;
- border-radius: 5px;
- width: 100%;
- }
- form{
- margin-bottom: 3%;
- }
- .bouton{
- margin-left: 55%;
- }
- .mail{
- width: 97%;
- }
- .formulaire {
- display: flex;
- flex-direction: column;
- width: 70%;
- margin-left: auto;
- margin-right: auto;
- }
- .center{
- display: flex;
- justify-content: center;
- }
- .ulfooter{
- list-style-type: none;
- display: flex;
- flex-direction: column;
- }
- .footListe{
- display: flex;
- color: floralwhite;
- background-color: black;
- justify-content: space-between;
- }
- .sauron{
- display: flex;
- justify-content: center;
- font-weight: bold;
- padding-right: 7%
- }
- .menuFoot{
- display: flex;
- }
- .also{
- font-size: 100%;
- }
- @media screen and (max-width: 500px){
- .Menu{
- list-style: none;
- display: flex;
- justify-content: flex-start;
- background-color: black;
- margin: 0;
- padding-left: 1%;
- font-size: 115%;
- }
- .Titre{
- font-size: 100%;
- }
- .fellowsContact{
- justify-content: space-between;
- }
- .FellowsMenu{
- color: white;
- background-color: black;
- }
- body {
- font-size: 90%;
- }
- article{
- display: flex;
- padding-bottom: 28%;
- margin-left: 6%;
- margin-right: 6%;
- }
- .art{
- height: 100%;
- }
- hr{
- margin-top: 5%;
- }
- #contactus{
- font-size: 120%;
- display: flex;
- justify-content: center;
- }
- .menuFoot{
- display: inline;
- }
- .footListe{
- flex-direction: column;
- align-items: center;
- padding: 5%;
- }
- .sauron{
- align-items: center;
- font-weight: normal;
- }
- .ulfooter{
- align-items: center;
- padding: 0;
- margin: 0;
- }
- footer{
- font-size: 70%;
- }
- .also{
- display: none;
- }
- .titre2{
- font-size: 80%;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement