@font-face {
	font-family: "liensrigolo";
	src: url("policeliens.ttf") format("truetype")
		}
		
html { height: 100%; }

body
{
background-image: url("interface/fond.jpg");
background-attachment: fixed;
background-size: cover;
background-position-y: center;
background-position-x: center;
margin-top: 20px;
}

#principal
{
background-image: url("interface/fondnoir.png");
width: 900px;
margin: auto;
padding: 20px;
border-radius: 30px

}

.membre
{
width: 250px;
border-radius : 125px;
border: 1px #FFFFFF solid;
margin-bottom: 5px;
}

.nommembre
{
font-weight: bold;
font-size: 18px;
color: #e1dcd5;
}

#intcentre
{
margin: auto;
width: 700px;
}


p {
color: #FFFFFF;
font-family: Times New Roman;
text-shadow: #000000 1px 1px 1px;
}

.textec {
text-align: center;
font-size: 16px;
}

#soustitre {
text-align: center;
font-size: 18px;
font-style: italic;
}

h1{
color: #FFFFFF;
text-align: center;
text-shadow: #000000 1px 1px 1px;
}

h2{
color: #FFFFFF;
text-shadow: #000000 1px 1px 1px;
}

a {
color: #e1dcd5;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
font-family: liensrigolo;
}

.rubriques a:hover {
font-size: 23px;
}
.textec a:hover {
font-size: 15px;
}

#pochette
{
float: left;
width: 300px;
margin-right: 35px;
border: 1px #FFFFFF solid;
}

.rubriques
{
color: #e1dcd5;
text-align: center;
font-weight: bold;
font-size: 22px;
}
#rubriques:hover
{
color: #FFFFFF;
}

ol
{
color: #FFFFFF;
line-height: 1.75;
text-shadow: #000000 1px 1px 1px;
}

.videoWrapper {
	margin-left: 10px;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 98%;
}

h3 {
	color: #FFFFFF;
	margin-top: 10px;
    position: relative;
    font-size: 20px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	text-shadow: #000000 1px 1px 1px;
}
h3:before, h3:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #a39d92;
}
h3:before {
    margin-left: -55%;
    text-align: right;
}
h3:after {
    margin-left: 5%;
    text-align: right;
}

input {
	background-color: #4e4646;
	border: 1px #FFFFFF solid;
	color: #FFFFFF;
	border-radius: 4px;
}
textarea {
	background-color: #4e4646;
	border: 1px #FFFFFF solid;
	color: #FFFFFF;
	border-radius: 4px;
}
hr {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));

}