body {
background: #431316;
font-family:Trebuchet MS;
}

/* LOGO */
#logo {
display:block;
width:250px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}
/* END LOGO */

/* MENU */

#menu a { 
display:block; 
color: black;
text-decoration:none;
}
		
#menu {
text-align:center;
background-color:#E50C7E;
margin-bottom:40px;
margin-right:auto;
margin-left:auto;
}

#menu > li,
#menu > li li {
position: relative;
display:inline-block;
list-style: none;
width: 150px;
padding: 6px 15px;
text-align: center;
background-color: #E50C7E;
}

#menu > li li { 
background: transparent none; 
}

#menu > li li a { 
color: black; 
}

#menu > li li:hover { 
background:white; 
}
		
#menu>li:last-child {
border-right:0;
border-left: 0;
}

#menu ul {
position: absolute;
top: 1.95em; left:0;
max-height:0em;
margin:0; padding:0;
background-color:#E50C7E;
overflow:hidden;
-webkit-transition: 1s max-height 0.3s;
-moz-transition: 1s max-height 0.3s;
-ms-transition: 1s max-height 0.3s;
-o-transition: 1s max-height 0.3s;
transition: 1s max-height 0.3s;
}
		
#menu>li:hover {
background-color: white;
}
		
#menu>li:hover ul {
max-height:13em;
}

/* END MENU */

/* CONTENU */
#paragraphe {
color:#E50C7E; 
Font-size:20px;
font-weight:bold;
text-align:center;
margin-top:10px;
}

.txt {
width: 640px;
margin-left: auto;
margin-right: auto;
margin-top:80px;
margin-bottom:20px;
text-align:justify;
font-size:18px;
color:white;
}

/* END CONTENU */

/* BAS DE PAGE */

#SAK {
color: #E50C7E;
text-align:center;
margin-top:50px;
font-size:18px;
}

#quote {
display:block;
 width:600px;
 margin-top:20px;
 margin-bottom:30px;
 margin-left:auto;
 margin-right:auto;
}

.socials{
width: 200px;
margin-left: auto;
margin-right:auto;
}

.low {
text-align:center;
color:gray;
margin-top:20px;
font-size:15px;
}

a:hover {
text-decoration:underline;
}

a{
text-decoration:none;
}

/* END BAS DE PAGE */