Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body
- {
- background-color: #212121;
- margin: 0;
- color:white;
- }
- ul
- {
- padding: 0;
- list-style: none;
- }
- a
- {
- text-decoration: none;
- color:white;
- }
- li
- {
- list-style: none;
- }
- /* Zone d'entête du site */
- .background_header
- {
- background-attachment: fixed;
- background-image: url("background.jpg") ;
- background-size: cover;
- height: 100vh;
- display: flex;
- background-position: 100% ;
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- text-shadow: 3px 3px 3px black;
- background-repeat: no-repeat;
- }
- /* Menu */
- .menulogo {
- display: inline-block;
- text-align: center;
- background: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,5%,0)),to(#0c0c0c));
- background: linear-gradient(0deg,hsla(0,0%,5%,0),#0c0c0c);
- z-index: 100;
- position: fixed;
- }
- .logo
- {
- float: left;
- width: 5%;
- height: 5%;
- margin: 10px;
- border-radius: 50%;
- }
- .nav {
- padding-top: 1.5%;
- display: inline-flex;
- margin-left: -105px;
- }
- .nav li {
- padding-bottom: 3px;
- width:150px;
- font-size: 120%;
- }
- .nav a {
- margin: 0 30px;
- color:white;
- }
- .nav li:hover
- {
- border-bottom: 1px solid white;
- }
- /* Partis texte du header */
- .text-header
- {
- margin-top: 20%;
- margin-left: 8%;
- font-size: 200%;
- width: 500px;
- height: 500px;
- line-height: 50%;
- float:left;
- }
- .text-header-droite
- {
- padding-left: 15%;
- color : #C80037;
- }
- .text-header hr
- {
- width: 15%;
- margin-left: 0%;
- }
- .header-slogan
- {
- padding-left: 15%;
- padding-top: 1%;
- font-size: 50%;
- line-height:160%;
- width: 70%;
- }
- .vertical
- {
- border-left: 1px solid white;
- height: 52%;
- left: 50%;
- margin-left: 15%;
- }
- .button
- {
- margin-left: 15%;
- margin-top: 6%;
- padding: 15px;
- border: 0;
- background-color: #ff1942;
- display: flex;
- color: white;
- }
- .button:hover
- {
- background-color: white;
- color: #C80037;
- cursor:pointer;
- }
- /* Zone Main du site */
- /* Footer du site */
- .map
- {
- overflow:hidden;
- width: 350px;
- position: relative;
- margin-left: 5%;
- display: inline-flex;
- }
- .horaire
- {
- display:flex;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement