* {
font-family: arial, sans-serif;
}

body {
background-color: #A50021;
margin-top: 20px;
margin-bottom: 50px;
}

a {
color: #A50021;
}

hr {
width: 30%;
}

p, ul {
color: #555;
text-align: left;
width: 77%;
margin-left: auto;
margin-right: auto;
}

ul li {
margin-top: 5px;
}

#share {
background-color: purple;
color: white;
font-size: 1.2em;
border-radius: 7px;
display: inline-block;
margin-top: 10px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
box-shadow: 1px 1px 3px #888;
}

#banniere {
position: fixed;
top: 40px;
width: 100%;
margin-left: auto;
margin-right: auto;
z-index: 100;

text-align: center;
color: #fff;
padding: 0px;
height: auto;
background-color: #A50021;
}

#banniere ul {
text-align: center;
}


#banniere ul li {
white-space:nowrap;
list-style-type: none;
font-weight: bold;
display: inline;
margin-right: 5%;
}

#banniere ul li a{
text-decoration: none;
color: white;
}

#menu li a {
display: inline;
}

h1 {
white-space:nowrap;
letter-spacing: 2px;
font-family: arial;
font-size: 1.8em;
}

h3 {
margin-top: 45px;
font-family: arial;
}

.pointeur {
position: relative;
bottom: 140px;
}


#page {
text-align: center;
width: 70%;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFA;
box-shadow: 0px 6px 12px #300200;
padding: 0px;
border-radius: 4px 4px 8px 8px;
}

#logo {
margin-top: 170px;
text-align:left;
width: 350px;
}

#affiche {
width: 10%;
position: fixed;
top: 30px;
left: 16%;
z-index: 1000;
display: none;
}

#vignette {
/* position: fixed;
top: 120px;
left: 5%;
z-index: 10000; */
width: 150px;
display: inline-block;
margin-top: 130px;
}

#photo {
width: 79%;
margin-top: 20px;
margin-bottom: 20px;
}



#intro {
font-style: italic;
text-align: center;
font-size:1.2em;
}

.important {
width: 100% !important;
}

.important div {
display: inline-block;
vertical-align: top;
background-color: #DAA520;
box-shadow: 1px 1px 3px #888;
border-radius: 10px;
min-width: 30%;
width: 40%;
margin-left: 10px;
margin-right: 10px;
}

.important div h4{
font-size: 1.5em;
font-variant: small-caps;
margin-top: 7px;
margin-bottom: -10px;

color: #333;
}

.important div ul {
list-style-type: none;
width: 100%;
padding: 10px;
margin-left: 5%;
}

.important div ul li {
margin-left: 15px;
font-size: 1.05em;
color: #000;
white-space: no-wrap;
}

.important div ul li  a{
color: #333;
font-weight: bold;
text-decoration: none;
}


#cadre {
border: 1px solid #EFEC99;
background-color: #FFFFBB;
border-radius: 10px;
width: 76%;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 25px;
padding: 20px;
}

#cadre p, #cadre ul {
color: #111;
width: 95%;
}

#footer {
color: #FFF;
height: 50px;
padding-top: 15px;
background-color: #A50021;
border-radius: 0px 0px 4px 4px;
}

#footer a {
color: #FFF;
}

#footer br {
display: none;
}