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

.container1 {
	margin-top: 32px;
	}

.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
{
background-position: left top;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: bold;
text-align: center;
margin-top: 6px;
background-repeat:no-repeat;
background-attachment:scroll;
line-height:1;
}

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

#cadre {
  border-radius: 10px;
}

#left {
	float:left;
	width:33%;
	line-height: 200%;
	}
#right {
	text-align: right;
	float:right;
	width:33%;
	line-height: 200%;
	float:right;
}
#center {
	float:left;
	width:33%;
	line-height: 200%;
	margin-right: 3px;
	margin-left: 3px;
}


.vkey{
	line-height: 150%;
	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;
}