body {
	margin-left: auto;
	margin-right: auto;
	max-width:1024px;
	max-height:768px;
	font-family: 'Reem Kufi', sans-serif;
	font-size: medium;
	color: #CCCCCC;
	text-align: left;
	line-height: 150%;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top
	}

.container1 {
	margin-top: 28px;
	}

.titre {
	margin-top: 6px;
	font-size: 2.75em;
	line-height: 75%;
	color: #444444;
	}

.auteur {
	margin-top: -36px;
	font-size: 1em;
	line-height: 100%;
	color: #444444;
	}


.responsive {
    width: 25%;
    max-width: 211px;
    height: auto;
}

h1
{
font-family: 'Reem Kufi', sans-serif;
font-weight: bold;
text-align: center;
margin-top: 6px;
line-height:1;
padding: 1px 4px;
}

h2
{
text-align: left;
margin-top: 6px;
line-height:1;
padding: 1px 4px;
text-transform: uppercase;
}

h3
{
text-align: left;
margin-top: 6px;
line-height:1;
padding: 1px 4px;
Font-Variant: Small-Caps;
}


a
{
text-decoration: none;
color:#FFFFFF;
font-size:medium;
}
a:visited
{
color: #AAA;
}


.vkey{
	line-height: 200%;
	background-color: #222;
	border-color: #CCCCCC;
	color: #CCCCCC;
	border-radius:15px;
	padding: 2px 7px 3px 6px;
	margin:1px;
	white-space: nowrap;
}

.lien{
	line-height: 200%;
	text-decoration: underline dotted;
	white-space: nowrap;
}


.footer
{
text-align: center;
color: white;
background-color: #212121;
position: relative;
bottom:0;
margin-right: auto;
margin-left: auto;
border-radius: 7px;
}