/*--css document--olivierlivet.com*/
html, body, p , img, h1, h2, h3, div, span, li, ul, img, label, form, input{margin:0; padding:O}

body{
background-image:none;
font-family:Arial, Helvetica, sans-serif;
color:#AAA;
font-size:12px;
border: #000 solid 1px;
width:802px;
height:602px;
	position: absolute;
	top: 50%;
	margin-top:-290px;
	left: 50%;
	margin-left: -401px;
}

#container{
background-image:url(back_ground.jpg);
margin-top:130px;
width:700px;
height:362px;
position:relative;
}

/*LES LIENS*/
a:link , a:hover , a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#555;
font-size:12px;
border:none;
display:block;
}
a:hover{
text-decoration:underline;
}
/*MENU*/



#Support{
position:relative;
overflow:hidden;
top:90px;
left:40px;
}
#Contenu{
position:absolute;
left:0;
top:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
#news p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#menu{
	position:absolute;
	margin-left:676px;
	margin-top:-344px;
	left: 1px;
	top: 474px;
	height:362px;
	background-color:#FFF;
}

#bouton{
position:absolute;
top:250px;
right:75px;
}
#bouton img{
border:none;
}

.nouveautes{
float:left;
width:280px;
margin-bottom:20px;
}
.date_nouveautes, .annee{
margin-top:20px;
color:#333333;
letter-spacing:3px;
line-height:8px;
font-weight:600;
}
.annee{
font-size:16px;
}
.lien_nouveautes{
margin-left:20px;
}
#newsletter{
position:absolute;
top:300px;
left:30px;
}
label{
color:#666666;
font-size:10px;
margin:0 0 0 30px;
}

.txt {
	background: #FFF url(mail.gif) no-repeat;
	text-align: left;
	border: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 2px  2px 20px;
	margin:0 34px 0 8px;
	width:80px;
	height:12px;
}
.ok{
position:absolute;
top:0;
left:510px;;
}
#message{
color:#990000;
font-size:10px;
margin-left:30px;
}